:root{color:#18201d;font-synthesis:none;--ink:#18201d;--muted:#68736e;--line:#d7ddd9;--line-strong:#bcc6c0;--surface:#fff;--surface-soft:#f7f9f7;--green:#19704e;--green-dark:#115a3d;--red:#a33b3b;--stage:#101714;background:#f3f5f3;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,input,select,summary{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:0 0 0 3px #19704e33}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:1px;font-size:20px;font-weight:720}h2{letter-spacing:0;margin-bottom:0;font-size:22px;line-height:1.25}h3{letter-spacing:0;margin:0;font-size:15px}.app-header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner,.nav-inner,main{width:min(1240px,100% - 40px);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand p{color:var(--muted);margin:0;font-size:12px}.brand-mark{background:var(--ink);border-radius:7px;justify-content:center;align-items:end;gap:3px;width:34px;height:34px;padding:8px;display:flex}.brand-mark i{background:#fff;border-radius:1px;width:4px;display:block}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){background:#5bc795;height:16px}.brand-mark i:nth-child(3){height:12px}.app-nav{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffe;position:sticky;top:0}.nav-inner{gap:28px;display:flex;overflow-x:auto}.tab{min-width:max-content;min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 2px;font-weight:650}.tab:hover{color:var(--ink)}.tab.is-active{border-bottom-color:var(--green);color:var(--ink)}main{padding:24px 0 48px}.workspace{min-width:0}.stack{gap:18px;display:grid}.is-hidden{display:none!important}.section-heading,.stage-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading{min-height:48px}.stage-heading{border-bottom:1px solid var(--line);min-height:42px;padding:0 14px}.stage-heading.compact{border:0;min-height:auto;padding:0 0 11px}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:750}.actions,.command-bar,.room-status,.credentials,.sync-controls,.sync-diagnostics{flex-wrap:wrap;align-items:center;gap:9px;display:flex}button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:6px;padding:7px 13px;font-weight:620;transition:border-color .12s,background .12s}button:hover:not(:disabled){background:#f5f7f5;border-color:#75847c}button:disabled{cursor:not-allowed;opacity:.42}button.primary{border-color:var(--green);color:#fff;background:var(--green)}button.primary:hover:not(:disabled){border-color:var(--green-dark);background:var(--green-dark)}button.danger-quiet{color:var(--red)}.small-button{min-height:32px;padding:5px 9px;font-size:12px}label{color:#55615b;gap:5px;font-size:12px;font-weight:650;display:grid}input,select{border:1px solid var(--line-strong);width:100%;min-height:40px;color:var(--ink);background:var(--surface);border-radius:5px;padding:7px 10px}input::placeholder{color:#98a19c}label.check{border:1px solid var(--line);background:var(--surface);border-radius:5px;align-self:end;align-items:center;gap:8px;min-height:40px;padding:7px 10px;display:flex}label.check input{width:16px;min-height:auto;accent-color:var(--green)}.connection-panel,.settings-panel,.inspector,.local-preview,.member-panel,.chat-panel,.diagnostic-panel,.sync-diagnostics{border:1px solid var(--line);background:var(--surface);border-radius:7px}.connection-panel{padding:14px}.room-form{grid-template-columns:1.25fr 1fr 1fr 150px;gap:10px;display:grid}.command-bar{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.command-separator{background:var(--line);width:1px;height:24px;margin-inline:2px}.room-status{min-height:30px;color:var(--muted);font-size:13px}.error-text{color:var(--red);overflow-wrap:anywhere}.credentials{background:#edf8f1;border:1px solid #a6cfbb;border-radius:7px;justify-content:flex-start;padding:11px 13px}.credentials div{align-items:center;gap:7px;font-size:12px;display:flex}.credentials code{-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #d2e6da;border-radius:4px;padding:4px 7px;font-size:13px}.badge{color:#425149;white-space:nowrap;background:#e6ebe8;border-radius:999px;align-items:center;min-height:25px;padding:3px 8px;font-size:11px;font-weight:720;display:inline-flex}.badge.good{color:#0c5c3b;background:#d5efe2}.badge.bad{color:#952f2f;background:#f4dddd}.live-indicator{background:#9eaaa4;border-radius:50%;width:7px;height:7px}.stage-grid{grid-template-columns:minmax(0,1fr) 310px;gap:14px;min-height:460px;display:grid}.media-stage{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;overflow:hidden}.remote-media{background:var(--stage);min-height:416px;display:grid}.remote-media:has(.remote-item:nth-of-type(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.placeholder{color:#aeb8b3;text-align:center;place-items:center;min-height:300px;padding:24px;display:grid}.side-panel{align-content:start;gap:14px;display:grid}.local-preview,.member-panel,.chat-panel,.diagnostic-panel,.inspector{padding:13px}.local-preview video{aspect-ratio:16/9;background:var(--stage);object-fit:contain;border-radius:5px;width:100%;display:block}.member-list{gap:6px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.member-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:7px 8px;display:grid}.member-identity{gap:2px;min-width:0;display:grid}.member-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.member-meta{color:var(--muted);font-size:10px}.member-empty{color:var(--muted);text-align:center;padding:12px 8px;font-size:12px}.member-item .small-button{min-width:52px}.member-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:190px;display:flex}.member-actions .small-button{min-width:0;padding-inline:7px}.chat-list{gap:7px;max-height:220px;margin:0 0 10px;padding:0;list-style:none;display:grid;overflow:auto}.chat-message{border:1px solid var(--line);background:var(--surface-soft);border-radius:5px;gap:3px;padding:7px 8px;display:grid}.chat-message.is-self{background:#edf8f1;border-color:#a6cfbb}.chat-message-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;display:flex}.chat-message-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.45}.chat-empty{color:var(--muted);text-align:center;padding:12px 8px;font-size:12px}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.chat-form input{min-width:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hint{color:var(--muted);overflow-wrap:anywhere;margin:9px 0 0;font-size:12px;line-height:1.5}.chat-panel .hint{margin:0}.remote-item{background:var(--stage);min-width:0;overflow:hidden}.remote-item-heading{color:#eef3f0;background:#1d2722;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 11px;font-size:12px;display:flex}.remote-heading-actions{align-items:center;gap:7px;display:flex}.remote-focus-exit{color:#eef3f0;background:#25332d;border-color:#718079;min-height:28px;display:none}.remote-focus-exit:hover:not(:disabled){background:#31423a;border-color:#a7b4ad}.remote-media.is-focus-mode{min-height:min(78vh,900px);display:block}.remote-media.is-focus-mode .remote-item{display:none}.remote-media.is-focus-mode .remote-item.is-focused{min-height:inherit;display:block}.remote-item.is-focused .remote-focus-exit{display:inline-flex}.remote-item.is-focused video{cursor:zoom-out;height:auto;min-height:min(72vh,840px);max-height:calc(100vh - 230px)}.remote-item video{background:var(--stage);object-fit:contain;cursor:zoom-in;width:100%;height:calc(100% - 38px);min-height:378px;display:block}.audio-item{background:#1d2722;align-self:end;padding:12px}.audio-item .remote-item-heading{padding:0 0 8px}audio{width:100%}details>summary{cursor:pointer;color:#3e4a44;font-size:13px;font-weight:700;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";float:right;color:var(--muted);font-size:17px;font-weight:400}details[open]>summary:after{content:"−"}.diagnostic-panel summary{margin:-13px;padding:13px}.diagnostic-panel[open] summary{border-bottom:1px solid var(--line);margin-bottom:0}.network-diagnostics{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:13px 0;display:grid}.network-diagnostics span{background:var(--surface);gap:3px;min-width:0;padding:9px;display:grid}.network-diagnostics small{color:var(--muted);font-size:10px}.network-diagnostics strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.settings-panel{padding:13px}.settings-panel summary{margin:-13px;padding:13px}.settings-panel[open] summary{border-bottom:1px solid var(--line);margin-bottom:13px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.capture-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:14px;display:grid}.media-frame{background:var(--stage);border-radius:7px;min-height:500px;position:relative;overflow:hidden}.media-frame video{object-fit:contain;width:100%;height:100%;min-height:500px;display:block}.media-frame .placeholder{position:absolute;inset:0}.diagnostics dl{grid-template-columns:auto 1fr;gap:8px 12px;margin:14px 0;font-size:12px;display:grid}.diagnostics dt{color:var(--muted)}.diagnostics dd{overflow-wrap:anywhere;margin:0}.meter-label{color:var(--muted);justify-content:space-between;margin:16px 0 6px;font-size:12px;display:flex}.meter{background:#e0e5e2;border-radius:999px;height:7px;overflow:hidden}.meter span{border-radius:inherit;background:#28a573;width:0;height:100%;transition:width 80ms linear;display:block}.monitor-toggle{margin:12px 0}.sync-controls{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:end;padding:13px}.sync-controls label{flex:1;min-width:min(100%,360px)}.sync-stage{background:var(--stage);border-radius:7px;overflow:hidden}#sync-media{object-fit:contain;width:100%;min-height:500px;max-height:68vh;display:block}.sync-diagnostics{color:var(--muted);padding:11px 13px;font-size:12px}@media (width<=920px){.room-form{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid,.capture-grid{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.member-panel,.chat-panel{grid-column:1/-1}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.header-inner,.nav-inner,main{width:min(100% - 24px,1240px)}.header-inner{min-height:58px}.brand p{display:none}.nav-inner{gap:22px}main{padding-top:18px}.section-heading{flex-direction:column;align-items:flex-start}.actions,.actions button{width:100%}.room-form,.side-panel,.option-grid{grid-template-columns:1fr}.command-bar button{flex:calc(50% - 9px)}.command-separator{display:none}.media-frame,.media-frame video,.remote-media{min-height:340px}.remote-item video{min-height:302px}#sync-media{min-height:340px}}