:root{--bg:#f4f8fb;--surface:#fff;--surface-soft:#f7fafc;--surface-muted:#edf3f7;--text:#102028;--text-muted:#60707c;--border:#d5e0e7;--accent:#1f7a8c;--accent-strong:#145566;--accent-soft:#e3f3f6;--danger:#b42318;--danger-soft:#fff0ed;--success:#157f3b;--success-soft:#e6f6ed;--warning:#8a5a00;--shadow:0 20px 50px #0f212a1f;--radius:8px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:#0000;background-image:linear-gradient(#ffffffa8,#f4f8fbdb),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%20viewBox='0%200%20720%20720'%3e%3crect%20width='720'%20height='720'%20fill='%23f4f8fb'/%3e%3cg%20opacity='.72'%3e%3ccircle%20cx='72'%20cy='86'%20r='34'%20fill='%23bce5df'/%3e%3ccircle%20cx='652'%20cy='92'%20r='20'%20fill='%23ffd17a'/%3e%3ccircle%20cx='504'%20cy='590'%20r='44'%20fill='%23d9ccff'/%3e%3ccircle%20cx='172'%20cy='612'%20r='22'%20fill='%23ffb6a3'/%3e%3cpath%20d='M290%2042%20354%20152%20226%20152Z'%20fill='%238fd4c8'/%3e%3cpath%20d='M596%20236%20660%20346%20532%20346Z'%20fill='%23ffcf9f'/%3e%3cpath%20d='M58%20414%20128%20532%202%20532Z'%20fill='%23c8d7ff'/%3e%3crect%20x='438'%20y='46'%20width='78'%20height='78'%20rx='8'%20fill='%23f49b83'%20transform='rotate(16%20477%2085)'/%3e%3crect%20x='232'%20y='420'%20width='96'%20height='96'%20rx='8'%20fill='%23a8dcca'%20transform='rotate(-12%20280%20468)'/%3e%3crect%20x='580'%20y='492'%20width='72'%20height='72'%20rx='8'%20fill='%23fedf89'%20transform='rotate(28%20616%20528)'/%3e%3cpath%20d='M178%20190h78l38%2068-38%2068h-78l-38-68Z'%20fill='%23e8ddff'/%3e%3cpath%20d='M418%20276h62l30%2052-30%2052h-62l-30-52Z'%20fill='%23b9e3ff'/%3e%3cpath%20d='M90%20274h38l18%2032-18%2032H90l-18-32Z'%20fill='%23ffe2b8'/%3e%3c/g%3e%3cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%20opacity='.55'%3e%3cpath%20d='M32%20168c54-34%2098-34%20132%200s78%2034%20132%200'%20stroke='%237ab7c2'%20stroke-width='8'/%3e%3cpath%20d='M408%20166c40-24%2074-24%20102%200s62%2024%20102%200'%20stroke='%23e8896e'%20stroke-width='7'/%3e%3cpath%20d='M348%20470c52-32%2096-32%20132%200s78%2032%20132%200'%20stroke='%238c7ae6'%20stroke-width='8'/%3e%3cpath%20d='M118%20682c36-22%2066-22%2092%200s56%2022%2092%200'%20stroke='%2345a77f'%20stroke-width='7'/%3e%3c/g%3e%3cg%20opacity='.5'%3e%3cpath%20d='M702%2021%20675%2037l-27-16%2016%2027-16%2027%2027-16%2027%2016-16-27Z'%20fill='%2361c6a4'/%3e%3cpath%20d='M392%20646%20368%20660l-24-14%2014%2024-14%2024%2024-14%2024%2014-14-24Z'%20fill='%23ef8b69'/%3e%3cpath%20d='M42%2054%2022%2066%202%2054l12%2020L2%2094l20-12%2020%2012-12-20Z'%20fill='%238c7ae6'/%3e%3c/g%3e%3cg%20opacity='.38'%20stroke='%2315323d'%20stroke-width='2'%3e%3cpath%20d='M0%200h720v720H0Z'%20fill='none'/%3e%3cpath%20d='M0%20240h720M0%20480h720M240%200v720M480%200v720'/%3e%3c/g%3e%3c/svg%3e");background-position:top,top;background-repeat:repeat,repeat;background-size:auto,720px 720px;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%;display:block}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid #d5e0e7b8;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 28px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);color:#fff;letter-spacing:0;background:linear-gradient(135deg,#1f7a8c,#d95f41);place-items:center;width:34px;height:34px;font-size:13px;display:inline-grid}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.token-pill{border:1px solid var(--border);max-width:min(42vw,300px);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffffe0;border-radius:999px;padding:7px 10px;font-size:13px;overflow:hidden}.ghost-button,.secondary-button,.copy-button,.token-input-row button,.lookup-input-row button,.platform-tab{border-radius:var(--radius);border:1px solid #0000;transition:transform .16s,background-color .16s,border-color .16s,color .16s,box-shadow .16s}.ghost-button{border-color:var(--border);color:var(--text);background:#ffffffe0;padding:8px 12px}.ghost-button:hover,.secondary-button:hover,.copy-button:hover{border-color:var(--accent);color:var(--accent-strong)}.main-surface{width:min(1180px,100%);margin:0 auto;padding:38px 28px 64px}.token-panel,.lookup-card,.doc-card,.room-card,.links-card,.empty-result{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d5e0e7e0}.token-panel{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:32px;margin-top:48px;padding:32px;display:grid}.eyebrow{color:var(--active-accent,var(--accent-strong));letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:34px;line-height:1.16}h2{letter-spacing:0;margin-bottom:8px;font-size:19px;line-height:1.3}.lede{max-width:620px;color:var(--text-muted);font-size:16px;line-height:1.65}.token-form,.lookup-form{gap:10px;display:grid}.token-form label,.lookup-form label{color:var(--text-muted);font-size:14px;font-weight:700}.token-input-row,.lookup-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.token-input-row input,.lookup-input-row input{border:1px solid var(--border);border-radius:var(--radius);min-width:0;height:46px;color:var(--text);background:#fff;outline:none;padding:0 13px}.token-input-row input:focus,.lookup-input-row input:focus{border-color:var(--active-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--active-accent,var(--accent)) 18%, transparent)}.token-input-row button,.lookup-input-row button,.secondary-button{background:var(--active-accent,var(--accent));color:#fff;height:46px;padding:0 18px;font-weight:800}.token-input-row button:hover,.lookup-input-row button:hover,.secondary-button:hover{background:color-mix(in srgb, var(--active-accent,var(--accent)) 84%, #102028);color:#fff;transform:translateY(-1px)}.lookup-page{gap:18px;display:grid}.lookup-header{justify-content:space-between;align-items:end;gap:18px;padding:8px 2px;display:flex}.lookup-header h1{max-width:680px}.lookup-card{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:18px;padding:18px;display:grid}.api-console-card{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.platform-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;display:grid}.platform-tab{min-height:44px;color:var(--text-muted);white-space:nowrap;background:0 0;padding:0 12px;font-weight:800}.platform-tab:hover{border-color:color-mix(in srgb, var(--tab-accent) 36%, var(--border));color:color-mix(in srgb, var(--tab-accent) 78%, #102028)}.platform-tab[aria-selected=true]{border-color:color-mix(in srgb, var(--tab-accent) 48%, #fff);background:color-mix(in srgb, var(--tab-accent) 13%, #fff);box-shadow:inset 0 -3px 0 var(--tab-accent);color:color-mix(in srgb, var(--tab-accent) 82%, #102028)}.status-banner{border-radius:var(--radius);padding:12px 14px;font-size:14px;font-weight:700}.status-error{background:var(--danger-soft);color:var(--danger);border:1px solid #b4231847}.status-success{background:var(--success-soft);color:var(--success);border:1px solid #157f3b3d}.inline-error{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);border:1px solid #b423183d;padding:10px 12px;font-size:13px;font-weight:700}.compact-lede{max-width:760px;margin-bottom:0}.developer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.doc-card{min-width:0;padding:18px}.endpoint-card,.request-card,.curl-card,.response-card,.preview-card{gap:14px;display:grid}.preview-card{border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #d5e0e7e0;overflow:hidden}.preview-top{justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 0;display:flex}.preview-top h2{margin-bottom:0}.mode-pill{background:color-mix(in srgb, var(--preview-accent,var(--accent)) 14%, #fff);min-height:28px;color:var(--preview-accent,var(--accent));white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.candidate-tabs{gap:8px;padding:0 18px 4px;display:flex;overflow-x:auto}.candidate-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);min-width:118px;color:var(--text);text-align:left;gap:3px;padding:10px 12px;display:grid}.candidate-tab span,.candidate-tab small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.candidate-tab span{font-size:13px;font-weight:850}.candidate-tab small{color:var(--text-muted);font-size:11px;font-weight:800}.candidate-tab[aria-selected=true]{border-color:color-mix(in srgb, var(--preview-accent,var(--accent)) 38%, var(--border));background:color-mix(in srgb, var(--preview-accent,var(--accent)) 11%, #fff);box-shadow:inset 0 -3px 0 var(--preview-accent,var(--accent))}.video-preview-shell,.preview-notice,.preview-empty{border-radius:var(--radius);background:linear-gradient(135deg,#102028f0,#1f353ef0),#102028;border:1px solid #1020282e;margin:0 18px;overflow:hidden}.preview-video{aspect-ratio:16/9;object-fit:contain;background:#071116;width:100%;min-height:280px;max-height:640px;display:block}.tc-preview-stage,.agora-preview-stage{aspect-ratio:16/9;background:#071116;width:100%;min-height:280px;max-height:640px;position:relative;overflow:hidden}.tc-player-host,.tc-preview-stage .video-js,.tc-preview-stage .tc-player,.tc-preview-stage [class*=tcplayer],.tc-preview-stage video,.tc-player-host>div,.tc-player-host video,.agora-player-host,.agora-player-host>div,.agora-player-host video{display:block;width:100%!important;height:100%!important}.tc-preview-stage .video-js,.tc-preview-stage .vjs-tech{inset:0!important;overflow:hidden!important}.tc-preview-stage .vjs-loading-spinner{border-width:3px!important;width:42px!important;height:42px!important;margin:-21px 0 0 -21px!important;top:50%!important;left:50%!important}.tc-preview-stage .vjs-loading-spinner:before,.tc-preview-stage .vjs-loading-spinner:after{border-width:3px!important;width:42px!important;height:42px!important;margin:0!important}.tc-preview-stage .vjs-big-play-button{display:none!important}.agora-player-host{background:#071116;place-items:center;display:grid}.preview-status{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:750;display:flex;overflow:hidden}.preview-status-error{color:#ffd7d2}.live-controls{background:linear-gradient(#ffffff0d,#00000024),#071116db;border-top:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.live-dot{background:#23d18b;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #23d18b26}.preview-status-error .live-dot{background:#ff776c;box-shadow:0 0 0 4px #ff776c24}.live-control-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.control-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:850}.control-button:hover{background:#ffffff29}.control-button.primary{border-color:color-mix(in srgb, var(--preview-accent,var(--accent)) 58%, #ffffff2e);background:color-mix(in srgb, var(--preview-accent,var(--accent)) 76%, #0f2027)}.volume-control{color:#ffffffc2;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.volume-control input{width:110px;accent-color:var(--preview-accent,var(--accent))}.preview-notice,.preview-empty{text-align:center;place-items:center;min-height:220px;padding:28px;display:grid}.preview-notice h3,.preview-empty h2{color:#fff;margin-bottom:8px}.preview-notice p,.preview-empty p{color:#ffffffb8;max-width:620px;margin-bottom:0;line-height:1.65}.mixed-content-panel{align-content:center;gap:14px;min-height:260px;padding:18px;display:grid}.mixed-content-copy{border-radius:var(--radius);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;gap:8px;padding:18px;display:grid}.mixed-content-copy h3,.mixed-content-copy p{margin:0}.mixed-content-copy p{color:#ffffffb8;max-width:680px;line-height:1.65}.external-player-panel{border-radius:var(--radius);background:linear-gradient(135deg,#102028f0,#1f353ef0),#102028;border:1px solid #1020282e;gap:10px;margin:0 18px;padding:16px;display:grid;overflow:hidden}.external-player-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.external-player-copy p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.55}.external-player-options{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.external-player-option{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-height:46px;padding:12px 16px}.external-player-option:hover{background:#ffffff24}.external-player-option strong{font-size:13px}.preview-meta{gap:10px;padding:0 18px 18px;display:grid}.preview-meta div{gap:6px;display:grid}.preview-meta span{color:var(--text-muted);font-size:12px;font-weight:800}.preview-meta code{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:#1b3640;overflow-wrap:anywhere;white-space:pre-wrap;padding:10px 12px;font-size:12px;line-height:1.55}.preview-meta p{color:var(--text-muted);margin-bottom:0;font-size:13px;line-height:1.6}.method-pill{background:color-mix(in srgb, var(--active-accent,var(--accent)) 14%, #fff);min-height:28px;color:var(--active-accent,var(--accent));border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.field-list{gap:10px;display:grid}.field-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:116px minmax(0,1fr);align-items:start;gap:12px;padding:11px 12px;display:grid}.field-row span{color:var(--text-muted);font-size:12px;font-weight:800}.field-row strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.55}.copy-block{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.copy-block code,.json-block{border-radius:var(--radius);color:#1b3640;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #d5e0e7cc;min-width:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}.copy-block code{min-height:38px;padding:9px 10px}.copy-block.multiline code{min-height:118px}.json-block{max-height:520px;margin:0;padding:14px;overflow:auto}.empty-result{align-items:center;gap:18px;min-height:150px;padding:22px;display:flex}.empty-mark{border-radius:var(--radius);background:color-mix(in srgb, var(--active-accent,var(--accent)) 14%, #fff);width:64px;height:64px;color:var(--active-accent,var(--accent));flex:none;place-items:center;font-weight:900;display:grid}.empty-result p,.muted-text{color:var(--text-muted);margin-bottom:0}.result-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:start;gap:18px;display:grid}.room-card,.links-card{overflow:hidden}.room-media{background:linear-gradient(135deg, #1f7a8c1a, #d95f411f), var(--surface-muted);min-height:260px}.room-media img{object-fit:cover;width:100%;height:100%;min-height:260px}.image-placeholder{min-height:260px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:800;display:grid}.room-content,.links-card{padding:18px}.room-title-row,.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading.compact{margin-bottom:16px}.section-heading h2,.room-title-row h2{margin-bottom:0}.state-pill,.count-pill,.kind-pill,.probe-pill{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.state-ok,.probe-ok{background:var(--success-soft);color:var(--success)}.state-miss{background:var(--danger-soft);color:var(--danger)}.count-pill,.probe-pill{background:var(--surface-muted);color:var(--text-muted)}.kind-pill{background:color-mix(in srgb, var(--active-accent,var(--accent)) 12%, #fff);color:var(--active-accent,var(--accent))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.detail-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);min-width:0;padding:11px 12px}.detail-item span{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.detail-item strong{overflow-wrap:anywhere;color:var(--text);font-size:14px;display:block}.link-list{gap:12px;display:grid}.playback-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);gap:9px;padding:13px;display:grid}.playback-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.url-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.url-row code{border-radius:var(--radius);color:#1b3640;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #d5e0e7cc;min-height:38px;padding:9px 10px;font-size:12px;line-height:1.55}.copy-button{border-color:var(--border);min-height:38px;color:var(--text);background:#fff;padding:0 12px;font-weight:800}.probe-detail{color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:0;font-size:12px;line-height:1.55}@media (width<=900px){.lookup-card,.result-grid,.developer-grid{grid-template-columns:1fr}.external-player-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){body{background-size:auto,560px 560px}.topbar{flex-direction:column;align-items:stretch;padding:12px 16px}.topbar-actions{justify-content:space-between}.main-surface{padding:24px 16px 48px}.token-panel{grid-template-columns:1fr;margin-top:16px;padding:22px}.token-input-row,.lookup-input-row,.url-row,.copy-block,.field-row,.external-player-copy,.external-player-options{grid-template-columns:1fr}.lookup-header{flex-direction:column;align-items:stretch}.platform-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}h1{font-size:29px}}