:root{--background:#f1f5fa;--surface:#fff;--ink:#18304a;--muted:#5c6f83;--primary:#165bbf;--primary-hover:#114996;--line:#cdd8e5;--stage:#122a43;--stage-muted:#b6c9da;--success:#176b54;--danger:#a33139;--radius:14px;--font-body:"Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Trebuchet MS", "Segoe UI", "Microsoft YaHei", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--muted) var(--background);scrollbar-width:thin}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--background);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}body{color:var(--ink);background:var(--background);font:16px/1.55 var(--font-body);margin:0}button,input,select{font:inherit}button,select,input[type=radio],label.role-option{cursor:pointer}button:disabled,fieldset:disabled .role-option{cursor:not-allowed}button:disabled{opacity:.55}button,select,input{transition:border-color .15s,background .15s}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}.page{width:min(1280px,100% - 64px);margin:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font-size:23px;font-weight:650;display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--surface);font-family:var(--font-display);border-radius:10px;place-items:center;font-size:31px;line-height:1;display:grid}.test-tag{font:12px/1.3 var(--font-body);letter-spacing:.2px;color:var(--muted);border-left:1px solid var(--line);margin-left:10px;padding-left:20px}.language{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:42px;padding:8px 11px}.heading{justify-content:space-between;align-items:center;gap:24px;padding:33px 0 28px;display:flex}h1{font:600 clamp(28px, 3vw, 38px)/1.2 var(--font-display);letter-spacing:-1.2px;margin:0 0 10px}.heading p{color:var(--muted);margin:0}.network{color:var(--success);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.offline{color:var(--danger)}.workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.video-panel{isolation:isolate;border-radius:var(--radius);background:var(--stage);height:580px;color:var(--surface);position:relative;overflow:hidden}.video-label{color:var(--stage-muted);z-index:2;align-items:center;gap:9px;font-size:13px;display:flex;position:absolute;top:22px;left:24px}.video-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px 24px 120px}.endpoints{width:min(260px,90%);color:var(--stage-muted);align-items:center;margin-bottom:32px;display:flex}.endpoint{border:1px solid var(--stage-muted);border-radius:20px;place-items:center;width:68px;height:68px;font:18px ui-monospace,monospace;display:grid}.connection-line{background:var(--stage-muted);opacity:.5;flex:1;height:1px;margin:0 14px}.video-placeholder h2{margin:0 0 8px;font-size:22px;font-weight:500}.video-placeholder p,.preview-controls p{color:var(--stage-muted);max-width:430px;margin:0;font-size:13px}.preview{object-fit:contain;width:100%;height:calc(100% - 130px);display:none}.preview.visible{display:block}.preview-controls{background:var(--stage);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.button{background:var(--primary);color:var(--surface);border:1px solid #0000;border-radius:9px;min-height:46px;padding:11px 18px;font-size:15px;font-weight:600}.button:hover:not(:disabled){background:var(--primary-hover)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover:not(:disabled){background:var(--background)}.button.light{border-color:var(--stage-muted);color:var(--surface);background:0 0}.button.light:hover:not(:disabled){background:#243e58}.sidebar{flex-direction:column;gap:20px;display:flex}.access-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}legend{margin-bottom:16px;padding:0;font-size:17px;font-weight:600}.role-option{border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.role-option:hover{border-color:var(--primary)}.role-option.selected{border-color:var(--primary);background:#eef5ff}.role-option input{width:17px;height:17px;accent-color:var(--primary);margin:0}.role-option strong{font-size:14px;font-weight:600;display:block}.role-option small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.code-field{margin-top:22px}.code-field>label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.code-input{position:relative}.code-input input{border:1px solid var(--line);width:100%;min-width:0;height:46px;color:var(--ink);background:var(--surface);border-radius:8px;padding:10px 46px 10px 12px}.code-input input[aria-invalid=true]{border-color:var(--danger)}.reveal{width:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:23px;position:absolute;top:2px;bottom:2px;right:2px}.reveal:hover{background:var(--background)}.code-field small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.server-state{color:var(--muted);min-height:58px;margin:18px 0 12px;font-size:13px;line-height:1.5}.server-state.configured{color:var(--success)}.connect-button{width:100%}.error-space{color:var(--danger);min-height:10px;margin-top:10px;font-size:13px}.steps ol{color:var(--muted);gap:8px;margin:0;padding-left:24px;font-size:13px;display:grid}.sdk-note{color:var(--muted);margin:0;font-size:12px}.events{padding:28px 0}.events h2{margin:0 0 10px;font-size:16px;font-weight:600}.events p{margin:0;font-size:13px}.events ol{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.events li{gap:16px;display:flex}.events time{color:var(--muted);font-family:ui-monospace,monospace}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:20px 0 28px;font-size:12px}.room{flex-direction:column;height:100%;display:flex}.room-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:13px;display:flex}.vendor-room{flex:1;min-height:0;position:relative}.room-idle{z-index:1;text-align:center;background:var(--stage);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:absolute;inset:0}.room-idle p{max-width:400px;color:var(--stage-muted)}.connection-symbol{color:var(--stage-muted);font-size:48px}.room-error{background:var(--surface);color:var(--danger);margin:0;padding:15px;font-size:14px}@media (max-width:950px){.page{width:calc(100% - 40px)}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.heading{align-items:start}.network{padding-top:6px}.access-card{padding:19px}}@media (max-width:760px){.page{width:calc(100% - 32px)}.header{min-height:80px}.brand{font-size:20px}.test-tag,.language label{display:none}.heading{flex-direction:column;gap:14px;padding:26px 0 20px}.heading p{font-size:14px}.workspace{grid-template-columns:1fr}.video-panel{height:440px}.sidebar{gap:16px}.access-card{padding:22px}.server-state{min-height:0}.video-placeholder{inset:36px 18px 130px}.video-placeholder h2{font-size:20px}.endpoints{margin-bottom:18px}.preview-controls{padding:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){:root{scrollbar-color:auto}.role-option.selected{outline:2px solid highlight}.dot{forced-color-adjust:none}}