:root{--app-left:0px;--app-top:0px;--app-width:100vw;--app-height:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{color:#111827;background:radial-gradient(circle at 77% 12%,#6366f121,#0000 24rem),#f8fafc;min-width:20rem;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.connect-header,.connect-layout{width:min(72rem,100% - 3rem);margin-inline:auto}.connect-header{justify-content:space-between;align-items:center;min-height:5rem;display:flex}.connect-brand{letter-spacing:-.02em;align-items:center;gap:.7rem;display:inline-flex}.connect-brand>span{color:#fff;background:#111827;border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;font-weight:800;display:grid}.download-link{color:#4f46e5;font-size:.9rem;font-weight:700}.connect-layout{grid-template-columns:minmax(0,.88fr) minmax(30rem,1.12fr);align-items:center;gap:clamp(4rem,8vw,8rem);min-height:calc(100vh - 5rem);padding:4rem 0 7rem;display:grid}.connect-intro{max-width:33rem}.eyebrow{color:#4f46e5;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.2rem;font-size:.78rem;font-weight:800}.connect-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6vw,5rem);font-weight:770;line-height:.98}.connect-summary{color:#4b5563;margin:1.7rem 0 0;font-size:1.05rem;line-height:1.8}.compact-steps{color:#4b5563;gap:1rem;margin:2.4rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.compact-steps li{grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.compact-steps span{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800;display:grid}.connect-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:2rem;overflow:visible;box-shadow:0 2rem 5rem #1e293b1f}.card-heading{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:.9rem;padding:2rem 2.2rem 1.7rem;display:flex}.status-dot{background:#4f46e5;border-radius:50%;width:.65rem;height:.65rem;margin-top:.35rem;box-shadow:0 0 0 .35rem #eef2ff}.card-heading p{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.card-heading h2{margin:.45rem 0 0;font-size:1.2rem;line-height:1.45}.connect-new-device{white-space:nowrap;flex:none;min-height:2.65rem;margin-left:auto;padding:.55rem .85rem}.pairing-panel,.message-panel{padding:2.5rem 2.2rem}.pairing-panel{gap:1.5rem;display:grid}.pairing-row{align-items:center;gap:.75rem;display:flex}.browser-code-row{justify-content:space-between}.pairing-code-copy{min-width:0}.pairing-label{color:#6b7280;margin:0;font-size:.82rem;font-weight:700}.pairing-code{color:#111827;letter-spacing:.08em;white-space:nowrap;margin-top:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(2.25rem,6vw,4rem);font-weight:760;line-height:1.15;display:block}.countdown{color:#6b7280;min-height:1.4rem;margin:.8rem 0 0;font-size:.82rem}.qr-anchor{flex:none;position:relative}.qr-icon-button{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:.75rem;place-items:center;block-size:2.5rem;inline-size:2.5rem;padding:0;font-size:1.25rem;display:grid}.qr-icon-button:hover{background:#e0e7ff}.qr-icon-button:focus-visible{outline-offset:3px;outline:2px solid #4f46e5}.qr-icon-button:disabled{cursor:not-allowed;opacity:.45}.qr-popover{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;place-items:center;margin-block-start:.5rem;padding:.8rem;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 1rem 2.5rem #1e293b33}.qr-popover[hidden]{display:none}.qr-popover canvas{border-radius:.5rem;width:12rem;height:12rem;display:block}.app-code-row{border-top:1px solid #e5e7eb;padding-top:1.5rem}.app-code-input{color:#111827;font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#fff;border:1px solid #d1d5db;border-radius:.85rem;flex:auto;min-width:0;min-height:3.2rem;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.app-code-input:focus-visible{outline-offset:1px;border-color:#6366f1;outline:2px solid #4f46e533}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{cursor:pointer;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;min-height:3.2rem;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{color:#fff;background:#4f46e5;box-shadow:0 .7rem 1.5rem #4f46e52e}.button-primary:hover{background:#4338ca}.button-secondary{color:#1f2937;background:#fff;border-color:#d1d5db}.message-panel h3{margin:0;font-size:1.3rem}.message-panel p,.message-panel ul{color:#6b7280;line-height:1.7}.message-panel .button{margin-top:.8rem}.error-panel{background:#fff7ed}.card-footer{color:#6b7280;border-top:1px solid #e5e7eb;padding:1.2rem 2.2rem;font-size:.75rem}.connection-progress summary{color:#374151;cursor:pointer;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;font-weight:750;list-style:none;display:grid}.connection-progress summary::-webkit-details-marker{display:none}.connection-progress summary:before{content:"›";color:#4f46e5;font-size:1rem;line-height:1;transition:transform .16s}.connection-progress[open] summary:before{transform:rotate(90deg)}.connection-progress summary span:last-child{color:#6b7280;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.connection-progress[data-tone=success] summary span:last-child{color:#047857}.connection-progress[data-tone=error] summary span:last-child{color:#b45309}.connection-progress ol{gap:.9rem;max-height:13rem;margin:1rem 0 0;padding:.2rem .15rem .2rem 0;list-style:none;display:grid;overflow:auto}.connection-progress-entry{color:#6b7280;grid-template-columns:.65rem minmax(0,1fr) auto;align-items:start;gap:.65rem;display:grid}.connection-progress-marker{background:#fff;border:2px solid #a5b4fc;border-radius:50%;width:.55rem;height:.55rem;margin-top:.25rem}.connection-progress-entry[data-current=true] .connection-progress-marker{background:#4f46e5;border-color:#4f46e5;box-shadow:0 0 0 .22rem #eef2ff}.connection-progress-entry[data-tone=success] .connection-progress-marker{background:#059669;border-color:#059669;box-shadow:0 0 0 .22rem #ecfdf5}.connection-progress-entry[data-tone=error] .connection-progress-marker{background:#d97706;border-color:#d97706;box-shadow:0 0 0 .22rem #fff7ed}.connection-progress-copy{gap:.2rem;min-width:0;display:grid}.connection-progress-copy strong{color:#374151;font-size:.78rem}.connection-progress-copy span{overflow-wrap:anywhere;line-height:1.45}.connection-progress-entry time{color:#9ca3af;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.connection-progress-note{color:#9ca3af;border-top:1px solid #e5e7eb;margin:.9rem 0 0;padding-top:.8rem;line-height:1.5}.stream-shell{--stream-panel:#0f172af0;--stream-border:#94a3b852;--stream-text:#e5e7eb;--stream-muted:#94a3b8;--stream-control:#334155;--stream-divider:#94a3b82e;color:var(--stream-text);background:#020617;position:fixed;inset:0;overflow:hidden}#screen{left:var(--app-left);top:var(--app-top);width:var(--app-width);height:var(--app-height);touch-action:none;background:#020617;display:block;position:fixed}#toast-layer{z-index:4;left:var(--app-left);top:var(--app-top);width:var(--app-width);height:var(--app-height);pointer-events:none;justify-content:center;align-items:flex-end;padding:0 clamp(1rem,4vw,2rem) clamp(3rem,8vh,6rem);display:flex;position:fixed}#toast-message{color:#fff;opacity:0;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap;background:#0f172ae6;border-radius:.65rem;max-width:min(80%,45rem);padding:.65rem 1rem;font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.4;transition:opacity .12s,transform .12s;transform:translateY(.5rem);box-shadow:0 .5rem 1.75rem #00000052}#toast-layer.visible #toast-message{opacity:1;transform:translateY(0)}#remote-text-value{z-index:-1;left:var(--app-left);opacity:0;pointer-events:none;resize:none;border:0;width:1px;height:1px;padding:0;position:fixed;bottom:0}#settings-hotspot{z-index:5;opacity:0;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;position:fixed;top:0;right:0}#assistive-dot{z-index:6;cursor:pointer;opacity:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#f8fafceb;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:opacity .16s,box-shadow .16s;display:flex;position:fixed;overflow:visible;box-shadow:0 .9rem 2.25rem #0000005c}#assistive-dot.assistive-idle-faded{opacity:.35}#assistive-dot-icon{color:#334155;font-size:1.4rem;font-weight:800;line-height:1;display:none}#assistive-dot:hover #assistive-dot-icon,#assistive-dot[data-state=pressed] #assistive-dot-icon,#assistive-dot[data-state=dead-zone] #assistive-dot-icon,#assistive-dot[data-state=selecting] #assistive-dot-icon,#assistive-dot[data-state=dragging] #assistive-dot-icon{display:block}#assistive-menu{pointer-events:none;width:0;height:0;position:absolute;inset:0;overflow:visible}.assistive-menu-item{color:#cbd5e1;opacity:.62;pointer-events:none;background:#0f172abd;border:1px solid #e2e8f047;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:2.75rem;height:2.75rem;transition:transform .16s,opacity .16s,background .16s;display:flex;position:absolute;transform:translate(-50%,-50%)}.assistive-menu-item.is-selected{color:#fff;opacity:1;background:#334155f7;width:3.1rem;height:3.1rem}.assistive-menu-icon{font-size:1.15rem;font-weight:750;line-height:1}.assistive-menu-label{white-space:nowrap;font-size:.62rem;line-height:1}.stream-panel{z-index:7;top:calc(var(--app-top) + 1rem);right:calc(100vw - var(--app-left) - var(--app-width) + 1rem);width:min(22.5rem, calc(var(--app-width) - 2rem));max-height:calc(var(--app-height) - 2rem);border:1px solid var(--stream-border);background:var(--stream-panel);color:var(--stream-text);border-radius:.8rem;padding:.9rem;position:fixed;overflow:auto;box-shadow:0 1.5rem 4rem #00000061}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.panel-head h2{color:var(--stream-text);margin:0;font-size:1rem}.panel-button{background:var(--stream-control);min-height:2.3rem;color:var(--stream-text);font:inherit;cursor:pointer;border:0;border-radius:.55rem;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.stream-field{border-top:1px solid var(--stream-divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;padding:.65rem 0;display:grid}.stream-field label{color:var(--stream-text);font-size:.86rem}.stream-field output{color:#f8fafc;text-align:right;min-width:4.5rem;font-size:.8rem}.stream-field input[type=range]{grid-column:1/span 2;width:100%}.stream-field input[type=checkbox]{accent-color:#e5e7eb;justify-self:end;width:1.25rem;height:1.25rem}.stream-field select{border:1px solid var(--stream-border);min-width:5.75rem;color:var(--stream-text);background:#263244;border-radius:.5rem;padding:.45rem .5rem}.field-note{color:var(--stream-muted);overflow-wrap:anywhere;grid-column:1/span 2;font-size:.74rem;line-height:1.45}.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem;display:grid}.stream-modal{z-index:9;background:#0206179e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-dialog{width:min(57.5rem,100%);max-height:calc(var(--app-height) - 2rem);border:1px solid var(--stream-border);min-width:0;color:var(--stream-text);background:#0f172a;border-radius:.8rem;padding:1rem;overflow:auto;box-shadow:0 1.5rem 5rem #0000007a}.modal-section{margin-top:1rem}.modal-section h3{color:var(--stream-text);margin:0 0 .5rem;font-size:.88rem}.codec-grid{color:#cbd5e1;overflow-wrap:anywhere;min-width:0;font-size:.78rem;line-height:1.5}.codec-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.76rem}.codec-table th,.codec-table td{border-top:1px solid var(--stream-divider);color:#cbd5e1;overflow-wrap:anywhere;text-align:left;vertical-align:top;min-width:0;padding:.5rem .4rem}.codec-table th{color:#dbeafe;background:#94a3b81a;font-weight:650}.diag-list{color:#cbd5e1;white-space:pre-wrap;background:#02061780;border-radius:.5rem;margin:.5rem 0 0;padding:.75rem;font:.72rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}[hidden]{display:none!important}:focus-visible{outline-offset:.25rem;outline:.2rem solid #818cf8}@media (width<=62rem){.connect-layout{grid-template-columns:1fr;gap:3.5rem}.connect-intro{max-width:42rem}}@media (width<=42rem){.connect-header,.connect-layout{width:min(100% - 2rem,72rem)}.connect-header{min-height:4.5rem}.download-link{text-align:right;max-width:9rem}.connect-layout{gap:2.7rem;padding:2.5rem 0 4rem}.connect-intro h1{font-size:clamp(2.7rem,13vw,4rem)}.connect-card{border-radius:1.4rem}.card-heading{flex-wrap:wrap}.connect-new-device{width:100%;margin-left:0}.card-heading,.pairing-panel,.message-panel{padding-inline:1.25rem}.pairing-code{letter-spacing:.035em;font-size:clamp(2rem,10vw,3rem)}.app-code-row{align-items:stretch}.card-footer{padding-inline:1.25rem}.connection-progress summary{grid-template-columns:auto auto minmax(0,1fr)}.connection-progress-entry{grid-template-columns:.65rem minmax(0,1fr)}.connection-progress-entry time{grid-column:2}.panel-actions{grid-template-columns:1fr}}@media (height<=38.75rem) and (orientation:landscape){.connect-header{min-height:3.5rem}.connect-layout{gap:clamp(2rem,4vw,4rem);min-height:calc(100dvh - 3.5rem);padding:.75rem 0 1rem}.eyebrow{margin-bottom:.65rem}.connect-intro h1{font-size:clamp(2.65rem,5vw,4rem)}.connect-summary{margin-top:1rem;font-size:.92rem;line-height:1.55}.compact-steps{gap:.55rem;margin-top:1.2rem;font-size:.82rem}.card-heading{padding:1rem 1.4rem .9rem}.pairing-panel,.message-panel{padding:1.15rem 1.4rem}.pairing-code{margin-top:.4rem;font-size:clamp(3rem,6vw,4rem)}.countdown{margin-top:.35rem}.pairing-panel{gap:.85rem}.app-code-row{padding-top:.85rem}.button{min-height:2.65rem;padding-block:.55rem}.card-footer{padding:.75rem 1.4rem}.stream-panel{top:calc(var(--app-top) + .5rem);right:calc(100vw - var(--app-left) - var(--app-width) + .5rem);width:min(30rem, calc(var(--app-width) - 1rem));max-height:calc(var(--app-height) - 1rem)}.stream-field{padding-block:.45rem}.modal-dialog{max-height:calc(var(--app-height) - 1rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}#assistive-dot,.assistive-menu-item{transition-duration:0s!important}}