.muted-line{color:var(--muted);font-size:12.5px}.home-grid{margin-top:24px;display:grid;grid-template-columns:360px minmax(0,400px);grid-gap:28px;gap:28px;align-items:start}.start-card{width:360px;max-width:100%}.invite-card,.start-card{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:20px}.invite-card{min-width:0}.code-field{letter-spacing:.2em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.select{width:100%;height:32px;padding:0 10px;background:var(--s2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);font:inherit;font-size:12.5px}.select:focus{outline:none;border-color:var(--accent)}.row-inline{display:flex;gap:8px}.row-inline input{flex:1 1;height:32px;padding:0 10px;background:var(--s2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);font:inherit;font-size:12.5px}.row-inline input:focus{outline:none;border-color:var(--accent)}.stage{min-height:100vh;display:flex;flex-direction:column}.stage .top-bar .conn{display:flex;align-items:center;gap:12px}.conn-state{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.dot.on{background:var(--ok)}.dot.warn{background:#c9a24a}kbd{padding:1px 4px;border:1px solid var(--line);border-radius:3px;font:inherit;font-size:9.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;color:var(--faint)}.btn kbd{margin-left:2px}.btn.primary kbd{color:rgba(223,233,244,.65);border-color:rgba(223,233,244,.3)}.live-badge{font-size:8.5px;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:2px 6px}.console-main{flex:1 1;display:grid;grid-template-columns:1fr 320px;grid-gap:16px;gap:16px;padding:16px;min-height:0}.zone-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.multiview{display:flex;flex-direction:column;min-height:0}.tile{position:relative;background:var(--tile);border:1px solid var(--line);border-radius:var(--r);aspect-ratio:16/9;max-width:720px;overflow:hidden}.tile video{width:100%;height:100%;object-fit:contain;display:block}.tile .tile-label{left:8px;bottom:8px;font-size:10.5px;color:rgba(255,255,255,.72);padding:2px 6px;border-radius:3px}.tile .scrim,.tile .tile-label{position:absolute;background:rgba(5,5,6,.72)}.tile .scrim{inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:11px}.end-card{margin-top:12px;max-width:720px;background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:16px}.end-title{font-size:15px;font-weight:600;margin:0 0 8px;color:var(--text)}.end-text{font-size:12.5px;color:var(--muted);margin:0}.side-panel{display:flex;flex-direction:column;gap:20px;background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:16px;min-width:0}.side-panel .group{min-width:0}.self-preview{width:100%;aspect-ratio:16/9;background:var(--tile);border:1px solid var(--line);border-radius:var(--r);object-fit:contain;margin-bottom:8px}.link-box{display:flex;gap:8px}.link-box.code-line{margin-top:8px}.link-box input{flex:1 1;min-width:0;height:32px;padding:0 8px;background:var(--s2);border:1px solid var(--line);border-radius:var(--r);color:var(--muted);font:inherit;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hint{color:var(--faint);font-size:10.5px;margin:8px 0 0}.console-body.wide{max-width:1080px;padding:28px 24px}.ptable{width:100%;border-collapse:collapse;font-size:12.5px}.ptable th{text-align:left;font-size:10.5px;color:var(--faint);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}.ptable td{padding:9px 10px;border-bottom:1px solid var(--s2);color:var(--muted)}.ptable td:first-child{color:var(--text)}.ptable td.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ptable td.action{text-align:right;width:1%;white-space:nowrap}.chip{font-size:10px;padding:2px 7px;border-radius:3px;border:1px solid var(--line);color:var(--muted)}.chip.waiting{color:#c9a24a;border-color:#4a4227}.chip.in-session{color:#8fb87f;border-color:#3a4a36}.chip.offline{color:var(--faint)}.table-note{max-width:780px;margin-top:14px}.table-note p{font-size:11.5px;color:var(--faint);line-height:1.6;margin:0 0 4px}.table-note b{color:var(--muted);font-weight:500}.ovl{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:24px}.dlg{width:420px;max-width:100%;background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:20px}.dlg h3{font-size:14px;font-weight:600;margin:0 0 8px}.dlg p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.5}.dlg-row{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn.dangerfill{background:var(--danger-fill);color:#fff}.btn.dangerfill:hover{background:#c05252}.dlg.participants{width:680px}.dlg.participants p{margin-bottom:16px}.this-session{font-size:11.5px;color:var(--faint)}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#000;border:1px solid var(--line);color:var(--text);font-size:11px;line-height:1.45;padding:6px 9px;border-radius:var(--r);white-space:pre;z-index:60;pointer-events:none}.top-bar [data-tip]:hover:after{bottom:auto;top:calc(100% + 7px);left:auto;right:0;transform:none}