:root{--ts-bg:#071016;--ts-surface:#101d25;--ts-surface-2:#152630;--ts-line:#29404c;--ts-text:#f0f6f5;--ts-muted:#99adaf;--ts-accent:#55e6a5;--ts-accent-2:#5ac8fa;--ts-danger:#ff7d7d;--ts-warning:#ffd166;--ts-radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -20%, #173a43 0, transparent 35%), var(--ts-bg);color:var(--ts-text);margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ts-brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:760;display:inline-flex}.ts-brand-mark{color:#06110c;background:var(--ts-accent);border-radius:10px 4px;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.ts-card{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:linear-gradient(145deg,#152630f0,#0c1920f5);padding:1.25rem;box-shadow:0 18px 50px #0000001f}.ts-button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.68rem 1rem;font-weight:700;transition:all .15s}.ts-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.ts-button:focus-visible{outline-offset:2px;outline:3px solid #5ac8fa73}input:focus-visible{outline-offset:2px;outline:3px solid #5ac8fa73}select:focus-visible{outline-offset:2px;outline:3px solid #5ac8fa73}a:focus-visible{outline-offset:2px;outline:3px solid #5ac8fa73}.ts-button:disabled{opacity:.5;cursor:not-allowed}.ts-button-primary{color:#07120d;background:var(--ts-accent)}.ts-button-secondary{color:var(--ts-text);background:var(--ts-surface-2);border-color:var(--ts-line)}.ts-button-danger{color:#271010;background:var(--ts-danger)}.ts-button-ghost{color:var(--ts-muted);background:0 0}.ts-badge{text-transform:uppercase;letter-spacing:.045em;border-radius:999px;align-items:center;padding:.22rem .55rem;font-size:.74rem;font-weight:800;display:inline-flex}.ts-badge-success{color:#70f6b8;background:#55e6a51f}.ts-badge-warning{color:var(--ts-warning);background:#ffd1661f}.ts-badge-danger{color:#ff9a9a;background:#ff7d7d1f}.ts-badge-info{color:#83d8ff;background:#5ac8fa1f}.ts-badge-neutral{color:#bccaca;background:#99adaf1f}.ts-metric{flex-direction:column;gap:.45rem;min-height:142px;display:flex}.ts-metric>span{color:var(--ts-muted);font-size:.84rem}.ts-metric strong{letter-spacing:-.05em;font-size:clamp(1.9rem,4vw,2.6rem)}.ts-metric small{color:var(--ts-muted)}.ts-empty,.ts-error,.ts-loading{text-align:center;min-height:220px;color:var(--ts-muted);border:1px dashed var(--ts-line);border-radius:var(--ts-radius);align-content:center;place-items:center;gap:.55rem;padding:2rem;display:grid}.ts-empty h3,.ts-empty p,.ts-error p{margin:0}.ts-empty h3,.ts-error strong{color:var(--ts-text)}.ts-empty-icon{color:var(--ts-accent);font-size:2rem}.ts-error{background:#ff7d7d0d;border-style:solid;border-color:#ff7d7d59}.ts-error p{max-width:52ch}.ts-loading{grid-auto-flow:column;min-height:120px}.ts-spinner{border:2px solid var(--ts-line);border-top-color:var(--ts-accent);border-radius:999px;width:1.1rem;height:1.1rem;animation:.8s linear infinite ts-spin}@keyframes ts-spin{to{transform:rotate(360deg)}}.ts-page-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.ts-page-heading h1{letter-spacing:-.055em;margin:.15rem 0;font-size:clamp(2rem,6vw,3.1rem)}.ts-page-heading p{color:var(--ts-muted);max-width:66ch;margin:0;line-height:1.6}.ts-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.77rem;font-weight:800;color:var(--ts-accent)!important}.ts-page-actions{flex-wrap:wrap;gap:.6rem;display:flex}.ts-field{color:var(--ts-muted);gap:.45rem;font-size:.85rem;display:grid}.ts-field>span{color:var(--ts-text);font-weight:700}.ts-field input,.ts-field select,.ts-field textarea{width:100%;color:var(--ts-text);border:1px solid var(--ts-line);background:#0a151c;border-radius:10px;padding:.72rem .8rem}.ts-field small{line-height:1.4}.ts-field-error{color:var(--ts-danger)}.ts-status{color:var(--ts-muted);text-transform:capitalize;align-items:center;gap:.4rem;display:inline-flex}.ts-status i{background:#7f9194;border-radius:50%;width:.55rem;height:.55rem}.ts-status-healthy i{background:var(--ts-accent);box-shadow:0 0 0 4px #55e6a51a}.ts-status-degraded i{background:var(--ts-warning)}.ts-status-offline i{background:var(--ts-danger)}.ts-skeleton{background:linear-gradient(90deg, var(--ts-surface) 25%, var(--ts-surface-2) 50%, var(--ts-surface) 75%);background-size:200% 100%;border-radius:10px;height:56px;margin:.6rem 0;animation:1.5s infinite ts-shimmer}@keyframes ts-shimmer{to{background-position:-200% 0}}@media (max-width:700px){.ts-page-heading{flex-direction:column;align-items:start}.ts-page-actions{width:100%}.ts-page-actions .ts-button{flex:1}}body{min-height:100vh}.console-layout{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.console-sidebar{border-right:1px solid var(--ts-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071016e6;flex-direction:column;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.console-logo{padding:.35rem .45rem 1.25rem;text-decoration:none}.console-workspace{color:var(--ts-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 .45rem 1rem;font-size:.74rem}.console-workspace span{color:var(--ts-text);text-transform:none;letter-spacing:0;margin-top:.25rem;font-size:.9rem;display:block}.console-sidebar nav{gap:.25rem;display:grid;overflow-y:auto}.console-sidebar nav a{color:var(--ts-muted);border-radius:9px;padding:.65rem .75rem;font-size:.92rem;text-decoration:none}.console-sidebar nav a:hover,.console-sidebar nav a.active{color:var(--ts-text);background:var(--ts-surface-2)}.console-sidebar nav a.active{box-shadow:inset 3px 0 var(--ts-accent)}.console-sidebar-foot{color:var(--ts-muted);align-items:center;gap:.5rem;margin-top:auto;padding:.5rem;font-size:.75rem;display:flex}.session-live,.session-off{background:var(--ts-accent);border-radius:50%;width:.5rem;height:.5rem}.session-off{background:var(--ts-warning)}.console-main{min-width:0}.console-topbar{border-bottom:1px solid #29404c8c;justify-content:flex-end;align-items:center;gap:1rem;height:60px;padding:0 clamp(1rem,4vw,3rem);display:flex}.env-pill{color:var(--ts-muted);border:1px solid var(--ts-line);border-radius:999px;padding:.3rem .65rem;font:600 .72rem ui-monospace,monospace}.demo-notice{color:var(--ts-muted);background:#5ac8fa12;border:1px solid #5ac8fa52;border-radius:10px;align-items:center;gap:.7rem;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.82rem;display:flex}.demo-notice strong{color:var(--ts-text);white-space:nowrap}.demo-notice strong:before{content:"";background:#5ac8fa;border-radius:50%;width:.48rem;height:.48rem;margin-right:.45rem;display:inline-block;box-shadow:0 0 14px #5ac8fad9}.console-main main{max-width:1440px;padding:clamp(1.5rem,4vw,3.5rem)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.link-button{background:var(--ts-accent);color:#07120d;border-radius:10px;padding:.72rem 1rem;font-weight:800;text-decoration:none}.next-panel{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:linear-gradient(120deg,#55e6a51a,#5ac8fa0d);justify-content:space-between;align-items:end;gap:2rem;margin-top:1rem;padding:2rem;display:flex}.next-panel h2{margin:.3rem 0;font-size:1.65rem}.next-panel p{color:var(--ts-muted);max-width:62ch;line-height:1.6}.next-panel a{color:var(--ts-accent);white-space:nowrap}.auth-gate{grid-template-columns:1fr minmax(300px,450px);align-items:center;gap:clamp(2rem,8vw,7rem);min-height:calc(100vh - 130px);display:grid}.auth-gate h1{letter-spacing:-.07em;margin:.5rem 0 1.25rem;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.95}.auth-gate p{color:var(--ts-muted);max-width:55ch;line-height:1.7}.auth-gate form{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:var(--ts-surface);gap:1rem;padding:1.5rem;display:grid}.auth-gate small{color:var(--ts-muted)}.auth-gate-single{grid-template-columns:1fr}.auth-actions{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:var(--ts-surface);gap:1rem;padding:1.5rem;display:grid}.console-identity{color:var(--ts-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.workspace-select{color:var(--ts-muted);align-items:center;gap:.5rem;font-size:.72rem;display:flex}.workspace-select select{border:1px solid var(--ts-line);max-width:min(36vw,430px);color:var(--ts-text);background:var(--ts-surface);border-radius:8px;padding:.42rem .55rem}.inline-form{grid-template-columns:minmax(160px,1fr) minmax(240px,2fr) auto;align-items:end;gap:1rem;display:grid}.room-form{grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr) minmax(180px,1fr) auto}.webhook-form{grid-template-columns:1fr auto}.section-block{margin-top:1.2rem}.table-wrap{border:1px solid var(--ts-line);border-radius:var(--ts-radius);overflow-x:auto}.table-wrap table{border-collapse:collapse;background:#0a151ca6;width:100%}.table-wrap th{color:var(--ts-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--ts-line);padding:.8rem 1rem;font-size:.72rem}.table-wrap td{color:#dce7e6;border-bottom:1px solid #29404c8c;padding:1rem}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{color:var(--ts-muted);margin-top:.28rem}.data-window{color:var(--ts-muted);font:.78rem ui-monospace,monospace}.steps{counter-reset:step;gap:1.2rem;padding:0;list-style:none;display:grid}.steps li>.ts-card{grid-template-columns:3rem 1fr;column-gap:1rem;display:grid}.steps li>.ts-card>span{color:#07120d;background:var(--ts-accent);border-radius:50%;grid-row:1/4;align-self:start;place-items:center;width:2.3rem;height:2.3rem;font-weight:900;display:grid}.steps h2{margin:.25rem 0}.steps p{color:var(--ts-muted);line-height:1.6}.steps pre{color:#b9f8dc;background:#050b0f;border-radius:10px;grid-column:2;padding:1rem;font-size:.82rem;line-height:1.55;overflow:auto}.selector-card{max-width:560px;margin-bottom:1rem}.filter-grid,.recording-form,.ingress-form,.quota-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.recording-form{grid-template-columns:repeat(3,minmax(0,1fr))}.recording-form .ts-button{justify-self:start}.recording-output-choices{border:1px solid var(--ts-line);border-radius:9px;flex-wrap:wrap;gap:.75rem;min-width:0;margin:0;padding:.7rem .8rem;display:flex}.recording-output-choices legend{color:var(--ts-muted);padding:0 .25rem;font-size:.8rem}.recording-output-choices label,.recording-choice,.recording-consent{align-items:center;gap:.45rem;display:flex}.recording-consent{grid-column:1/-1}.recording-form textarea{resize:vertical;width:100%}.ingress-form{grid-template-columns:minmax(240px,2fr) minmax(110px,.6fr) minmax(180px,1fr) minmax(180px,1fr) auto}.quota-fields{grid-template-columns:repeat(3,minmax(180px,1fr))}.form-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.form-heading h2,.form-heading p{margin:0}.form-heading p{color:var(--ts-muted);margin-top:.35rem}.inline-error{color:var(--ts-danger);line-height:1.5}.table-actions,.secret-actions,.step-links{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.table-actions .ts-button{padding:.45rem .65rem;font-size:.78rem}.secret-reveal{border-radius:var(--ts-radius);background:#ffd16612;border:1px solid #ffd16673;gap:1rem;margin-top:1rem;padding:1.25rem;display:grid}.secret-reveal h2,.secret-reveal p{margin:0}.secret-reveal>div>p:last-child{color:var(--ts-muted);margin-top:.35rem}.secret-reveal>code{overflow-wrap:anywhere;color:var(--ts-warning);background:#050b0f;border-radius:9px;padding:.9rem}.ingress-secret{grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.ingress-secret span{color:var(--ts-muted)}.ingress-secret code{overflow-wrap:anywhere;color:var(--ts-warning);background:#050b0f;border-radius:9px;padding:.9rem}.download-link{color:var(--ts-accent);font-weight:700;text-decoration:none}.download-link small{font-weight:400}.api-key-form{gap:1rem;display:grid}.api-key-form textarea{resize:vertical;width:100%}.api-key-form>.ts-button{justify-self:start}.api-key-scopes{border:1px solid var(--ts-line);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;min-width:0;margin:0;padding:.8rem;display:grid}.api-key-scopes legend{color:var(--ts-muted);padding:0 .25rem;font-size:.8rem}.api-key-scopes label{align-items:start;gap:.5rem;display:flex}.api-key-scopes label span,.api-key-scopes label small{display:block}.api-key-scopes label small{color:var(--ts-muted);margin-top:.15rem;font-family:ui-monospace,monospace}.quota-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.quota-card{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:#0a151ca6;padding:1rem}.quota-card>div{justify-content:space-between;gap:1rem;display:flex}.quota-card>div span,.quota-card small{color:var(--ts-muted)}.quota-card progress{width:100%;height:.6rem;accent-color:var(--ts-accent);margin:1rem 0 .55rem}.confirm-dialog{z-index:50;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080bd1;border:0;width:100%;position:absolute;inset:0}.confirm-panel{border:1px solid var(--ts-line);border-radius:var(--ts-radius);background:#0d1a22;width:min(100%,520px);padding:1.4rem;position:relative;box-shadow:0 24px 80px #00000080}.confirm-panel h2{margin:0}.confirm-panel>p{color:var(--ts-muted);line-height:1.55}.confirm-panel code{color:var(--ts-warning)}.confirm-buttons{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.quickstart-layout{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:1rem;display:grid}.quickstart-layout .steps{margin:0}.readiness-panel{gap:1rem;display:grid;position:sticky;top:1rem}.readiness-panel h2{margin-top:.25rem}.readiness-panel ul{color:var(--ts-muted);padding-left:1.2rem;line-height:1.6}.step-links a{color:var(--ts-accent)}.native-snippets{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.native-snippets h3{margin-bottom:.3rem}@media (max-width:1000px){.metric-grid,.quota-grid{grid-template-columns:repeat(2,1fr)}.auth-gate{grid-template-columns:1fr;align-content:center}.inline-form,.room-form{grid-template-columns:1fr 1fr}.inline-form .ts-button{grid-column:span 2}.recording-form,.ingress-form{grid-template-columns:1fr 1fr}.quickstart-layout{grid-template-columns:1fr}.readiness-panel{position:static}}@media (max-width:720px){.console-layout{display:block}.console-sidebar{border-right:0;border-bottom:1px solid var(--ts-line);height:auto;position:static}.console-sidebar nav{display:flex;overflow-x:auto}.console-sidebar nav a{white-space:nowrap}.console-sidebar-foot,.console-workspace{display:none}.console-main main{padding:1.25rem}.demo-notice{flex-direction:column;align-items:flex-start}.metric-grid,.quota-grid,.quota-fields,.filter-grid,.recording-form,.ingress-form,.api-key-scopes,.inline-form,.room-form,.webhook-form{grid-template-columns:1fr}.inline-form .ts-button{grid-column:auto}.ingress-secret{grid-template-columns:1fr}.next-panel,.form-heading{flex-direction:column;align-items:start}.steps li>.ts-card{grid-template-columns:1fr}.steps li>.ts-card>span{grid-row:auto}.steps pre,.native-snippets{grid-column:1}.native-snippets{grid-template-columns:1fr}}
