:root{color:#172033;background:#f3f6f9;font-family:Hiragino Sans,Yu Gothic,sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:var(--accent);background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;padding:.6rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{background:var(--soft)}:focus-visible{outline:3px solid var(--accent,#0969da);outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:clamp(1.3rem,4vw,2rem);line-height:1.35}h2{font-size:1.15rem}.uploader{--accent:#0969da;--soft:#edf6ff;width:min(760px,100% - 2rem);margin:auto;padding:2rem 0}.uploader--rakuten{--accent:#bf0000;--soft:#fff3f3}.uploader>header{padding:0 .25rem 1rem}.uploader>header>p:first-child{color:var(--accent);letter-spacing:.06em;font-size:.8rem;font-weight:700}.upload-panel{background:#fff;border:1px solid #dce3ec;border-radius:1.1rem;padding:1.5rem;box-shadow:0 14px 34px #1720330f}.upload-drop{display:grid;text-align:center;background:#f8fafc;border:2px dashed #b8c5d5;border-radius:.9rem;justify-items:center;gap:.5rem;padding:2rem 1rem}.upload-drop--active{background:var(--soft);border-color:var(--accent)}.upload-arrow{color:var(--accent);background:var(--soft);border-radius:.7rem;padding:.15rem .8rem;font-size:2rem}.upload-files{margin-top:1rem}.upload-files ul{list-style:none;padding:0}.upload-files li{display:grid;grid-template-columns:minmax(0,1fr)auto auto;border:1px solid #e2e8f0;border-radius:.6rem;align-items: center;gap:.6rem;margin-bottom:.5rem;padding:.6rem}.upload-files strong,.upload-files small{display:block;overflow-wrap:anywhere}.upload-files small{color:#667085}[data-status]{white-space:nowrap;font-size:.75rem}[data-status=done]{color:#027a48}[data-status=error],[role=alert]{color:#912018}.upload-submit{border-top:1px solid #e2e8f0;margin-top:1.2rem;padding-top:1.2rem}.upload-primary{display:block;background:var(--accent);color:#fff;width:100%;min-height:3rem;margin:1rem 0}.upload-primary:not(:disabled):hover{background:color-mix(in srgb,var(--accent),black 15%)}.upload-submit>p,.upload-submit>small{display:block;text-align:center}.upload-submit>small{color:#667085}details{background:#f8fafc;border-radius:.6rem;margin-top:1rem;padding:.75rem}summary{cursor:pointer;color:var(--accent);font-weight:700}.upload-receipt{text-align:center;background:#ecfdf3;border:1px solid #abefc6;border-radius:.9rem;padding:1.5rem}.upload-receipt label{display:block}.upload-receipt input{display:block;text-align:center;border:2px solid #079455;border-radius:.6rem;width:100%;margin:.75rem 0;padding:.75rem;font-family:monospace;font-size:1.2rem}.upload-receipt [aria-live]{min-height:1.8em;margin:.5rem 0}.upload-guidance{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.2rem;font-size:.8rem}.upload-guidance h2{font-size:1rem}.studio-failure{background:#fef3f2;border:1px solid #fecdca;border-radius:.6rem;padding:1rem}.studio-failure__id{overflow-wrap:anywhere;font-size:.85rem}.studio-upload-embed{background:0 0}.uploader--compact{width:100%;padding:0}.uploader--compact .upload-panel{box-shadow:none;border:0;border-radius:0}@media (max-width:480px){.uploader{width:calc(100% - 1rem);padding:.75rem 0}.upload-panel{padding:1rem .65rem}.upload-drop{padding:1.2rem .5rem;font-size:.85rem}.upload-files li{grid-template-columns:minmax(0,1fr)auto}.upload-files [data-status]{grid-column:1;grid-row:2}.upload-files li>button{grid-column:2;grid-row:1/3}.upload-receipt{padding:1rem .5rem}.uploader--compact{width:100%;padding:0}}