:root{--red:#ff3232;--red-dim:rgba(255,50,50,0.6);--red-glow:rgba(255,50,50,0.4);--green:#3ee07a;--bg:#050505;--panel:#0a0a0a;--hair:#1f2226;--text:#e8e8e8;--dim:rgba(255,255,255,0.55);--display:"Space Grotesk",-apple-system,sans-serif;--ui:"Rajdhani",-apple-system,sans-serif;--sans:"Sora",-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:var(--sans);height:100vh;overflow:hidden}.viewport{position:relative;width:100vw;height:100vh;background:#000}.console-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.live-ribbon{position:fixed;right:12px;bottom:12px;z-index:9999;background:rgba(7,8,8,.92);border:1px solid var(--hair);border-radius:6px;padding:8px 12px;font-family:var(--ui);font-size:11px;letter-spacing:.06em;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;min-width:280px;max-width:380px;box-shadow:0 0 18px rgba(0,0,0,.6)}.live-ribbon .lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.live-ribbon .v{color:#fff;font-weight:600;font-family:var(--display);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-ribbon .pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.live-ribbon .pill.on{border:1px solid var(--red);color:var(--red);background:rgba(255,50,50,.05);box-shadow:0 0 10px rgba(255,50,50,.25);animation:liveBlink 1.6s ease-in-out infinite}.live-ribbon .pill.off{border:1px solid #555;color:#888}.live-ribbon .pill.health{border:1px solid var(--green);color:var(--green);font-size:8px;padding:1px 5px}.live-ribbon .pill.health.bad{border-color:var(--red);color:var(--red)}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.55}}.live-ribbon .row{display:contents}.live-ribbon .health-row{display:flex;gap:6px}.live-ribbon .health-row,.live-ribbon a.nav-link{grid-column:1/-1;margin-top:4px;padding-top:6px;border-top:1px solid var(--hair)}.live-ribbon a.nav-link{display:block;font-family:var(--ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .12s}.live-ribbon a.nav-link:hover{color:var(--red);text-shadow:0 0 6px var(--red-glow)}.cue-page{--panel:#0d0f10;--panel-2:#121517;--panel-3:#17191b;--hair-strong:#2c2f33;display:grid;grid-template-rows:56px auto 1fr;grid-template-columns:1fr 1fr .8fr;grid-gap:10px;gap:10px;height:100vh;padding:10px;background:var(--bg);overflow:hidden;position:relative}.cue-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(255,50,50,.014),rgba(255,50,50,.014) 1px,transparent 0,transparent 3px)}.cue-header{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:14px;gap:14px;align-items:center;padding:0 14px;background:linear-gradient(180deg,#1a1c1e,#0a0b0c);border:1px solid var(--hair);border-radius:6px}.cue-header h1{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.18em;text-transform:uppercase}.cue-header .now-playing{font-family:var(--ui);font-size:12px;letter-spacing:.04em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cue-header .now-playing strong{color:var(--text);font-weight:700}.cue-header .meta{color:var(--dim)}.btn,.cue-header .meta{font-family:var(--ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.btn{font-weight:700;background:#0e1012;color:#cfd2d6;border:1px solid var(--hair-strong);padding:8px 14px;border-radius:4px;cursor:pointer;transition:all .12s}.btn:hover:not(:disabled){border-color:#46494e;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red);background:rgba(255,50,50,.08)}.btn.primary{border-color:var(--red-dim);color:var(--red)}.btn.primary:hover:not(:disabled){border-color:var(--red);background:rgba(255,50,50,.1);box-shadow:0 0 10px rgba(255,50,50,.25);text-shadow:0 0 6px var(--red-glow)}.dropzone{grid-column:1/-1;border:1px dashed var(--hair-strong);border-radius:6px;background:var(--panel);padding:12px 16px;display:flex;align-items:center;gap:14px;font-family:var(--ui);font-size:11px;letter-spacing:.04em;color:var(--dim);transition:all .12s}.dropzone.over{border-color:var(--red);background:rgba(255,50,50,.05);color:var(--text);box-shadow:inset 0 0 18px rgba(255,50,50,.08)}.dropzone .lbl{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);white-space:nowrap}.dropzone .progress{flex:1 1;display:flex;flex-direction:column;gap:4px;font-family:var(--ui);font-size:10px;color:var(--text)}.dropzone .progress-bar{height:4px;background:#1c1f22;border-radius:2px;overflow:hidden}.dropzone .progress-bar>i{display:block;height:100%;background:linear-gradient(90deg,#5a1414,var(--red));transition:width .18s ease}.panel{background:var(--panel);border:1px solid var(--hair);border-radius:6px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--hair);background:var(--panel-2)}.panel-head h2{font-family:var(--display);font-weight:700;font-size:11px}.panel-head .count,.panel-head h2{letter-spacing:.18em;text-transform:uppercase}.panel-head .count{font-family:var(--ui);font-size:9px;color:var(--dim)}.panel-head input.search{background:#0a0b0c;border:1px solid var(--hair-strong);border-radius:3px;color:var(--text);font-family:var(--sans);font-size:12px;padding:6px 10px;width:200px}.panel-head input.search:focus{outline:0;border-color:var(--red-dim)}.row-list{flex:1 1;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.row-list::-webkit-scrollbar{width:8px}.row-list::-webkit-scrollbar-track{background:var(--panel)}.row-list::-webkit-scrollbar-thumb{background:var(--hair-strong);border-radius:4px}.row{display:grid;grid-template-columns:28px 1fr auto auto auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 10px;background:var(--panel-2);border:1px solid var(--hair);border-radius:4px;font-family:var(--sans);cursor:-webkit-grab;cursor:grab;transition:background .1s,border-color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-fill-page,.library-page{--panel:#0d0f10;--panel-2:#121517;--panel-3:#17191b;--hair-strong:#2c2f33;display:grid;grid-template-rows:56px auto 1fr;grid-gap:10px;gap:10px;min-height:100vh;padding:10px;background:var(--bg)}.ai-fill-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:10px;gap:10px;min-height:0}.ai-fill-prompt-card{background:var(--panel-2);border:1px solid var(--hair,#1f2225);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,background .15s}.ai-fill-prompt-card:hover{border-color:var(--hair-strong)}.ai-fill-prompt-card.active{border-color:var(--accent,#ff3232);background:var(--panel-3)}.ai-fill-prompt-card.drop-target{border-color:var(--accent,#ff3232);background:rgba(255,50,50,.06);box-shadow:0 0 0 2px var(--red-glow,rgba(255,50,50,.4))}.ai-fill-prompt-card .card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kind-pill{font-family:var(--ui);font-size:9px;letter-spacing:.1em;padding:3px 7px;border-radius:2px;background:var(--panel-3);border:1px solid var(--hair-strong);text-transform:uppercase}.kind-pill.kind-stay{color:#6fcfa3;border-color:#2e6747}.kind-pill.kind-contrast{color:#f0a04b;border-color:#6e4a1f}.kind-pill.kind-anchor{color:#6fa9d9;border-color:#2c5172}.ai-fill-prompt-card .prompt-text{font-family:var(--mono,monospace);font-size:11px;line-height:1.5;color:var(--fg);word-break:break-word}.ai-fill-prompt-card .rationale{font-family:var(--ui);font-size:10px;letter-spacing:.04em;color:var(--dim);font-style:italic}.ai-fill-prompt-card .card-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ai-fill-prompt-card .drop-hint{margin-left:auto;font-size:9px;letter-spacing:.06em;color:var(--dim)}.library-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:0 4px}.library-tabs .tab{background:var(--panel-2);border:1px solid var(--hair-strong);color:var(--dim);padding:6px 12px;font-family:var(--ui);font-size:10px;letter-spacing:.08em;cursor:pointer;border-radius:3px}.library-tabs .tab:hover{color:var(--fg)}.library-tabs .tab.active{color:var(--accent,#ff3232);border-color:var(--accent,#ff3232);background:rgba(255,50,50,.08)}.library-tabs .tab-filter{margin-left:auto;background:var(--panel-2);border:1px solid var(--hair-strong);color:var(--fg);padding:6px 10px;font-family:var(--sans);border-radius:3px;min-width:200px}.library-row .ai-pill{background:rgba(255,50,50,.12);border:1px solid var(--accent,#ff3232);color:var(--accent,#ff3232);font-family:var(--mono,monospace);letter-spacing:.1em;padding:1px 5px;border-radius:2px}.library-row .ai-pill,.library-row .consent-pill{display:inline-block;margin-left:8px;font-size:9px}.library-row .consent-pill{background:rgba(111,207,163,.12);border:1px solid #6fcfa3;color:#6fcfa3;font-family:var(--ui);letter-spacing:.08em;padding:1px 6px;border-radius:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel,#0d0f10);border:1px solid var(--hair-strong,#2c2f33);border-radius:6px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--hair-strong);gap:12px}.modal-head h2{margin:0;font-family:var(--ui);font-size:13px;letter-spacing:.16em;color:var(--accent,#ff3232);flex:1 1}.modal-body{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.consent-modal .cart-summary{font-family:var(--sans);font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--hair,#1f2225)}.consent-modal .form-row{display:flex;flex-direction:column;gap:4px}.consent-modal .form-label,.consent-modal .form-row span{font-family:var(--ui);font-size:9px;letter-spacing:.1em;color:var(--dim)}.consent-modal .form-row input,.consent-modal .form-row select{padding:6px 10px}.consent-modal .consent-textarea,.consent-modal .form-row input,.consent-modal .form-row select{background:var(--panel-2,#121517);border:1px solid var(--hair-strong);color:var(--fg);font-family:var(--sans);border-radius:3px}.consent-modal .consent-textarea{padding:8px 10px;font-size:11px;line-height:1.5;resize:vertical}.consent-modal .checkbox-row{display:flex;align-items:flex-start;gap:10px;font-family:var(--sans);font-size:12px;cursor:pointer}.consent-modal .checkbox-row input{margin-top:2px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--hair,#1f2225)}.login-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.login-card{width:100%;max-width:480px;padding:32px;background:var(--panel,#0d0f10);border:1px solid var(--hair-strong,#2c2f33);border-radius:6px;display:flex;flex-direction:column;gap:14px;font-family:var(--ui)}.login-title{font-size:18px;letter-spacing:.18em;color:var(--accent,#ff3232);text-shadow:0 0 6px var(--red-glow,rgba(255,50,50,.4))}.login-sub{font-size:11px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.login-input{background:var(--panel-2,#121517);border:1px solid var(--hair-strong,#2c2f33);color:var(--fg);padding:10px 14px;font-family:var(--mono,monospace);font-size:13px;letter-spacing:.04em;border-radius:3px}.login-input:focus{outline:none;border-color:var(--accent,#ff3232)}.login-input:disabled{opacity:.5}.login-btn{padding:10px;font-size:13px}.login-error{background:rgba(255,50,50,.08);border:1px solid var(--red-dim);color:var(--red);padding:6px 10px;border-radius:3px;font-size:11px;letter-spacing:.06em}.login-hint{font-size:10px;color:var(--dim);line-height:1.5}.login-hint pre{background:var(--panel-2,#121517);border:1px solid var(--hair,#1f2225);padding:6px 8px;border-radius:3px;font-family:var(--mono,monospace);font-size:9px;color:var(--fg);margin:6px 0 0;overflow-x:auto}.login-spinner{font-size:24px;color:var(--accent,#ff3232);text-align:center;letter-spacing:.4em}.clock-page{--panel:#0d0f10;--panel-2:#121517;--panel-3:#17191b;--hair-strong:#2c2f33;display:grid;grid-template-rows:56px auto auto auto;grid-template-columns:1fr;grid-gap:10px;gap:10px;min-height:100vh;padding:10px;background:var(--bg)}.clock-header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 14px;background:var(--panel);border:1px solid var(--hair-strong);border-radius:4px}.clock-header h1{margin:0;font-family:var(--ui);font-size:14px;letter-spacing:.18em;color:var(--accent,#ff3232)}.clock-header .meta{font-size:10px;color:var(--dim)}.clock-header .meta,.error-banner{font-family:var(--ui);letter-spacing:.06em}.error-banner{background:rgba(255,50,50,.08);border:1px solid var(--red-dim);color:var(--red);padding:8px 14px;border-radius:4px;font-size:12px}.create-form .form-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.create-form .form-body label{display:flex;flex-direction:column;gap:4px}.create-form .form-body label span{font-family:var(--ui);font-size:9px;letter-spacing:.1em;color:var(--dim)}.create-form .form-body input,.create-form .form-body select{background:var(--panel-2);border:1px solid var(--hair-strong);color:var(--fg);padding:6px 10px;font-family:var(--sans);border-radius:3px}.create-form .form-body .hint{grid-column:1/-1;font-family:var(--ui);font-size:10px;color:var(--dim);margin:0}.create-form .form-body>div{grid-column:1/-1}.build-slot .sub{font-family:var(--mono,var(--sans));font-size:10px}.voice-pill{display:inline-block;margin-left:8px;background:rgba(255,50,50,.1);border:1px solid var(--accent,#ff3232);color:var(--accent,#ff3232);font-family:var(--mono,monospace);font-size:9px;letter-spacing:.04em;padding:1px 6px;border-radius:2px;vertical-align:middle}.voice-modal .voice-existing,.voice-modal .voice-upload{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel-2,#121517);border:1px solid var(--hair,#1f2225);border-radius:4px}.voice-modal .voice-existing audio{width:100%}.voice-modal .voice-script{font-family:var(--mono,monospace);font-size:10px;color:var(--dim)}.voice-modal .voice-script summary{cursor:pointer}.voice-modal .voice-script pre{white-space:pre-wrap;margin:6px 0 0;padding:6px;background:var(--panel-3);border-radius:2px}.voice-modal .voice-upload .hint{font-family:var(--ui);font-size:10px;color:var(--dim);margin:0;line-height:1.5}.voice-modal .voice-upload input[type=file]{font-family:var(--mono,monospace);font-size:11px;color:var(--fg)}.voice-modal .voice-upload textarea{background:var(--panel-3,#17191b);border:1px solid var(--hair-strong);color:var(--fg);padding:6px 8px;font-family:var(--sans);font-size:12px;border-radius:3px;resize:vertical}.voice-modal .form-row{display:flex;flex-direction:column;gap:4px}.voice-modal .form-label,.voice-modal .form-row span{font-family:var(--ui);font-size:9px;letter-spacing:.1em;color:var(--dim)}.eta{display:block;font-size:9px;letter-spacing:.06em;color:var(--accent,#ff3232);opacity:.75;margin-top:2px;text-align:right}.eta,.gain-knob{font-family:var(--mono,var(--sans))}.gain-knob{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.04em;cursor:default}.gain-knob.compact .gain-label{min-width:56px;text-align:right}.gain-label{color:var(--dim)}.gain-label.locked{color:var(--accent,#ff3232);font-weight:600}.gain-label.auto{color:var(--dim);opacity:.7}.gain-slider{width:80px;height:16px;cursor:pointer;accent-color:var(--accent,#ff3232)}.gain-slider:disabled{opacity:.4;cursor:wait}.gain-reset{background:transparent;border:1px solid var(--hair-strong);color:var(--dim);font-size:9px;padding:2px 5px;border-radius:2px;font-family:var(--mono,var(--sans));cursor:pointer}.gain-reset:hover:not(:disabled){color:var(--accent,#ff3232);border-color:var(--accent,#ff3232)}.gain-reset:disabled{opacity:.5;cursor:wait}.row:hover{border-color:var(--hair-strong);background:var(--panel-3)}.row.dragging{opacity:.5}.row.on-air{border-color:var(--red);background:rgba(255,50,50,.06);box-shadow:inset 0 0 8px rgba(255,50,50,.1)}.row .pos{font-family:var(--ui);font-size:10px;letter-spacing:.06em;color:var(--dim);text-align:center}.row.on-air .pos{color:var(--red);font-weight:700;text-shadow:0 0 6px var(--red-glow)}.row .meta{min-width:0;display:flex;flex-direction:column;gap:1px}.row .meta .title{font-size:13px;font-weight:600;color:var(--text)}.row .meta .sub,.row .meta .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .meta .sub{font-family:var(--ui);font-size:10px;letter-spacing:.06em;color:var(--dim)}.row .dur{font-family:var(--ui);font-size:11px;color:#cfd2d6}.row .actions{display:flex;gap:4px;align-items:center}.iconbtn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hair-strong);border-radius:3px;color:#cfd2d6;cursor:pointer;transition:all .1s;padding:0}.iconbtn:hover{border-color:#46494e;color:#fff}.iconbtn.danger:hover{border-color:var(--red);color:var(--red);background:rgba(255,50,50,.08)}.iconbtn.primary{border-color:var(--red-dim);color:var(--red)}.iconbtn.primary:hover{background:rgba(255,50,50,.12);box-shadow:0 0 8px rgba(255,50,50,.25)}.iconbtn svg{width:12px;height:12px}.empty{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.18em;padding:24px;text-align:center}.empty,.tag-pill{font-family:var(--ui);text-transform:uppercase;color:var(--dim)}.tag-pill{font-size:8px;letter-spacing:.16em;padding:1px 5px;border:1px solid var(--hair-strong);border-radius:2px}.tag-pill.on-air{border-color:var(--red);color:var(--red)}.tag-pill.played{color:#555;border-color:#333}.page-drop-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);border:3px dashed var(--red);box-shadow:inset 0 0 90px rgba(255,50,50,.25);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:drop-overlay-in .18s ease-out}@keyframes drop-overlay-in{0%{opacity:0}to{opacity:1}}.page-drop-inner{text-align:center;font-family:var(--display);color:var(--red);text-shadow:0 0 18px var(--red-glow)}.page-drop-icon{font-size:64px;line-height:1;animation:drop-pulse 1.1s ease-in-out infinite}@keyframes drop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.94)}}.page-drop-title{font-size:28px;font-weight:900;letter-spacing:.32em;margin-top:14px}.page-drop-sub{font-family:var(--ui);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--text);text-shadow:none;margin-top:8px;opacity:.75}