.upload-wrap{display:grid}.upload-target{cursor:pointer;background:#131311;border:1px dashed #ffffff42;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"mark title""mark meta""mark cta";align-content:center;gap:2px 12px;min-height:116px;padding:14px;transition:border-color .167s cubic-bezier(.65,0,.35,1),background .167s cubic-bezier(.65,0,.35,1),outline-color .167s cubic-bezier(.65,0,.35,1);display:grid;position:relative}.upload-target:hover{background:#16160f;border-color:#e9f6278c}.upload-mark{width:46px;height:46px;color:var(--brand);border:1px solid #4d4d47;grid-area:mark;align-self:center;place-items:center;transition:border-color .167s cubic-bezier(.65,0,.35,1),background .167s cubic-bezier(.65,0,.35,1),color .167s cubic-bezier(.65,0,.35,1);display:grid}.upload-arrow{font:1.15rem/1 Space Mono,monospace}.upload-title{letter-spacing:.1em;text-transform:uppercase;grid-area:title;align-self:end;font:700 .76rem/1.3 Space Mono,monospace}.upload-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:meta;font-size:.78rem;line-height:1.35;overflow:hidden}.upload-cta{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;border:1px solid #e9f62766;grid-area:cta;justify-self:start;margin-top:7px;padding:4px 9px;font:700 .62rem/1 Space Mono,monospace;transition:border-color .167s cubic-bezier(.65,0,.35,1),background .167s cubic-bezier(.65,0,.35,1),color .167s cubic-bezier(.65,0,.35,1)}.upload-wrap[data-dragging] .upload-target{border-style:solid;border-color:var(--brand);background:#1c1c10}.upload-wrap[data-dragging] .upload-mark,.upload-wrap[data-dragging] .upload-cta{border-color:var(--brand);background:var(--brand);color:#101010}.upload-wrap[data-busy] .upload-target{cursor:progress;border-style:solid;border-color:#e9f62773}.upload-scan{border:2px solid #ffffff38;border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-progress{color:var(--muted);gap:7px;margin:10px 0 0;font-size:.78rem;line-height:1.45;display:grid}.upload-progress-track{background:#ffffff1f;height:3px;display:block;position:relative;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg, #e9f6271f, var(--brand) 50%, #e9f6271f);animation:1.3s cubic-bezier(.65,0,.35,1) infinite upload-pulse;position:absolute;inset:0}@keyframes upload-pulse{0%,to{opacity:.4}50%{opacity:1}}.upload-notice{border-left:3px solid var(--line);margin:10px 0 0;padding:9px 11px;font-size:.82rem;line-height:1.45}.upload-notice-error{color:#ffd9d3;background:#ff9f921a;border-color:#ff9f92}.upload-notice-info{border-color:var(--brand);color:#e8e7df;background:#e9f62714}.cover-menu.cover-panel{z-index:40;width:208px;max-width:calc(100vw - 16px);box-shadow:6px 6px 0 0 var(--brand), 0 0 0 1px #080808, 0 0 0 2px #ffffff1f;opacity:0;background:#11110f;border:1px solid #fff3;gap:10px;padding:12px;transition:opacity .167s cubic-bezier(.65,0,.35,1),transform .167s cubic-bezier(.65,0,.35,1);display:grid;position:fixed;transform:translateY(-5px)}.cover-menu.cover-panel[data-placed]{opacity:1;transform:none}.cover-menu.cover-panel .cover-panel-title{color:#bcbbb3;letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 .62rem/1.3 Space Mono,monospace}.cover-menu.cover-panel .cover-panel-note{color:#8f8f88;margin:0;font-size:.72rem;line-height:1.4}.cover-menu.cover-panel .cover-shape-group{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cover-menu.cover-panel .cover-shape{color:#f5f4ee;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#151513;border:1px solid #3d3d37;grid-template-columns:13px minmax(0,1fr) 11px;align-items:center;gap:7px;min-height:44px;padding:8px 9px;font:700 .64rem/1 Space Mono,monospace;transition:border-color .167s cubic-bezier(.65,0,.35,1),background .167s cubic-bezier(.65,0,.35,1),color .167s cubic-bezier(.65,0,.35,1);display:grid}.cover-menu.cover-panel .cover-shape:hover{border-color:var(--brand);color:var(--brand)}.cover-menu.cover-panel .cover-shape.is-on{border-color:var(--brand);background:var(--brand);color:#0f0f0c}.cover-shape-mark{border:2px solid;width:13px;height:13px}.cover-shape-mark-round{border-radius:50%}.cover-shape-mark-square{border-radius:2px}.cover-shape-tick{text-align:right;font-size:.7rem;line-height:1}.cover-menu.cover-panel .cover-panel-upload{border:1px solid var(--brand);min-height:44px;color:var(--brand);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#0f0f0c;padding:9px 10px;font:700 .64rem/1 Space Mono,monospace;transition:background .167s cubic-bezier(.65,0,.35,1),color .167s cubic-bezier(.65,0,.35,1)}.cover-menu.cover-panel .cover-panel-upload:hover{background:var(--brand);color:#0f0f0c}.preview-stage .player-frame[data-cover] .smc-cover{outline:1px dashed color-mix(in oklab, var(--brand) 28%, transparent);outline-offset:4px;transition:outline-color .167s cubic-bezier(.65,0,.35,1)}.preview-stage .player-frame[data-cover] .smc-cover:hover{outline:1px dashed color-mix(in oklab, var(--brand) 62%, transparent)}.preview-stage .player-frame[data-cover] .smc-cover:focus-visible{outline:2px solid var(--brand);outline-offset:4px}@media (prefers-reduced-motion:reduce){.upload-scan{animation:none!important}.upload-progress-bar{opacity:.55;width:100%;animation:none!important}.cover-menu.cover-panel{transition:none}}.crop-scrim{z-index:60;background:#080806b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.crop-dialog{width:min(520px,100%);box-shadow:6px 6px 0 0 var(--brand), 0 0 0 1px #080808;background:#11110f;border:1px solid #fff3;outline:none;gap:12px;padding:14px;display:grid}.crop-title{color:#bcbbb3;letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 .66rem/1.3 Space Mono,monospace}.crop-stage{aspect-ratio:4/3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#080808;width:100%;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.crop-image{pointer-events:none;max-width:none;position:absolute}.crop-window{pointer-events:none;border:1.5px dashed #fff;position:absolute;box-shadow:0 0 0 100vmax #08080699}.crop-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-zoom{min-width:96px;accent-color:var(--brand);flex:120px}.crop-spacer{flex:1 0 0}.crop-icon,.crop-button{color:#e8e7df;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#0f0f0c;border:1px solid #ffffff47;min-height:44px;font:700 .66rem/1 Space Mono,monospace}.crop-icon{letter-spacing:0;min-width:44px;font-size:1rem}.crop-button{padding:0 14px}.crop-icon:hover,.crop-button:hover{border-color:var(--brand);color:var(--brand)}.crop-apply{border-color:var(--brand);background:var(--brand);color:#0f0f0c}.crop-apply:hover{color:#0f0f0c;filter:brightness(1.08)}.crop-icon:focus-visible,.crop-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}