:root{color-scheme:light;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f4f0e8;--surface: #fffaf0;--paper: #111214;--copy: rgba(17, 18, 20, .7);--muted: rgba(17, 18, 20, .5);--rule: rgba(17, 18, 20, .2);--rule-strong: rgba(17, 18, 20, .58);--blue: #4357c7;--coral: #d94f3d;--acid: #d9ff43;--success: #16834a;--warning: #a66500;--danger: #c73729}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{min-height:44px}button{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}::selection{color:var(--paper);background:var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Playfair Display,Georgia,serif}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;background:var(--paper);color:var(--ink)}.skip-link:focus{transform:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(220px,270px) 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--rule);padding:28px 20px 22px}.brand-block{padding:4px 4px 34px}.brand-index,.eyebrow{display:block;color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.brand-name{display:flex;align-items:center;gap:10px;margin-top:16px;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:700;letter-spacing:-.04em}.brand-name svg{width:26px;height:26px;color:var(--coral)}.brand-block p{margin:10px 0 0;color:var(--copy);font-size:.85rem;line-height:1.5}.nav-list{display:grid;border-top:1px solid var(--rule)}.nav-list button{display:grid;grid-template-columns:28px 24px 1fr;align-items:center;gap:9px;width:100%;min-height:58px;border:0;border-bottom:1px solid var(--rule);padding:0 5px;background:transparent;cursor:pointer;text-align:left}.nav-list button small{color:var(--muted);font:700 .62rem/1 ui-monospace,monospace}.nav-list button svg{width:18px}.nav-list button span{font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.nav-list button:hover,.nav-list button[aria-current=page]{color:var(--paper);background:#11121409}.nav-list button[aria-current=page]{box-shadow:inset 3px 0 0 var(--coral)}.nav-list button[aria-current=page] svg{color:var(--blue)}.sidebar-status{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;border-top:1px solid var(--rule)}.sidebar-status svg{width:20px;color:var(--success)}.sidebar-status span{display:grid;gap:2px}.sidebar-status strong{font-size:.75rem}.sidebar-status small{color:var(--muted);font-size:.68rem}.main-content{min-width:0;padding:0 clamp(20px,4vw,64px) 64px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:210px;border-bottom:1px solid var(--rule-strong);padding:40px 0 28px}.topbar h1{max-width:760px;margin:12px 0 10px;font-size:clamp(2.8rem,6vw,6.3rem);line-height:.88;letter-spacing:-.065em}.topbar p{max-width:650px;margin-bottom:0;color:var(--copy);line-height:1.55}.account-area{display:flex;align-items:center;gap:14px;padding-bottom:4px}.account-area>span{display:grid;text-align:right}.account-area strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;font-size:.78rem;white-space:nowrap}.account-area small{color:var(--muted);font-size:.66rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--rule-strong);border-radius:0;padding:0 17px;background:transparent;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.button svg{width:17px}.button:hover{background:var(--paper);color:var(--ink)}.button:disabled{cursor:wait;opacity:.55}.button-primary{border-color:var(--blue);background:var(--blue);color:#fff}.button-primary:hover{border-color:var(--paper)}.button-quiet{border-color:var(--rule)}.metrics-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}.metric{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;padding:22px 20px;border-right:1px solid var(--rule)}.metric:last-child{border-right:0}.metric>span{grid-row:1 / 3;color:var(--muted);font:700 .65rem/1 ui-monospace,monospace}.metric strong{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);line-height:.9}.metric small{margin-top:7px;color:var(--copy);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.content-section{padding-top:36px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--rule)}.section-heading h2,.migration-placeholder h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.05em}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.screen-card{min-width:0;padding:26px 22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.screen-card:nth-child(2n){border-right:0}.screen-card-heading{display:flex;justify-content:space-between;gap:16px}.screen-card h3{margin:9px 0 5px;font-size:1.65rem;letter-spacing:-.04em}.screen-card code{color:var(--muted);font-size:.7rem}.screen-number{color:var(--muted);font:800 .58rem/1 ui-monospace,monospace;letter-spacing:.1em}.status-label{display:flex;align-items:center;gap:7px;color:var(--copy);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.status-label i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-label i.online{background:var(--success);box-shadow:0 0 0 4px #16834a1f}.screen-preview{position:relative;aspect-ratio:16/9;margin:22px 0 18px;overflow:hidden;background:#111214}.screen-preview img,.screen-preview video{width:100%;height:100%;object-fit:cover}.screen-preview>span{position:absolute;right:10px;top:10px;padding:5px 7px;background:#070708d6;color:#d9ff43;font:800 .58rem/1 ui-monospace,monospace;letter-spacing:.12em}.metric-bars{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.metric-bars>div{display:grid;grid-template-columns:38px 1fr 44px;align-items:center;gap:10px}.metric-bars span,.metric-bars strong{font:700 .62rem/1 ui-monospace,monospace}.metric-bars strong{text-align:right}.metric-bars i{height:4px;background:#1112141a}.metric-bars b{display:block;height:100%;background:var(--blue)}.screen-playlist{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:.77rem}.screen-playlist span{color:var(--muted)}.card-actions{display:flex;flex-wrap:wrap;border-top:1px solid var(--rule)}.card-actions button{flex:1 1 auto;min-height:46px;border:0;border-right:1px solid var(--rule);padding:0 9px;background:transparent;cursor:pointer;font-size:.66rem;font-weight:900;text-transform:uppercase}.card-actions button:last-child{border-right:0}.card-actions button:hover{background:var(--paper);color:var(--ink)}.card-actions .danger{color:var(--danger)}.empty-state,.migration-placeholder{display:grid;justify-items:start;min-height:360px;align-content:center;border-bottom:1px solid var(--rule);padding:50px 0}.empty-state svg{width:40px;height:40px;color:var(--coral)}.empty-state h3{margin:18px 0 8px;font-size:2rem}.empty-state p,.migration-placeholder p{max-width:520px;color:var(--copy);line-height:1.55}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.45fr minmax(360px,.75fr)}.auth-intro{display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;padding:clamp(32px,7vw,110px);background:var(--paper);color:var(--ink)}.auth-intro>svg{width:54px;height:54px;margin:auto 0;color:#aebcff}.auth-intro h1{max-width:950px;margin:0 0 24px;font-size:clamp(3.4rem,7vw,7.8rem);line-height:.88;letter-spacing:-.07em}.auth-intro p{max-width:620px;margin:0;color:#f4f0e8a6;font-size:1.05rem;line-height:1.55}.auth-intro .brand-index{color:#ff765f}.login-panel{align-self:center;display:grid;gap:10px;padding:clamp(30px,6vw,80px)}.login-panel h2{margin:12px 0 2px;font-size:2.6rem;letter-spacing:-.05em}.login-panel>p:not(.form-error){margin-bottom:24px;color:var(--copy);line-height:1.5}.login-panel label,.dialog label{margin-top:8px;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.login-panel input,.dialog input,.dialog select{width:100%;min-height:50px;border:0;border-bottom:1px solid var(--rule-strong);border-radius:0;padding:0 4px;background:transparent;color:var(--paper)}.password-field{position:relative}.password-field input{padding-right:52px}.password-visibility{position:absolute;right:0;bottom:1px;display:grid;width:48px;min-height:48px;place-items:center;border:0;background:transparent;color:var(--copy);cursor:pointer}.password-visibility:hover{color:var(--paper);background:#1112140d}.password-visibility svg{width:19px;height:19px}.form-error{min-height:22px;margin:2px 0;color:var(--danger);font-size:.8rem}.loading-mark{display:flex;align-items:center;justify-content:center;gap:12px;grid-column:1 / -1;color:var(--copy)}.spin{animation:spin 1s linear infinite}.dialog-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#070708c2}.dialog{width:min(100%,560px);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);box-shadow:0 24px 80px #00000059}.dialog>header,.dialog>form,.dialog>.pairing-command,.dialog>.dialog-footer{margin:0;padding:26px 30px}.dialog>header{border-bottom:1px solid var(--rule)}.dialog h2{margin:9px 0 7px;font-size:2.2rem;letter-spacing:-.05em}.dialog p{margin:0;color:var(--copy);line-height:1.5}.dialog form{display:grid;gap:8px}.dialog form small{color:var(--muted);font-size:.68rem}.dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid var(--rule)}.pairing-command{display:block;overflow-wrap:anywhere;color:var(--blue);font:.78rem/1.6 ui-monospace,monospace;-webkit-user-select:all;user-select:all}.dialog>.dialog-footer{border-top:1px solid var(--rule)}.toast{position:fixed;z-index:80;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:16px 20px;background:var(--paper);color:var(--ink);font-size:.84rem;box-shadow:0 14px 45px #0000003d}.upload-zone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:150px;border-bottom:1px solid var(--rule);padding:28px 4px}.upload-zone.dragging{background:#4357c714;box-shadow:inset 4px 0 0 var(--blue)}.upload-zone>svg{width:38px;height:38px;color:var(--blue)}.upload-zone h3{margin:0 0 5px;font-size:1.35rem}.upload-zone p{margin:0;color:var(--copy);font-size:.8rem}.upload-progress{display:grid;grid-template-columns:minmax(120px,220px) auto;align-items:center;gap:12px}.upload-progress i{height:5px;background:#1112141f}.upload-progress b{display:block;height:100%;background:var(--blue)}.upload-progress strong{font:800 .68rem/1 ui-monospace,monospace}.filter-tabs{display:flex;min-height:56px;overflow-x:auto;border-bottom:1px solid var(--rule)}.filter-tabs button{border:0;border-right:1px solid var(--rule);border-bottom:2px solid transparent;padding:0 18px;background:transparent;cursor:pointer;color:var(--copy);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.filter-tabs button[aria-pressed=true]{border-bottom-color:var(--coral);color:var(--paper)}.filter-tabs span{margin-left:7px;color:var(--muted);font:700 .62rem/1 ui-monospace,monospace}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.media-card{min-width:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.media-card:nth-child(3n){border-right:0}.media-visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111214}.media-visual img,.media-visual video{width:100%;height:100%;object-fit:cover}.media-visual>span{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#070708d1;color:#f4f0e8;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.media-visual>span svg{width:12px;height:12px}.media-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:90px;padding:14px 16px}.media-index{color:var(--muted);font:700 .62rem/1 ui-monospace,monospace}.media-copy h3{margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;font-family:inherit;font-size:.88rem;white-space:nowrap}.media-copy p{margin:0;color:var(--muted);font-size:.68rem}.media-copy button,.playlist-delete,.playlist-editor>header button,.row-controls button{display:grid;width:44px;min-height:44px;place-items:center;border:0;background:transparent;cursor:pointer}.media-copy button:hover,.playlist-delete:hover,.playlist-editor>header button:hover,.row-controls button:hover{background:var(--paper);color:var(--ink)}.media-copy button svg,.playlist-delete svg,.playlist-editor>header button svg,.row-controls button svg{width:16px;height:16px}.playlist-workspace{display:grid;grid-template-columns:minmax(250px,330px) 1fr;min-height:560px}.playlist-list{border-right:1px solid var(--rule)}.playlist-list article{position:relative;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--rule)}.playlist-list article.active{box-shadow:inset 3px 0 0 var(--coral);background:#11121409}.playlist-open{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-width:0;min-height:76px;border:0;padding:10px 8px 10px 16px;background:transparent;cursor:pointer;text-align:left}.playlist-open>small{color:var(--muted);font:700 .62rem/1 ui-monospace,monospace}.playlist-open>span{display:grid;min-width:0;gap:4px}.playlist-open strong{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;white-space:nowrap}.playlist-open em{color:var(--muted);font-size:.67rem;font-style:normal}.playlist-delete:disabled{cursor:not-allowed;opacity:.25}.list-empty{padding:28px 20px;color:var(--copy)}.playlist-welcome{display:grid;justify-items:start;align-content:center;padding:clamp(30px,6vw,80px)}.playlist-welcome>svg{width:42px;height:42px;margin-bottom:26px;color:var(--coral)}.playlist-welcome h3{margin:9px 0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em}.playlist-welcome p{max-width:440px;color:var(--copy)}.playlist-editor{min-width:0;padding:28px clamp(18px,3vw,38px)}.playlist-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:20px}.playlist-editor>header h3{margin:8px 0 0;font-size:2.1rem;letter-spacing:-.05em}.playlist-editor>label{display:block;margin-top:24px;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.playlist-editor>input{width:100%;min-height:52px;border:0;border-bottom:1px solid var(--rule-strong);border-radius:0;background:transparent;font-family:Playfair Display,Georgia,serif;font-size:1.4rem}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}.subheading{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:10px;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.subheading strong{color:var(--blue)}.sequence-list{display:grid}.draft-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;min-width:0;border-bottom:1px solid var(--rule);padding:12px 0}.draft-media{width:58px;aspect-ratio:1;overflow:hidden;background:var(--paper)}.draft-media img,.draft-media video{width:100%;height:100%;object-fit:cover}.draft-row>div:nth-child(2){display:grid;min-width:0;gap:7px}.draft-row strong{overflow:hidden;text-overflow:ellipsis;font-size:.75rem;white-space:nowrap}.draft-row label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.64rem}.draft-row input{width:52px;min-height:32px;border:1px solid var(--rule);background:transparent;text-align:center}.row-controls{display:grid;grid-template-columns:repeat(3,38px)}.row-controls button{width:38px;min-height:38px}.row-controls button:disabled{opacity:.22}.editor-empty{display:grid;min-height:240px;place-items:center;align-content:center;padding:20px;color:var(--copy);text-align:center}.editor-empty svg{width:28px;color:var(--coral)}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px;overflow-y:auto}.catalog-grid button{position:relative;aspect-ratio:16/11;min-width:0;overflow:hidden;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:0;background:var(--paper);cursor:pointer}.catalog-grid img,.catalog-grid video{width:100%;height:100%;object-fit:cover;opacity:.78}.catalog-grid button:hover img,.catalog-grid button:hover video{opacity:.45}.catalog-grid button span{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:5px;overflow:hidden;padding:8px;background:#070708cc;color:#f4f0e8;font-size:.64rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.catalog-grid button span svg{flex:0 0 auto;width:14px}.playlist-editor>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:28px;border-top:1px solid var(--rule);padding-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:18px 20px 0;border-right:0;border-bottom:1px solid var(--rule)}.brand-block{padding-bottom:14px}.brand-block p,.sidebar-status{display:none}.nav-list{grid-template-columns:repeat(3,1fr);border-top:0}.nav-list button{grid-template-columns:22px 1fr}.nav-list button small{display:none}.main-content{padding-inline:20px}.topbar{min-height:auto;align-items:flex-start;padding-top:32px}.topbar h1{font-size:clamp(2.8rem,12vw,5.5rem)}.account-area>span{display:none}.auth-page{grid-template-columns:1fr}.auth-intro{min-height:48vh;padding:34px 26px}.auth-intro>svg{margin:56px 0}.login-panel{padding:44px 26px}}@media(max-width:620px){.nav-list button{min-height:54px;padding-inline:8px}.nav-list button span{font-size:.62rem}.topbar{display:grid}.account-area{justify-content:flex-start}.metrics-strip{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--rule)}.metric:last-child{border-bottom:0}.section-heading{align-items:flex-start;flex-direction:column}.screen-card{border-right:0;padding-inline:0}.upload-zone{grid-template-columns:1fr;justify-items:start}.media-card{border-right:0}.playlist-workspace{grid-template-columns:1fr}.playlist-list{border-right:0;border-bottom:1px solid var(--rule)}.editor-columns{grid-template-columns:1fr}.row-controls{grid-template-columns:repeat(3,44px)}.auth-intro h1{font-size:clamp(3rem,16vw,5rem)}.dialog>header,.dialog>form,.dialog>.pairing-command,.dialog>.dialog-footer{padding-inline:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}