.back-link{font-size:12px;color:var(--muted)}.workspace{width:min(1080px,calc(100% - 96px));margin:25px auto 45px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.workspace-head h1{font-size:54px;letter-spacing:-1.8px;margin-bottom:10px}.workspace-head p{margin:0;font-size:14px}.workspace-head .eyebrow{font-size:9px;margin-bottom:13px}.version-label{padding:8px 13px;border:1px solid var(--border);border-radius:30px;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:330px 1fr;gap:26px}.connection-panel,.session-panel{border:1px solid var(--border);border-radius:24px;background:var(--panel)}.connection-panel{padding:28px;display:flex;flex-direction:column;align-items:stretch}.panel-kicker{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.connection-panel h2{font-size:32px;line-height:1.15;letter-spacing:-.6px;margin:28px 0}.connection-panel fieldset{border:0;padding:0;margin:0}.connection-panel legend{font-size:11px;color:var(--muted);margin-bottom:12px}.mode-option{position:relative;display:flex;gap:10px;align-items:flex-start;border:1px solid #58465f;border-radius:14px;padding:16px 12px;cursor:pointer;margin-bottom:12px}.mode-option:has(input:checked){border-color:var(--rose);background:#e8717a0a}.mode-option input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin:2px 0}.mode-option strong{font-weight:550;font-size:12px;display:block}.mode-option small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}.option-symbol{margin-left:auto;color:var(--rose);font-size:20px}.connection-panel .button{font-size:12px;padding:13px 14px;margin-top:12px}.connection-state{display:flex;align-items:center;gap:12px;padding:23px 0;border-bottom:1px solid var(--border);margin-bottom:22px}.connection-state strong{font-size:12px;display:block;font-weight:550}.connection-state small{font-size:10px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere}.state-dot{width:7px;height:7px;border-radius:50%;background:#91839b;flex-shrink:0}.state-dot.connected{background:var(--green);box-shadow:0 0 14px #9ac9a950}.privacy-note{display:flex;gap:12px;align-items:flex-start;margin-top:auto}.privacy-note>span{font-size:24px;color:var(--rose);line-height:1}.privacy-note p{font-size:10px;margin:0;line-height:1.85}#compatibility{font-size:10px;margin:0;line-height:1.7}.session-panel{padding:27px 32px;background:radial-gradient(ellipse at 50% 30%,#44304744,transparent 55%),var(--panel)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{font-size:8px;letter-spacing:1.6px;padding:6px 10px;border-radius:30px;background:#181420;color:var(--muted)}.status-badge.running{color:var(--green);background:#a3d3be10}.session-visual{height:270px;display:grid;place-items:center;position:relative;margin:10px 0}.session-ring{position:absolute;border-radius:50%;border:1px solid #76516960;width:240px;height:240px}.session-ring.inner{width:204px;height:204px;border-color:#a4657c77;background:radial-gradient(circle,#be738520,transparent 72%)}.session-center{text-align:center;position:relative}.session-center>span:first-child{font-size:10px;letter-spacing:1px;color:var(--rose)}.session-center h2{font-size:56px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:2px;margin:16px 0 12px}.session-center>span:last-child{font-size:9px;color:var(--muted)}.slider-heading{display:flex;align-items:center;justify-content:space-between}.slider-heading label{font-size:12px;margin:0}.slider-heading output{font-size:23px;font-family:Georgia,serif;color:var(--rose)}input[type=range]{width:100%;margin:16px 0 4px;accent-color:var(--accent);cursor:pointer;height:28px}input[type=range]:disabled{opacity:.4;cursor:default}.slider-scale{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}#output-label{font-size:10px;margin:10px 0 20px}.options-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.options-row>label{font-size:10px;margin:0}.options-row select{display:block;background:var(--bg);border:1px solid #65516e;border-radius:9px;padding:8px 11px;margin-top:7px;color:var(--ink);font-size:12px;min-height:40px}.audio-option{display:flex;align-items:center;gap:20px}.audio-option small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.audio-option input{width:20px;height:20px;accent-color:var(--accent)}.session-actions{display:grid;grid-template-columns:1fr 130px;gap:14px;margin-top:23px}.session-actions .button{font-size:12px;padding:13px 18px}.stop-button{border:1px solid var(--rose);border-radius:50px;padding:13px 18px;background:#422733;color:#ffc3c6;font-size:12px;font-weight:650;min-height:50px}.stop-button:not(:disabled):hover{background:#6c3444}.stop-button span{font-size:10px;margin-right:7px}.session-message{font-size:11px;min-height:36px;margin:14px 0 0;line-height:1.7}.workspace-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.workspace-foot p{margin:0;max-width:760px;font-size:10px}.workspace-foot .dot{width:5px;height:5px}.workspace-foot a{white-space:nowrap}[hidden]{display:none!important}
@media(max-width:850px){.workspace{width:calc(100% - 56px)}.workspace-grid{grid-template-columns:290px 1fr;gap:18px}.connection-panel{padding:22px}.session-panel{padding:22px}.session-actions{grid-template-columns:1fr}.session-visual{height:250px}.options-row{gap:12px}.audio-option{gap:10px}}
@media(max-width:650px){.workspace{width:calc(100% - 36px);margin-top:15px}.workspace-head{margin-bottom:25px}.workspace-head h1{font-size:43px}.workspace-head p{font-size:12px}.version-label{display:none}.workspace-grid{grid-template-columns:1fr;gap:20px}.connection-panel h2{font-size:29px;margin:20px 0}.connection-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px}.connection-panel legend{grid-column:1/-1}.mode-option{padding:13px 10px;margin-bottom:8px;gap:7px}.mode-option strong{font-size:11px}.mode-option small{font-size:9px}.option-symbol{display:none}.connection-state{padding:18px 0;margin-bottom:15px}.privacy-note p{font-size:10px}.privacy-note{align-items:center}.session-panel{padding:22px}.session-visual{height:255px}.session-actions{grid-template-columns:1fr 110px;gap:10px}.session-actions .button,.stop-button{font-size:11px;padding:12px}.workspace-foot{align-items:flex-start}.workspace-foot p{font-size:9px}.options-row{padding-block:16px}.workspace-head .eyebrow{font-size:8px}}
.quick-stop{position:fixed;right:24px;bottom:20px;z-index:200;background:#653242;box-shadow:0 8px 28px #08051188;padding:14px 24px;border:2px solid var(--rose)}@media(max-width:650px){.quick-stop{bottom:14px;right:18px;font-size:12px}.workspace{padding-bottom:55px}}