.watch-panel{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:24px;display:grid}.watch-session-bar,.watch-audio,.watch-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.watch-session-bar{margin-bottom:18px}.watch-state,.watch-live-pill{border:1px solid #534255;border-radius:999px;padding:6px 12px;font-size:13px}.watch-state.is-playing{color:#c3f4df;background:#164739;border-color:#398269}.watch-live-pill{color:#c6b6c8;margin-left:auto}.watch-live-pill.is-live{color:#fff;background:#953453;border-color:#f28dad}.watch-preview{aspect-ratio:16/9;background:#0d0911;border:1px solid #433346;border-radius:16px;min-height:180px;max-height:46vh;position:relative;overflow:hidden}.watch-preview video{object-fit:contain;width:100%;height:100%;display:block}.watch-preview-empty{text-align:center;background:radial-gradient(at 50% 120%,#48223f,#0000 80%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.watch-preview-empty strong{color:#f1dfea;font-size:clamp(18px,2vw,28px)}.watch-preview-empty span{color:#c8b2c5}.watch-audio{padding:14px 0}.watch-audio input[type=range]{accent-color:#de78b3;width:min(180px,50vw)}.watch-controls{padding:12px 0}.watch-time{font-variant-numeric:tabular-nums;color:#d8c4d6}.watch-seek{gap:8px;margin-left:auto;display:flex}.watch-seek input{max-width:130px}.watch-source-form{align-items:end;gap:12px;margin:18px 0 8px;display:flex}.watch-source-form label{flex:1;gap:8px;min-width:0;display:grid}.watch-output-controls{border-top:1px solid #49364a;margin-top:20px;padding-top:20px}.watch-sidebar-grid{grid-template-columns:1fr;gap:24px;display:grid}.watch-participants{margin:0;padding:0;list-style:none}.watch-participants li{border-bottom:1px solid #3b2d3e;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.watch-participants li div{gap:5px;display:grid}.watch-page{color:#f4e6f2;background:#0d0911;width:100vw;height:100vh;margin:0;font-family:Inter,sans-serif;overflow:hidden}.watch-page #root{width:100%;height:100%}.watch-source-stage,.watch-output-stage{width:100%;height:100%;position:relative}.watch-source-stage iframe{border:0;width:100%;height:100%;display:block}.watch-source-stage>div:first-child{width:100%;height:100%}.watch-page-message{text-align:center;box-sizing:border-box;background:#160f1c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.watch-page-message p{max-width:640px;line-height:1.6}.watch-page-message a{color:#efa6d5}.watch-unblock{text-align:center;background:#25172c;border:1px solid #a66494;border-radius:16px;max-width:550px;padding:20px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.watch-unblock button{cursor:pointer;font:inherit;color:#fff;background:#6b3159;border:1px solid #dd89b8;border-radius:10px;padding:10px 18px}.watch-page-message button{color:#fff;cursor:pointer;font:inherit;background:#6b3159;border:1px solid #dd89b8;border-radius:10px;padding:12px 20px}.watch-output-page{background:0 0}.watch-output-stage video{object-fit:contain;background:#0d0911;width:100%;height:100%;display:block}.watch-output-stage[data-enabled=false]{visibility:hidden}@media (width<=1100px){.watch-panel{grid-template-columns:1fr}}@media (width<=850px){.watch-sidebar-grid{grid-template-columns:1fr}.watch-source-form{flex-direction:column;align-items:stretch}.watch-live-pill{margin-left:0}.watch-seek{width:100%;margin-left:0}}