:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d0f12;--panel:#15181d;--line:#2a2f37;--muted:#8e98a7;--text:#f4f7fa;--accent:#ff4d28;--success:#34d399}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}input:not([type=checkbox]):not([type=file]){border:1px solid var(--line);width:100%;color:var(--text);background:#0f1216;border-radius:7px;padding:10px 11px}select{border:1px solid var(--line);width:100%;color:var(--text);background:#0f1216;border-radius:7px;padding:10px 32px 10px 11px}main{width:min(1180px,100% - 32px);margin:0 auto}.appHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:116px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.02em;font-size:25px}h2{font-size:20px}h3{margin:0;font-size:15px}.appHeader p,.toolbar p{color:var(--muted);margin-top:5px;font-size:13px}.systemStatus{color:var(--success);font-size:12px;font-weight:650}.workspace{padding:28px 0 60px}.toolbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.toolbarActions{gap:8px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:10px 14px;font-size:13px;font-weight:700}button.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.uploadButton{background:var(--accent);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:disabled{opacity:.45;cursor:not-allowed}.deploymentBar{background:#1d1714;border:1px solid #513326;flex-wrap:wrap;align-items:center;gap:12px 22px;min-height:48px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.deploymentBar span{color:#d0b8ae}.deploymentBar button{margin-left:auto}.publishSetupBar{border:1px solid var(--line);background:var(--panel);border-radius:9px;grid-template-columns:minmax(240px,1fr) minmax(240px,1.2fr);align-items:end;gap:6px 14px;margin-bottom:12px;padding:14px;display:grid}.publishSetupBar label{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.publishSetupBar span{color:var(--muted);font-size:11px;line-height:1.4}.pairingBar{border:2px solid var(--accent);background:linear-gradient(180deg, #ff4d2817, #ff4d2805) var(--panel);border-radius:9px;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:7px 8px;margin-bottom:12px;padding:14px;display:grid;box-shadow:0 0 0 1px #ff4d2826,0 4px 20px #ff4d2829}.pairingBar label{color:var(--accent);letter-spacing:.01em;grid-column:1/-1;font-size:13px;font-weight:800}.pairingBarHint{color:var(--muted);grid-column:1/-1;margin:0 0 2px;font-size:11px;line-height:1.4}.pairingBarEmpty{box-shadow:0 0 0 1px #ff4d2840,0 0 0 5px #ff4d281f,0 6px 26px #ff4d284d}.blockerPanel{color:#ffb4b4;background:#37191a;border:1px solid #773034;gap:8px;margin-bottom:12px;padding:12px 14px;font-size:12px;display:grid}.blockerPanel>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.error{color:#ffb4b4;background:#37191a;border:1px solid #773034;margin-bottom:12px;padding:12px 14px;font-size:13px}.notice{color:#a9f3d6;background:#153c2f;border:1px solid #29624f;margin-bottom:12px;padding:12px 14px;font-size:13px}.screenTable{border:1px solid var(--line);border-radius:9px;overflow:hidden}.screenRow{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(130px,1fr) .65fr .7fr .8fr minmax(320px,1.45fr);align-items:center;gap:14px;min-height:58px;padding:10px 16px;font-size:13px;display:grid}.screenRow:first-child{border-top:0}.screenHeader{min-height:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#111419;font-size:11px;font-weight:700}.screenName{align-items:center;gap:12px;font-weight:680;display:flex}.screenName>span,.screenHealth{gap:3px;min-width:0;display:grid}.screenName small,.screenHealth small{overflow-wrap:anywhere;color:var(--muted);font-size:10px;font-weight:500}.screenHealth strong{font-size:11px}.screenHealth>span{color:var(--muted);font-size:10px}.screenSettings{grid-template-columns:minmax(105px,1fr) minmax(120px,.8fr) auto auto;align-items:center;gap:7px;display:grid}.screenSettings input,.screenSettings select{min-width:0;font-size:11px;padding:7px 8px!important}.screenRuntime,.screenError{overflow-wrap:anywhere;color:var(--muted);grid-column:1/-1;font-size:10px}.screenError{color:#ffb4b4}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.stateDot{background:var(--muted);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.state-playing,.state-ready,.state-armed{background:var(--success)}.state-preparing{background:#fbbf24}.mediaWorkspace{padding-bottom:6px}.mediaSupport{color:var(--muted);margin:-10px 0 16px;font-size:12px;line-height:1.5}.transferList{gap:8px;margin-bottom:12px;display:grid}.transferRow{background:#1d1714;border:1px solid #513326;border-radius:8px;grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr) auto;align-items:center;gap:16px;min-height:62px;padding:10px 14px;font-size:13px;display:grid}.transferRow>div:first-child{min-width:0;display:grid}.transferRow strong,.mediaFilename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transferRow span{color:var(--muted);font-size:12px}.transferStatus{gap:6px;display:grid}.transferActions{justify-content:flex-end;gap:10px;display:flex}progress{width:100%;height:6px;accent-color:var(--accent);border:0;border-radius:4px;overflow:hidden}.inlineError{color:#ffb4b4;grid-column:1/-1;font-size:12px}.mediaTable{border:1px solid var(--line);border-radius:9px;overflow:hidden}.mediaRow{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(150px,1.45fr) .55fr .8fr .65fr .7fr minmax(170px,1.15fr) auto;align-items:center;gap:14px;min-height:62px;padding:10px 14px;font-size:12px;display:grid}.mediaRow:first-child{border-top:0}.mediaHeader{min-height:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#111419;font-size:10px;font-weight:700}.mediaFilename{color:var(--text);font-size:13px;font-weight:680}.validationBadge{letter-spacing:.04em;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-style:normal;font-weight:750;display:inline-flex}.validation-ready{color:#89ebc6;background:#153c2f}.validation-rejected{color:#ffb4b4;background:#431d20}.validation-pending{color:#f9d878;background:#4a3710}.validationError{color:#ffb4b4;margin-top:5px;font-size:10px;line-height:1.35;display:block}.textButton{color:var(--muted);background:0 0;padding:5px 2px}.dangerButton{color:#ff9b90}.emptyMedia{color:var(--muted);padding:24px 14px;font-size:13px}.playlistWorkspace{border-top:1px solid var(--line)}.playlistChooser{grid-template-columns:minmax(180px,250px) auto;align-items:end;gap:6px 8px;display:grid}.playlistChooser label{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.playlistCreate{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:8px;margin-bottom:14px;padding:14px;display:grid}.playlistCreate label{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.playlistLayout{display:block}.draftPanel{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:0}.editorTabs{border-bottom:1px solid var(--line);gap:18px;padding:0 16px;display:flex}.tabButton{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:12px 2px;font-size:13px;font-weight:700}.tabButton:hover{color:var(--text)}.tabButtonActive{color:var(--text);border-bottom-color:var(--accent)}.durationField{grid-template-columns:minmax(74px,100px);align-items:end;gap:5px;display:grid}.durationField label{color:var(--muted);font-size:10px;font-weight:700}.durationField input{padding:7px 8px!important}.draftHeading{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:16px;display:flex}.draftHeading p{color:var(--muted);margin-top:6px;font-size:12px}.draftBadge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:750}.draftActions,.itemActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dangerSecondary{color:#ff9b90;background:0 0;border:1px solid #5e3030}.renameForm{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:6px 8px;padding:16px;display:grid}.renameForm label,.addMediaBar label{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.addMediaBar{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:6px 8px;padding:16px;display:grid}.playlistItems{gap:0;margin:0;padding:0;list-style:none;display:grid}.playlistItem{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(120px,1fr) minmax(170px,.8fr) minmax(210px,auto);align-items:center;gap:12px;min-width:0;padding:12px 16px;display:grid}.itemPosition{width:26px;height:26px;color:var(--muted);background:#242a32;border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid}.itemIdentity{gap:4px;min-width:0;display:grid}.itemIdentity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.itemIdentity span,.itemDuration>span{color:var(--muted);font-size:11px}.compactButton{padding:7px 9px;font-size:11px}.emptyPlaylist,.emptyPlaylistItem,.emptyHistory{color:var(--muted);padding:22px 16px;font-size:13px}.publishDraftBar{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.publishDraftBar>div{gap:4px;display:grid}.publishDraftBar span{color:var(--muted);font-size:11px}.versionHistory{border-top:1px solid var(--line);overflow:hidden}.historyHeading{border-bottom:1px solid var(--line);padding:16px}.historyHeading span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.versionCard{border-bottom:1px solid var(--line);gap:8px;padding:14px 16px;display:grid}.versionCard:last-child{border-bottom:0}.versionCard>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.versionCard p{overflow-wrap:anywhere;font-size:13px}.immutableBadge{color:#bac2ce;letter-spacing:.05em;text-transform:uppercase;background:#242a32;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:750}.versionCard dl{gap:5px;margin:0;display:grid}.versionCard dl div{color:var(--muted);justify-content:space-between;gap:10px;font-size:11px;display:flex}.versionCard dt,.versionCard dd{margin:0}.loginPage{place-items:center;min-height:100vh;display:grid}.loginCard{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:min(420px,100%);padding:28px}.loginCard>p:not(.eyebrow){color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:750}.loginForm{gap:14px;margin-top:24px;display:grid}.loginForm label{color:var(--muted);gap:6px;font-size:12px;font-weight:650;display:grid}.loginForm .error{margin:0}@media (max-width:760px){main{width:min(100% - 20px,620px)}.appHeader{min-height:96px}.systemStatus{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbarActions{grid-template-columns:1fr 1fr;display:grid}.toolbarActions button:last-child{grid-column:1/-1}.deploymentBar{flex-direction:column;align-items:flex-start;gap:5px;padding:12px}.deploymentBar button{margin-left:0}.publishSetupBar{grid-template-columns:minmax(0,1fr)}.publishSetupBar label{grid-column:1}.blockerPanel>div{flex-direction:column;align-items:stretch}.screenTable{border-radius:0}.screenHeader{display:none}.screenRow{grid-template-columns:1fr 1fr;gap:9px 16px;padding:14px}.screenRow>span:nth-child(3),.screenRow>span:nth-child(4){color:var(--muted);font-size:12px}.screenSettings{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}.pairingBar{grid-template-columns:minmax(0,1fr) auto}.pairingBarHint{grid-column:1/-1}.mediaWorkspace{padding-bottom:14px}.transferRow{grid-template-columns:1fr;gap:8px}.transferActions{justify-content:flex-start}.mediaHeader{display:none}.mediaRow{grid-template-columns:1fr 1fr;gap:8px 14px;padding:14px}.mediaRow>span:first-child,.mediaRow>span:nth-child(6){grid-column:1/-1}.mediaRow>span:not(:first-child){color:var(--muted)}.playlistChooser{grid-template-columns:minmax(0,1fr) auto;width:100%}.playlistCreate{grid-template-columns:1fr 1fr}.playlistCreate input{grid-column:1/-1}.draftHeading{flex-direction:column;align-items:flex-start}.draftActions{justify-content:flex-start}.playlistItem{grid-template-columns:30px minmax(0,1fr);gap:9px 10px}.itemDuration,.itemActions{grid-column:2}.itemActions{justify-content:flex-start}.publishDraftBar{flex-direction:column;align-items:stretch}}@media (max-width:390px){main{width:calc(100% - 16px)}.toolbarActions,.playlistChooser,.playlistCreate,.renameForm,.addMediaBar{grid-template-columns:minmax(0,1fr)}.toolbarActions button:last-child,.playlistChooser label,.playlistCreate label,.playlistCreate input,.renameForm label,.addMediaBar label{grid-column:1}.draftHeading,.renameForm,.addMediaBar,.publishDraftBar,.historyHeading,.versionCard{padding-left:12px;padding-right:12px}.playlistItem{padding-left:10px;padding-right:10px}.screenSettings,.pairingBar{grid-template-columns:minmax(0,1fr)}.pairingBar label,.pairingBarHint{grid-column:1}}.toolbarActions{flex-wrap:wrap;gap:10px;display:flex}.uploadButtonDisabled{opacity:.55;cursor:progress}
