@import url('../shared/lab.css');
.regie-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.sidebar{padding:22px;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 36px)}.logo .l1{font-size:28px;font-weight:1000;letter-spacing:.08em}.logo .l2{font-size:14px;letter-spacing:.28em;color:var(--blue);font-weight:900}.side-nav{display:grid;gap:8px}.side-nav a{padding:12px 14px;border-radius:16px;color:#c9d6f6;font-weight:800}.side-nav a.active,.side-nav a:hover{background:rgba(53,183,255,.12);color:#fff;border:1px solid rgba(53,183,255,.3)}.system-box{margin-top:auto;padding:14px;border-radius:18px;background:rgba(7,19,45,.8);border:1px solid rgba(95,156,255,.22);color:#9ef5c5}.system-box small{color:#95a8d5}
.main-grid{display:grid;grid-template-columns:1fr 340px;gap:18px}.topbar{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.player-zone,.queue-zone,.scene-zone,.outputs,.programming,.shortcuts{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:18px;letter-spacing:.03em}.player-grid{display:grid;grid-template-columns:420px 1fr;gap:16px}.video-thumb{height:250px;border-radius:22px;background:linear-gradient(140deg,#ff8d52,#3f57f2 60%,#0b183e);position:relative;overflow:hidden}.video-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.42));}.art-overlay{position:absolute;left:24px;bottom:24px}.art-overlay span{display:block;font-size:44px;font-weight:1000;font-family:Georgia,serif}.art-overlay strong{font-size:30px;text-transform:uppercase}.current-info h3{font-size:36px;line-height:1.05;margin:10px 0 4px}.current-info p{margin:0 0 12px;color:#c7d6fa;font-size:24px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chips span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#dce7ff;font-size:13px;font-weight:800}.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:14px 0}.progress div{height:100%;width:42%;background:linear-gradient(90deg,#40c5ff,#6c7eff)}.auto-box{display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(53,183,255,.08);border:1px solid rgba(53,183,255,.16)}.auto-box small{grid-column:1/-1;color:#c1d2f7}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.queue-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.queue-tabs span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);color:#bfd0f4;font-weight:800}.queue-tabs .active{background:rgba(53,183,255,.14);color:var(--blue)}.qrows{display:grid;gap:10px}.qrow{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#1a2d5e}.num.green{background:rgba(51,222,139,.2);color:#84ffc4}.num.blue{background:rgba(53,183,255,.2);color:#9fe1ff}.num.yellow{background:rgba(255,202,66,.2);color:#ffe08d}.num.slate{background:rgba(255,255,255,.08);color:#dce8ff}.person b{display:block;font-size:15px}.person small{color:#9fb5e1}.tag{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900}.tag.green{background:rgba(51,222,139,.16);color:#84ffc4}.tag.blue{background:rgba(53,183,255,.16);color:#9fe1ff}.tag.yellow{background:rgba(255,202,66,.16);color:#ffe08d}.time{color:#bcd0f9;font-weight:800}
.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scene-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:grid;gap:8px}.scene-card b{font-size:24px;color:var(--blue)}.scene-card span{font-weight:900}.scene-card small{color:#a7bbe7}.next-actions{display:grid;gap:10px;margin-top:16px}.na-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.03)}.na-row small{color:#a5bae6}.right-col{display:grid;gap:18px}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.meter{text-align:center}.meter span{display:block;font-size:12px;color:#c6d7f7;font-weight:800;margin-bottom:8px}.bars{height:170px;border-radius:18px;background:rgba(255,255,255,.05);display:flex;align-items:flex-end;justify-content:center;padding:10px}.bars i{display:block;width:20px;border-radius:12px;background:linear-gradient(180deg,#50eb9f,#30a8ff);box-shadow:0 0 18px rgba(53,183,255,.35)}.meter small{display:block;margin-top:8px;color:#d6e1ff;font-weight:800}.status-list{display:grid;gap:8px;margin-top:16px}.status-list div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03)}.pl-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.03);margin-bottom:12px}.thumb{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#ff9259,#4432a8)}.thumb.tropical{background:linear-gradient(135deg,#59c8ff,#166dff)}.thumb.crowd{background:linear-gradient(135deg,#ff8b57,#841f8c)}.pl-card b{display:block}.pl-card small{color:#a8bce9}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#d3dfff}.mini-btn{padding:10px 14px;border-radius:14px;border:1px solid rgba(95,156,255,.34);background:rgba(255,255,255,.04);color:#eaf1ff;font-weight:800}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block{width:100%;text-align:center}
.switch{position:relative;display:inline-flex}.switch input{display:none}.switch span{width:52px;height:30px;border-radius:999px;background:rgba(255,255,255,.12);display:block;position:relative}.switch span:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked + span{background:rgba(53,183,255,.4)}.switch input:checked + span:after{left:26px;background:var(--blue)}
@media (max-width:1400px){.player-grid{grid-template-columns:1fr}.main-grid{grid-template-columns:1fr 320px}.scene-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1100px){.regie-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.main-grid{grid-template-columns:1fr}.right-col{grid-template-columns:repeat(3,1fr)} }
@media (max-width:900px){.right-col{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:1fr}.qrow{grid-template-columns:34px 1fr}.tag,.time{justify-self:start}}