:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#0c0d15;color:#f5f1fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#39244160,transparent 60%);min-height:100vh}main{max-width:950px;margin:0 auto;padding:28px 22px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#dbbd76}h1{font-size:25px;margin:7px 0}p{line-height:1.5;color:#b6b2c4;font-size:14px}.card{background:#171823;border:1px solid #ffffff15;border-radius:16px;padding:22px}.login{max-width:420px;margin:8vh auto}.login label{display:block;margin-top:18px;font-size:14px}.login input{display:block;width:100%;padding:13px;margin-top:7px;border-radius:8px;border:1px solid #555064;background:#10111a;color:white;font-size:16px}button{cursor:pointer;border:1px solid #ffffff20;border-radius:9px;padding:12px 16px;background:#282738;color:#f5f1fa;font:600 14px Segoe UI,Arial,sans-serif}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #cfadeb;outline-offset:3px}.login button{margin-top:22px;width:100%}.pill{font-size:12px;border:1px solid #ffffff22;border-radius:30px;padding:6px 11px}.good{color:#8adeba}.warn{color:#edc080}.monitors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-label{font-size:11px;letter-spacing:1.5px;color:#8de4cd}.program .scene-label{color:#ef9cae}.scene-name{display:block;font-size:22px;overflow-wrap:anywhere;margin-top:12px}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.scene-grid button{min-height:76px;text-align:left;white-space:normal;overflow-wrap:anywhere}.scene-grid small{display:block;font-size:11px;font-weight:400;color:#b4afc0;margin-top:6px}.scene-grid .selected{border-color:#dfbf7b;background:#8b6c292b}.scene-grid .on-air{box-shadow:inset 3px 0 #de7c91}.take{display:block;margin:24px auto 0;width:min(100%,380px);min-height:65px;font-size:21px;letter-spacing:2px;background:linear-gradient(135deg,#f5d994,#d5a953);color:#241b10;border-color:#f4db99;box-shadow:0 3px 22px #c69e3330}.controls-note{text-align:center}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#message{max-width:900px;margin:0 auto;padding:0 22px 24px;color:#f0c28c;line-height:1.5}h2{font-size:16px;margin:24px 0 4px}@media(max-width:600px){main{padding:20px 14px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-name{font-size:17px}.card{padding:16px}header{align-items:flex-start;flex-wrap:wrap}.monitors{gap:8px}}
.monitor-video{position:relative;aspect-ratio:16/9;margin-top:14px;background:#090a10;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.monitor-video img{width:100%;height:100%;object-fit:contain}.monitor-video img[hidden]{display:none}.monitor-video span{position:absolute;padding:8px 12px;text-align:center;font-size:11px;color:#b6b2c4;background:#090a1099;bottom:0;left:0;right:0}.monitors button{margin-top:12px;font-size:12px;padding:9px 12px}.video-note{font-size:12px}.scene-name{font-size:18px}@media(max-width:600px){.monitors .card{padding:12px}.monitor-video span{font-size:10px}.monitors button{width:100%;padding:9px 5px}}