:root{--bg: #0a0d12;--panel: #11151d;--panel-2: #161c27;--border: #232b3a;--border-soft: #1b212e;--text: #edf1f7;--text-muted: #8791a3;--text-dim: #5b6478;--amber: #ffb020;--cyan: #4fd3c9;--red: #ff5470;--radius: 10px;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif;--disp: "Space Grotesk", "Inter", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);background-image:radial-gradient(circle at 15% 0%,rgba(79,211,201,.05),transparent 40%),radial-gradient(circle at 85% 100%,rgba(255,176,32,.04),transparent 40%)}a{color:var(--cyan);text-decoration:none}a:hover{color:#7ee0d9}a.tile{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);background:var(--panel-2);padding:2px 6px;border-radius:4px}.container{padding:24px}.container-auth{padding:0}input,select,textarea,button{font-family:var(--sans)}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:7px;font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #4fd3c91f}input::placeholder,textarea::placeholder{color:var(--text-dim)}select option{background:var(--panel);color:var(--text)}input[type=checkbox],input[type=file]{width:auto}input[type=checkbox]{padding:0;accent-color:var(--cyan)}button{font-weight:600;font-size:13px;padding:10px 18px;border-radius:7px;border:none;cursor:pointer;background:var(--amber);color:#1a1204;transition:.15s ease}button:hover:not(:disabled){background:#ffc24d;box-shadow:0 0 0 3px #ffb02026}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-ghost,button.btn-ghost,.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;box-shadow:none}.btn-ghost:hover:not(:disabled),button.btn-ghost:hover:not(:disabled),.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-dim);background:transparent;box-shadow:none}.btn-primary-sm{background:var(--amber);color:#1a1204;padding:10px 18px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center}.btn-primary-sm:hover{background:#ffc24d;color:#1a1204}.sidebar-logout{width:100%;padding:9px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:500;margin-top:14px;box-shadow:none}.sidebar-logout:hover:not(:disabled){border-color:var(--red);color:var(--red);background:transparent;box-shadow:none}.auth-layout,.login-wrap{display:flex;min-height:100vh}.auth-brand,.login-side{flex:1.1;background:radial-gradient(circle at 30% 20%,rgba(79,211,201,.12),transparent 45%),radial-gradient(circle at 80% 80%,rgba(255,176,32,.08),transparent 45%),linear-gradient(155deg,#0d1119,#080a0e);padding:64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid var(--border)}.login-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 34px);pointer-events:none}.login-mark,.login-hero,.login-foot{position:relative;z-index:1}.login-mark{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:19px}.login-hero .eyebrow{color:var(--amber)}.login-hero h1,.auth-brand h1{font-family:var(--disp);font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 16px}.login-hero p,.auth-subtitle{color:var(--text-muted);font-size:14.5px;max-width:400px;line-height:1.6;margin:0}.auth-kicker{margin:0 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.mini-wall{display:flex;gap:8px;margin-top:32px}.mini-tile{width:44px;height:30px;border-radius:4px;background:var(--panel-2);border:1px solid var(--border);position:relative}.mini-tile .d{position:absolute;top:3px;left:3px;width:4px;height:4px;border-radius:50%}.login-foot{font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}.login-form-side{flex:.85;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.auth-card,.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:0;background:transparent;border:none;padding:0;box-shadow:none;margin:0}.login-card .eyebrow{margin-bottom:10px}.auth-card h2,.login-card h2{font-family:var(--disp);font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text)}.auth-muted,.login-card>p{color:var(--text-muted);font-size:13px;margin:0 0 28px}.auth-label,.field{display:flex;flex-direction:column;margin-bottom:14px}.auth-label,.field label,.field-label,.form-grid label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);display:flex;flex-direction:column;gap:7px}.login-card button,.auth-card button{width:100%;padding:12px;margin-top:6px;font-size:13.5px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.signal-bar{background:#000;border-bottom:1px solid var(--border);padding:6px 24px;display:flex;align-items:center;gap:24px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-dim);overflow:hidden;white-space:nowrap}.signal-bar .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);display:inline-block;margin-right:8px;box-shadow:0 0 6px var(--cyan);animation:pulse 2s infinite}.signal-bar .hl{color:var(--amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.portal{display:flex;flex:1;min-height:0}.sidebar{width:230px;flex-shrink:0;background:linear-gradient(180deg,var(--panel),#0d1117);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 0}.sidebar-brand{padding:0 22px 22px;border-bottom:1px solid var(--border-soft);margin-bottom:14px}.sidebar-brand .mark{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text)}.sidebar-brand .tag{font-family:var(--mono);font-size:9.5px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;margin-left:29px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:0 12px}.nav-section{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;padding:14px 12px 6px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:7px;color:var(--text-muted);text-decoration:none;font-size:13.5px;font-weight:500;border-left:2px solid transparent;transition:all .15s ease}.sidebar-nav a svg{width:16px;height:16px;opacity:.75;flex-shrink:0}.sidebar-nav a:hover{color:var(--text);background:#ffffff06}.sidebar-nav a.active{color:var(--text);background:#4fd3c914;border-left:2px solid var(--cyan)}.sidebar-nav a.active svg{opacity:1}.sidebar-foot{padding:14px 22px 0;border-top:1px solid var(--border-soft)}.portal-main{flex:1;min-width:0;display:flex;flex-direction:column}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border-soft);background:transparent}.portal-header h1{margin:0;font-family:var(--disp);font-size:22px;font-weight:600;letter-spacing:-.01em}.crumbs{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.06em;margin-bottom:5px}.header-meta{margin:4px 0 0}.topbar-right{display:flex;align-items:center;gap:14px}.company-pill{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);padding:8px 14px;border-radius:20px;font-size:12.5px;color:var(--text-muted);font-family:var(--mono)}.portal-content{padding:28px 32px 60px;overflow:auto}.page>h2{display:none}.page>.card,.page>.panel{margin-bottom:18px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}.lead,.page>.muted{color:var(--text-muted);font-size:13.5px;margin:0 0 26px;max-width:640px;line-height:1.5}.muted{color:var(--text-muted)}.muted.small,.small{font-size:13px}.error{color:#ff8a9b}.success{color:var(--cyan)}.stat-grid,.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:0 0 32px}.stat-card,.stat{background:var(--panel);padding:20px 22px;display:flex;flex-direction:column;gap:0;border:none;border-radius:0}.stat-card span,.stat .label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.stat-card strong,.stat .value{font-family:var(--disp);font-size:32px;font-weight:700;letter-spacing:-.02em}.stat .value .unit{font-size:14px;color:var(--text-dim);font-weight:500;margin-left:4px}.stat .sub{font-size:11px;color:var(--cyan);margin-top:6px;font-family:var(--mono)}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px}.panel{gap:14px}.card h3,.panel h3,.page h3{font-family:var(--disp);font-size:14.5px;font-weight:600;margin:0 0 4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:32px}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px;margin-bottom:24px}.form-grid h3,.form-grid>button,.form-grid .actions,.form-grid .toggle-row,.form-grid>p,.form-grid>.datetime-row,.form-grid>input[type=file]{grid-column:1 / -1}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.row-2 .field,.form-grid .field,.panel>.field,.panel>.row-2{margin-bottom:0}.wall-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.wall-head h2{display:block;font-family:var(--disp);font-size:15px;font-weight:600;margin:0}.wall-legend{display:flex;gap:16px;font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}.wall-legend .lg{display:flex;align-items:center;gap:6px}.wall-legend .sw{width:7px;height:7px;border-radius:50%;display:inline-block}.video-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.2s ease;color:inherit;display:flex;flex-direction:column;padding:0;gap:0}a.tile:hover{color:inherit;border-color:#3a4457}.tile:hover{border-color:#3a4457;transform:translateY(-2px)}.scan{position:relative;overflow:hidden}.scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);pointer-events:none;opacity:0;transition:opacity .25s ease}.scan:hover:after{opacity:1}.tile-screen{aspect-ratio:16 / 10;background:linear-gradient(160deg,#171d2b,#0c0f16);position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}.tile-screen .content-sim{width:82%;height:72%;border:1px dashed #2a3245;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dim);text-align:center;padding:8px}.tile-screen .content-sim .big{font-family:var(--disp);font-weight:600;font-size:12px;color:var(--text-muted)}.tile-screen .content-sim .small{font-family:var(--mono);font-size:9px}.tally{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:3px 8px 3px 6px;border-radius:20px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;z-index:1}.tally .dot,.dot-online,.dot-live,.dot-offline,.status-pill .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-online{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.dot-live{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:pulse 1.6s infinite}.dot-offline{background:var(--red);box-shadow:0 0 6px var(--red)}.sig{position:absolute;bottom:9px;right:9px;font-family:var(--mono);font-size:9px;color:var(--text-dim);z-index:1}.tile-meta{padding:12px 14px}.tile-meta .name{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--text)}.tile-meta .loc{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);margin-top:3px}.tile-meta .row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.tile-meta .sched{font-size:10.5px;color:var(--text-muted)}.tile-meta .code{font-family:var(--mono);font-size:9.5px;color:var(--text-dim);background:var(--panel-2);padding:2px 6px;border-radius:4px}.tile-meta .actions{margin-top:10px}.actionlist,.link-list{list-style:none;margin:0;padding:0}.actionlist li,.link-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:13px;color:var(--text-muted)}.actionlist li:last-child,.link-list li:last-child{border-bottom:none}.actionlist a,.link-list a{color:var(--text-muted);display:flex;align-items:center;gap:10px;flex:1}.actionlist a:hover,.link-list a:hover,.actionlist li:hover,.link-list li:hover{color:var(--text)}.actionlist .num,.link-list .num{font-family:var(--mono);font-size:10.5px;color:var(--cyan);width:16px;flex-shrink:0}.examples{font-size:12.5px;color:var(--text-muted);line-height:1.9}.examples .path{font-family:var(--mono);color:var(--text-dim);font-size:11px}.examples strong{color:var(--text)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:12.5px}thead th{text-align:left;padding:12px 16px;background:var(--panel-2);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);font-weight:500}tbody td{padding:13px 16px;border-bottom:1px solid var(--border-soft);color:var(--text-muted)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff04}td.strong,tbody td:first-child{color:var(--text);font-weight:500}.td-mono,td.mono,.mono{font-family:var(--mono);font-size:11.5px}.status-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.status-online{color:var(--cyan)}.status-offline{color:var(--red)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;width:fit-content;font-family:var(--mono);letter-spacing:.04em}.badge-image{background:#4fd3c92e;color:var(--cyan)}.badge-video{background:#ffb0202e;color:var(--amber)}.badge-pdf{background:#ff547029;color:var(--red)}.badge-continuous{background:#ffb0202e;color:var(--amber)}.toggle-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);cursor:pointer;flex-direction:row!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important}.toggle-row input{width:auto}.datetime-row{display:flex;gap:8px;align-items:center}.datetime-row input{flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.mb-12{margin-bottom:12px}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.title-row h3{margin:0}.media-card{padding:0;gap:0;overflow:hidden}.media-card img.media-thumb,.media-card video.media-thumb{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;border-radius:0}.media-card .tile-screen img,.media-card .tile-screen video{width:100%;height:100%;object-fit:cover}.layout-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.layout-tile{min-height:80px}.panel>button:not(.btn-ghost):not(.icon-btn){width:100%;margin-top:6px}.page h4{font-family:var(--disp);font-size:14px;font-weight:600;margin:0}.config-preview{font-size:11px;overflow:auto;max-height:120px;background:var(--bg);padding:8px;border-radius:6px;font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border-soft)}.preview-stage{margin-top:16px}.preview-screen{min-height:320px;background:#000;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border)}.preview-media{max-width:100%;max-height:240px;object-fit:contain}.preview-media-fade{animation:preview-fade-in .4s ease}@keyframes preview-fade-in{0%{opacity:.2}to{opacity:1}}.preview-slide-meta{color:var(--text-muted);font-size:12px;margin:0 0 8px}.preview-playlist li.preview-playlist-active{color:var(--cyan);font-weight:600}.preview-placeholder{color:var(--text-dim);padding:40px}.preview-label{color:var(--text-muted);font-size:13px;margin-bottom:12px}.preview-playlist{margin:12px 0 0;padding-left:18px;font-size:13px;color:var(--text-muted);align-self:flex-start}.ticker{margin-top:8px;width:100%;background:#3a1020;color:#ff8a9b;padding:8px;border-radius:6px;text-align:center;font-family:var(--mono);font-size:12px}.menu-board{margin-top:8px;width:100%;background:#0d241f;color:var(--cyan);padding:8px;border-radius:6px;text-align:center;font-family:var(--mono);font-size:12px}.page ol{margin:0;padding-left:18px;color:var(--text-muted);font-size:13px}.page ol li{margin:6px 0}details.card summary{cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--text-muted)}details.card pre{font-family:var(--mono);font-size:11px;color:var(--text-dim);overflow:auto}.filter-bar{margin-bottom:18px;max-width:320px}.device-filters{margin-bottom:18px;max-width:none}.device-filters .search-input{margin-bottom:0;max-width:none;width:100%}.search-input{margin-bottom:18px;max-width:360px}@media (max-width: 1100px){.video-wall,.stat-grid,.stat-strip{grid-template-columns:1fr 1fr}}@media (max-width: 960px){.auth-layout,.login-wrap{flex-direction:column}.login-side,.auth-brand{min-height:280px;padding:32px}.login-hero h1,.auth-brand h1{font-size:32px}}@media (max-width: 900px){.portal{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px 0}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.nav-section{width:100%}.grid,.grid-2,.form-grid,.row-2,.video-wall{grid-template-columns:1fr}.portal-header{flex-direction:column;align-items:flex-start;gap:14px}.signal-bar{display:none}}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.chip{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 10px;border-radius:16px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--mono)}.chip.active{background:var(--cyan);color:#052824;border-color:var(--cyan)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;overflow:auto;z-index:80;padding:32px 16px}.modal-card{width:min(640px,100%);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px}.cal-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;align-items:center}.cal-clock{margin:0 0 16px}.sched-search{flex:1;min-width:220px;max-width:420px;margin:0}.sched-search .search-input{margin-bottom:0;max-width:none;width:100%}.cal-title{font-family:var(--disp);font-size:18px}.cal-month{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cal-dow{background:var(--panel-2);padding:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.cal-cell{min-height:110px;border-top:1px solid var(--border-soft);border-left:1px solid var(--border-soft);padding:6px;background:var(--panel)}.cal-cell.today{background:#4fd3c90f}.cal-cell.muted-cell{opacity:.45}.cal-date{background:none;border:none;color:var(--text-muted);padding:0;font-size:12px;box-shadow:none}.cal-chip{display:block;width:100%;text-align:left;border:none;color:#0a0d12;font-size:11px;padding:4px 6px;border-radius:4px;margin-top:4px;font-weight:600}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-week-col{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;min-height:240px}.status-flag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.status-playing{background:#ffb02033;color:var(--amber)}.status-upcoming{background:#4fd3c91f;color:var(--cyan)}.status-expired,.status-disabled{color:var(--text-dim)}.status-conflict{background:#ff547029;color:var(--red)}.overlap-box{border:1px solid var(--amber);border-radius:8px;padding:10px 12px;background:#ffb02014}.device-check-search{margin:0 0 8px;max-width:none}.device-check-list{max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--panel-2)}.device-check-list label,.device-check-row{display:flex;flex-direction:row!important;align-items:center;gap:10px;font-size:13px;font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--text);margin:0;cursor:pointer;line-height:1.35}.device-check-list input,.device-check-row input{width:auto;flex:0 0 auto;margin:0;align-self:center}.device-check-row span{flex:1 1 auto;min-width:0}.playlist-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px}.playlist-toolbar>button{margin-bottom:0}.playlist-filters{flex:1;min-width:240px;margin-bottom:0}.playlist-filters .field{margin-bottom:0}.playlist-filters .search-input{margin-bottom:0;max-width:none;width:100%}.playlist-sched-chips{display:flex;flex-wrap:wrap;gap:6px}.playlist-sched-chip{display:inline-flex;align-items:center;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:11px;line-height:1.3}.playlist-sched-chip.is-off{color:var(--text-dim);opacity:.75}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:80;display:flex;justify-content:flex-end}.drawer-card{width:min(920px,100%);height:100%;overflow:auto;background:var(--panel);border-left:1px solid var(--border);padding:22px 24px 32px;display:flex;flex-direction:column;gap:12px}.playlist-editor-meta{display:flex;flex-wrap:wrap;gap:12px 18px;color:var(--text-muted);font-size:12.5px}.playlist-item-table{max-height:280px;overflow:auto}.duration-input{width:72px;max-width:72px;padding:6px 8px}.playlist-media-list{max-height:240px}.playlist-media-row{flex-wrap:wrap}.playlist-media-name{flex:1 1 140px}.media-preview-backdrop{z-index:90}.media-preview-card{width:min(720px,100%)}.media-preview-card img,.media-preview-card video,.media-preview-card iframe{width:100%;max-height:70vh;background:#000;border:0;border-radius:8px}.media-preview-card iframe{min-height:70vh}.media-list-filters{margin-bottom:18px}.media-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.media-list-filters .field{margin-bottom:0}.media-list-filters .search-input{margin-bottom:0;max-width:none;width:100%}.media-name-cell{display:flex;align-items:center;gap:10px;min-width:0}.media-name-cell .strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;background:#000;flex:0 0 auto}.media-type-icon{width:36px;height:36px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.04em;background:var(--panel-2);border:1px solid var(--border);color:var(--text-muted);flex:0 0 auto}.media-editor-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.media-editor-meta p{margin:4px 0 0;color:var(--text);font-size:13px}.media-usage-list{margin:6px 0 0;padding-left:18px;color:var(--text)}@media (max-width: 900px){.media-filter-grid{grid-template-columns:1fr}}