:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101214;color:#f2f4f3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(300px,380px) 1fr;min-height:100vh}body.is-connected .shell,body.is-setup-collapsed .shell{grid-template-columns:142px 1fr}.panel{border-right:1px solid #2b3035;background:#171a1d;padding:24px}body.is-connected .panel,body.is-setup-collapsed .panel{padding:18px 12px;background:#14181b}.mast{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}body.is-connected .mast,body.is-setup-collapsed .mast{display:grid;gap:14px;margin-bottom:0}.mast-actions{display:grid;gap:8px;justify-items:end}body.is-connected .mast-actions,body.is-setup-collapsed .mast-actions{justify-items:stretch}h1{margin:0;font-size:24px;font-weight:680}body.is-connected h1,body.is-setup-collapsed h1{font-size:14px;line-height:1.15;color:#f2f4f3}.status{min-width:112px;border:1px solid #3b434c;border-radius:6px;color:#b8c1c8;padding:7px 9px;text-align:center;font-size:12px}body.is-connected .status,body.is-setup-collapsed .status{min-width:0;width:100%;border-radius:5px;padding:6px 7px;font-size:11px;background:#101214;color:#9da8b0}body.is-connected .icon-button,body.is-setup-collapsed .icon-button{width:100%;min-height:32px;border-radius:5px;color:#d7dde2}.status.connected{border-color:#2f8f5b;background:#10321f;color:#7ee0a4}.controls,.devices{display:grid;gap:14px}.controls[data-expanded=false]{display:none}label{display:grid;gap:6px;color:#cdd5db;font-size:13px}input,select{width:100%;border:1px solid #3b434c;border-radius:6px;background:#0f1113;color:#f2f4f3;padding:10px 11px;min-height:42px}button{border:0;border-radius:6px;background:#e8ecef;color:#101214;cursor:pointer;min-height:44px;font-weight:700}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.54}.icon-button{min-height:34px;border:1px solid #3b434c;background:#101214;color:#cdd5db;padding:7px 10px;font-size:12px}.stage{position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 50% 42%,rgb(255 255 255 / 3%),transparent 34%),#050607}.media{width:100%;height:100vh;display:grid;place-items:center;overflow:hidden}video{width:100%;height:100%;object-fit:contain;background:#050607}audio{position:absolute;width:1px;height:1px;opacity:0}.empty{border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:#ffffff08;color:#84909a;font-size:13px;padding:10px 13px}.watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(82vw,980px);border-radius:6px;background:#00000047;color:#ffffff5c;padding:14px 20px;font-size:clamp(28px,5vw,72px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;text-align:center}.stream-controls{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px;align-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#08090ab8;padding:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stream-controls button{min-height:38px;border:1px solid #3b434c;background:#e8ecef;color:#101214;padding:8px 12px;white-space:nowrap}.volume-control{display:grid;grid-template-columns:auto minmax(86px,140px);align-items:center;gap:8px;color:#d7dde2;font-size:12px}.volume-control input{min-height:28px;padding:0;accent-color:#e8ecef}.stream-controls .danger{border-color:#7a2f37;background:#d94b5a;color:#fff}@media (max-width: 800px){.shell{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid #2b3035}.media{height:58vh}.stream-controls{bottom:12px;width:calc(100% - 24px);justify-content:center}}