:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e13;--surface:#11161e;--line:#252d39;--text:#e8edf5;--muted:#94a0b2;--accent:#a2f0ce;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font:14px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:.6rem;font-size:2.15rem;font-weight:550;line-height:1.2}h2{letter-spacing:-.02em;margin-bottom:.8rem;font-size:1.05rem;font-weight:550}h3{margin-bottom:.25rem;font-size:1rem;font-weight:550}p{margin-bottom:1rem}small{color:var(--muted);font-size:.8rem}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;padding:0 max(28px,50vw - 620px);display:flex}.brand{color:var(--text);letter-spacing:-.07em;align-items:center;gap:10px;font-size:1.8rem;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);color:#13372c;border-radius:9px;place-content:center;width:31px;height:31px;padding-bottom:7px;font-family:Georgia,serif;font-size:2.3rem;font-style:italic;line-height:1;display:grid}.beta-tag,.small-tag{color:var(--muted);letter-spacing:.12em;border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-size:.65rem;font-weight:550}.account-nav{color:var(--muted);align-items:center;gap:24px;font-size:.85rem;display:flex}main{max-width:1296px;margin:auto;padding:48px 28px 28px}.eyebrow{letter-spacing:.15em;color:var(--muted);margin-bottom:12px;font-size:.68rem;font-weight:600}.page-heading{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.muted,.hint{color:var(--muted)}.hint{margin-top:15px;margin-bottom:0;font-size:.8rem}.page-heading p:last-child{margin-bottom:0}.button,button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:7px;padding:8px 13px;font-weight:500}.button:hover{text-decoration:none}.secondary:hover{background:#1a2330;border-color:#3f5062}.primary{color:#0c281d;background:var(--accent);border-color:var(--accent)}.primary:hover{background:#c7fae4}.text-button{color:var(--muted);border:0;padding:5px 0}.text-button:hover{color:var(--text)}.danger{color:#d89397}.metrics{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:28px;display:grid}.metric{border-right:1px solid var(--line);padding:24px 28px}.metric:last-child{border-right:0}.metric>span{color:var(--muted);font-size:.8rem}.metric>strong{letter-spacing:-.04em;margin:9px 0 5px;font-size:2rem;font-weight:500;display:block}.metric strong small{letter-spacing:0;font-size:.9rem;font-weight:400}.metric p{color:var(--muted);margin:0;font-size:.77rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading h2{margin:0}.count{color:var(--muted);vertical-align:middle;background:#202935;border-radius:5px;margin-left:6px;padding:3px 8px;font-size:.75rem}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.live-indicator{font-size:.73rem}.sessions-card{margin-bottom:28px;padding-bottom:0;overflow:hidden}.empty-state{text-align:center;padding:40px 15px 48px}.empty-state p{color:var(--muted);font-size:.86rem}.empty-state a{font-size:.83rem}.browser-glyph{text-align:left;border:1px solid #526075;border-radius:6px;width:48px;height:37px;margin:0 auto 22px;padding:3px 5px}.browser-glyph i{vertical-align:top;background:#8494aa;border-radius:50%;width:3px;height:3px;margin-top:4px;margin-right:3px;display:inline-block}.browser-glyph span{border-top:1px solid #526075;margin:0 -5px;display:block}.session-list{margin:0 -24px}.session-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) 150px 80px;align-items:center;gap:20px;padding:20px 24px;display:grid}.session-row small{margin-top:3px;font-size:.72rem;display:block}.session-name{align-items:center;gap:14px;min-width:0;display:flex}.session-name h3{word-break:break-word}.session-icon{width:35px;height:35px;color:var(--accent);background:#172821;border:1px solid #2c4b42;border-radius:8px;flex-shrink:0;place-content:center;font-size:20px;display:grid}.session-icon.inactive{border-color:var(--line);color:var(--muted);background:#1b212b}.pill{color:#afc2de;background:#202a37;border-radius:99px;padding:4px 10px;font-size:.7rem}.pill.connected,.pill.ready{color:var(--accent);background:#19372d}.pill.queued,.pill.grace,.pill.provisioning{color:#e1bd75;background:#342d1e}.pill.failed{color:#edb1bb;background:#3a2229}.session-time strong{font:500 1.15rem var(--mono)}.warning strong,.warning small{color:#ecc278}.session-actions{text-align:right}.workspace-columns{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px;display:grid}.sidebar-stack{align-content:start;gap:24px;display:grid}.tabs{border-bottom:1px solid var(--line);gap:20px;margin-top:24px;display:flex}.tabs button{color:var(--muted);border:0;border-radius:0;padding:10px 0;font-size:.8rem}.tabs .selected{color:var(--text);border-bottom:2px solid var(--accent)}.tabs .copy-example{margin-left:auto}code{font:.8rem/1.8 var(--mono)}pre{tab-size:2;background:#0c1119;border:1px solid #202837;border-radius:7px;margin:16px 0 0;padding:19px;font-size:.77rem;overflow:auto}details{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:.83rem}summary{cursor:pointer;color:var(--text);margin-bottom:12px}details p{color:var(--muted)}label{color:#bac6d6;flex-direction:column;gap:6px;font-size:.83rem;display:flex}input,select{color:var(--text);background:#0d121a;border:1px solid #303b4a;border-radius:7px;width:100%;min-width:0;padding:10px 12px}input::placeholder{color:#758398}.key-form{gap:8px;margin:18px 0;display:flex}.key-form input{flex:1}.credential-list{margin:0;padding:0;list-style:none}.credential-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.credential-list strong{word-break:break-word;font-size:.83rem;font-weight:500}.credential-list small{font-size:.72rem;display:block}.secret-reveal{background:#11271e;border:1px solid #416956;border-radius:7px;margin:18px 0;padding:14px}.secret-reveal strong{font-size:.8rem}.secret-reveal code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:12px 0;display:block}.secret-reveal>div{gap:15px;display:flex}.setting-label{gap:12px}.workspace-footer{color:var(--muted);justify-content:space-between;gap:28px;padding:28px 0 0;font-size:.72rem;display:flex}.workspace-footer span{flex-shrink:0}.workspace-footer p{text-align:right;max-width:510px}.notice{color:#beefdd;background:#15322b;border:1px solid #2f5649;border-radius:7px;margin-bottom:24px;padding:12px 16px;font-size:.85rem}.notice.error{color:#efc0c7;background:#2b1c23;border-color:#643d45}.auth-layout{grid-template-columns:1fr 380px;align-items:center;gap:80px;max-width:1000px;min-height:65vh;margin:0 auto;display:grid}.auth-intro h1{margin:18px 0 25px;font-size:3rem;line-height:1.2}.auth-intro>p:not(.eyebrow){color:var(--muted);max-width:365px;line-height:1.8}.auth-detail{color:var(--muted);margin-top:36px;font-size:.77rem}.auth-card{padding:32px}.auth-card h2{margin-bottom:8px;font-size:1.7rem}.auth-card form{gap:20px;margin-top:28px;display:grid}.auth-card .primary{margin-top:4px}.auth-help{border-top:1px solid var(--line);color:var(--muted);margin:26px 0 0;padding-top:22px;font-size:.76rem}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading{text-align:center;color:var(--muted);padding:80px}@media (width<=900px){.workspace-columns{grid-template-columns:1fr}.sidebar-stack{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr 360px;gap:35px}.auth-intro h1{font-size:2.4rem}.session-row{grid-template-columns:1.5fr 1fr 110px 70px;gap:10px}}@media (width<=640px){.topbar{height:72px;padding:0 20px}.account-nav{gap:14px}.account-nav>span{display:none}main{padding:30px 18px 20px}h1{font-size:1.8rem}.page-heading{display:block}.page-heading>a{margin-top:20px;display:inline-block}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.metric:last-child{border-bottom:0}.metric>strong{font-size:1.7rem}.card{padding:20px}.sessions-card{padding-bottom:0}.section-heading{flex-wrap:wrap}.session-list{margin:0 -20px}.session-row{grid-template-columns:1fr 1fr;gap:15px;padding:18px 20px}.session-time{padding-left:49px}.session-actions{text-align:left}.session-name{gap:12px}.sidebar-stack{grid-template-columns:1fr}.workspace-footer{display:block}.workspace-footer p{text-align:left;margin-top:12px}.auth-layout{grid-template-columns:1fr;gap:30px}.auth-intro h1{font-size:2.2rem}.auth-detail{margin-top:20px}.auth-card{padding:26px}pre{padding:14px;font-size:.7rem}.live-indicator{font-size:.65rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.browser-view{margin-bottom:1.5rem}.browser-view canvas{background:#091116;border-radius:8px;width:auto;max-width:100%;max-height:65vh;margin:1rem auto;display:block}.session-actions{justify-content:flex-end;gap:.5rem;display:flex}