:root{--night:#06151d;--panel:rgba(6,24,33,.94);--panel2:rgba(11,37,48,.9);--cyan:#21e6df;--cyan2:#009fae;--gold:#ffc95b;--coral:#ff5775;--ink:#efffff;--muted:#9bb7c1;--line:rgba(115,228,228,.2);--radius:22px;font-family:"Segoe UI",Inter,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0,#0c5260 0,transparent 34%),#041016;color:var(--ink);font-size:16px}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(1,11,16,.25),#041016 90%)}button,textarea,input{font:inherit}button{color:inherit}.topbar{height:82px;padding:12px clamp(18px,3vw,46px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,13,18,.9);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit}.brand img{width:48px;height:48px}.brand strong{display:block;letter-spacing:.16em;font-size:1.35rem;color:var(--gold)}.brand small{color:var(--muted);font-weight:600}.session{display:flex;gap:14px;align-items:center;color:var(--muted)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}button{border:0;cursor:pointer}.ghost{background:transparent;border:1px solid var(--line);padding:9px 14px;border-radius:12px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(250px,420px));justify-content:center;gap:18px;padding:22px 20px}.mode{display:flex;align-items:center;text-align:left;gap:14px;padding:15px 22px;border:1px solid var(--line);border-radius:20px;background:rgba(10,32,42,.74);transition:.2s}.mode img{width:38px;height:38px}.mode strong,.mode small{display:block}.mode strong{font-size:1.08rem;letter-spacing:.08em}.mode small{color:var(--muted);margin-top:3px}.mode.active{border-color:var(--cyan);background:linear-gradient(135deg,rgba(18,103,112,.78),rgba(8,41,52,.92));box-shadow:0 0 0 1px rgba(33,230,223,.2),0 12px 35px rgba(0,0,0,.3)}main{max-width:1580px;margin:auto;padding:0 clamp(14px,2vw,30px) 30px}.workspace{display:grid;grid-template-columns:245px minmax(430px,1fr) minmax(280px,360px);gap:16px}.tool-rail,.stage-card,.script-card,.timeline-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 55px rgba(0,0,0,.25)}.tool-rail{padding:18px}.tool-rail h2{font-size:1.35rem;margin:0 0 16px;color:var(--gold)}.tool{width:100%;min-height:70px;display:flex;align-items:center;gap:13px;text-align:left;background:rgba(22,68,79,.68);border:1px solid rgba(66,213,215,.22);border-radius:16px;padding:12px;margin:10px 0;transition:.18s}.tool:hover:not(:disabled){transform:translateY(-2px);border-color:var(--cyan);background:rgba(26,94,102,.75)}.tool img{width:30px;height:30px}.tool strong,.tool small{display:block}.tool small{color:var(--muted);margin-top:3px}.disabled{filter:grayscale(1);opacity:.46;cursor:not-allowed}.stage-card{overflow:hidden}.panel-heading{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.panel-heading b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--cyan);color:#042026;margin-right:8px}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#02080c}.stage-bg,.stage video{position:absolute;width:100%;height:100%;object-fit:cover}.stage video{display:none;background:#000}.stage.has-video video{display:block}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.05) 48%,rgba(0,0,0,.82))}.empty-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.empty-state img{width:min(370px,70vw);max-height:120px}.empty-state p{font-weight:700;text-shadow:0 2px 9px #000}.karaoke-lines{position:absolute;left:5%;right:5%;bottom:5%;text-align:center;text-shadow:0 3px 10px #000}.karaoke-lines p{margin:3px}.karaoke-lines #activeLine{font-size:clamp(1.35rem,3vw,2.55rem);font-weight:900;color:#fff}.karaoke-lines #activeLine::first-letter{color:var(--gold)}.karaoke-lines #previousLine,.karaoke-lines #nextLine{color:#b9d8df;font-weight:600}.transport{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.transport-button{min-height:62px;border-radius:15px;background:#133d49;border:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:9px;font-weight:800}.transport-button img{width:27px;height:27px}.transport-button.play{background:linear-gradient(135deg,#00aeb2,#087788);box-shadow:0 8px 22px rgba(0,190,194,.18)}.transport-button.rec:not(.disabled){background:#93213b}.transport-button small{display:block;font-size:.65rem;color:var(--muted)}.script-card{display:flex;min-height:0;flex-direction:column;overflow:hidden}.script-card textarea{width:100%;min-height:260px;flex:1;resize:none;padding:18px;border:0;outline:0;background:rgba(0,0,0,.2);color:#eaffff;line-height:1.65}.script-card textarea:focus{box-shadow:inset 0 0 0 2px var(--cyan)}.script-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.script-actions button,.timeline-tools button{background:#174b57;border-radius:12px;padding:11px;font-weight:700}.script-actions img,.timeline-tools img{width:20px;height:20px;vertical-align:middle;margin-right:5px}.tip{margin:0 12px 12px;padding:12px;border-radius:14px;background:rgba(255,201,91,.09);border:1px solid rgba(255,201,91,.2)}.tip strong{color:var(--gold)}.tip p{font-size:.88rem;color:var(--muted);margin:5px 0}.status{letter-spacing:0;text-transform:none;padding:5px 9px;border-radius:10px;background:#243e46;color:#bed0d5}.status.ready{color:#092d30;background:var(--cyan)}.timeline-card{margin-top:16px;padding-bottom:14px;overflow:hidden}.timeline-tools{display:flex;gap:10px;align-items:center;padding:12px 16px}.timeline-tools label{margin-left:auto;color:var(--muted)}input[type=range]{accent-color:var(--cyan)}.timeline-scroll{overflow:auto;padding:0 14px}.timeline{min-width:740px;transition:width .2s}.ruler{display:flex;justify-content:space-between;padding:5px 154px 5px 145px;color:#6e98a2;font-size:.7rem}.track{display:grid;grid-template-columns:130px 1fr;min-height:54px;align-items:stretch;margin:4px 0}.track>strong{display:flex;align-items:center;padding:10px;color:#a9c8cf;font-size:.78rem}.lane{position:relative;border-radius:12px;background:rgba(0,0,0,.3);overflow:hidden;border:1px solid rgba(122,224,225,.1)}.lane canvas{width:100%;height:100%;display:block}.lane .playhead,.cue-lane .playhead{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--coral);box-shadow:0 0 8px var(--coral);z-index:4}.cue{position:absolute;top:7px;bottom:7px;border-radius:8px;background:linear-gradient(135deg,#0c99a7,#1c5e75);border:1px solid #38e5e0;color:white;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:.78rem}.future .lane{display:flex;align-items:center;padding:0 15px;color:#677b81;filter:grayscale(1)}.sync-only{display:none}body[data-mode=sync] .sync-only{display:grid}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px clamp(20px,4vw,60px);color:#6f929b}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;padding:14px 18px;border-radius:14px;background:#102f39;border:1px solid var(--cyan);box-shadow:0 15px 40px #000;transform:translateY(130%);transition:.25s;z-index:50}.toast.show{transform:none}@media(max-width:1100px){.workspace{grid-template-columns:210px 1fr}.script-card{grid-column:1/-1;min-height:360px}}@media(max-width:720px){.topbar{height:auto;align-items:flex-start}.session>span:not(.live-dot){display:none}.mode-switch{grid-template-columns:1fr;padding:12px}.workspace{grid-template-columns:1fr}.tool-rail{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-rail h2{grid-column:1/-1}.tool{margin:0}.transport{grid-template-columns:1fr 1fr}.script-card{grid-column:auto}.timeline-tools{flex-wrap:wrap}.timeline-tools label{margin-left:0}footer{display:block;text-align:center}footer span{display:block;margin:5px}.brand small{display:none}}

/* ZENITH YouTube clip library */
.youtube-stage{position:absolute;inset:0;z-index:2;background:#000}.youtube-stage iframe{width:100%;height:100%;border:0;display:block}.stage.has-youtube .stage-bg,.stage.has-youtube video{display:none}.stage.has-youtube .stage-shade{pointer-events:none}.youtube-library-card{margin-top:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 55px rgba(0,0,0,.25);overflow:hidden}.youtube-library-tools{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.youtube-library-tools input{flex:1;min-width:0;background:#071b23;border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:11px 13px;outline:0}.youtube-library-tools input:focus{border-color:var(--cyan)}.youtube-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:16px}.youtube-empty{grid-column:1/-1;color:var(--muted);text-align:center;padding:20px}.youtube-clip{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(5,23,31,.82)}.youtube-clip>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#02080c}.youtube-clip-body{padding:12px}.youtube-clip h3{margin:0 0 7px;font-size:1rem}.youtube-meta,.youtube-note{margin:5px 0;color:var(--muted);font-size:.83rem}.youtube-note{color:#cce0e4}.youtube-actions{display:flex;align-items:center;gap:8px;margin-top:11px}.youtube-actions button,.youtube-actions a{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#174b57;color:var(--ink);text-decoration:none;font-weight:700;font-size:.82rem}.youtube-actions .youtube-load{background:linear-gradient(135deg,#00aeb2,#087788)}.youtube-actions .youtube-delete{margin-left:auto;background:#5e1b2b;min-width:34px}.youtube-admin{margin:0 16px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.14)}.youtube-admin summary{cursor:pointer;padding:12px 14px;font-weight:800;color:var(--gold)}.youtube-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 14px 14px}.youtube-admin-grid label{display:grid;gap:5px;color:var(--muted);font-size:.82rem}.youtube-admin-grid input,.youtube-admin-grid select{width:100%;background:#071b23;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px}.youtube-admin-grid .wide{grid-column:1/-1}.youtube-add{grid-column:1/-1;padding:11px;border-radius:11px;background:linear-gradient(135deg,#00aeb2,#087788);font-weight:800}.youtube-admin-status{grid-column:1/-1;color:#ff9aaa;min-height:1.2em}.youtube-admin-status.ok{color:var(--cyan)}@media(max-width:720px){.youtube-library-tools{flex-direction:column}.youtube-admin-grid{grid-template-columns:1fr}.youtube-admin-grid .wide{grid-column:auto}}