:root{color-scheme:dark;--background:#06111d;--panel:#0b1826;--panel-raised:#102235;--border:#21364a;--muted:#8ba0b4;--text:#edf5fb;--accent:#38bdf8;--accent-strong:#0284c7;--success:#34d399}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 80% -20%,rgba(14,165,233,.18),transparent 38rem),var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button{font:inherit}code{padding:.12rem .35rem;border:1px solid var(--border);border-radius:.35rem;background:#07121e}.signin-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.signin-card{width:min(100%,31rem);padding:clamp(2rem,6vw,3.5rem);border:1px solid var(--border);border-radius:1.5rem;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.35)}.product-mark{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:2rem;border-radius:1rem;color:white;background:linear-gradient(145deg,#0ea5e9,#4f46e5);font-weight:900}.product-mark.small{width:2.3rem;height:2.3rem;margin:0;border-radius:.7rem;font-size:.8rem}.eyebrow{margin:0 0 .5rem;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.15em}.signin-card h1{margin:0;font-size:clamp(2rem,7vw,2.8rem);letter-spacing:-.04em}.signin-card p:not(.eyebrow){margin:1rem 0 2rem;color:var(--muted);line-height:1.65}.signin-card small{display:block;margin-top:1.25rem;color:var(--muted)}.primary-button,.secondary-button{min-height:2.75rem;padding:0 1rem;border-radius:.7rem;font-weight:800}.primary-button{width:100%;border:0;color:#fff;background:linear-gradient(135deg,var(--accent-strong),#4f46e5)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--border);color:var(--text);background:var(--panel-raised)}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:16rem minmax(0,1fr)}.workspace-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1.25rem;border-right:1px solid var(--border);background:rgba(7,18,30,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.workspace-sidebar nav{display:grid;gap:.35rem}.nav-item{padding:.75rem .9rem;border-radius:.65rem;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:700}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--panel-raised)}.account-card{display:grid;gap:.45rem;margin-top:auto;padding:.85rem;border:1px solid var(--border);border-radius:.75rem;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.account-card a{color:var(--accent)}.workspace-content{min-width:0;padding:clamp(1.5rem,4vw,3.5rem)}.section-heading,.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.workspace-header h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em}.connector-status,.status-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #225848;border-radius:999px;color:#a7f3d0;background:rgba(6,78,59,.35);font-size:.74rem;font-weight:800}.status-pill{padding:.5rem .75rem}.connector-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.5rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid #185271;border-radius:1rem;background:linear-gradient(125deg,rgba(14,116,144,.19),rgba(15,23,42,.72))}.connector-card h2,.section-heading h2{margin:0;font-size:1.25rem}.connector-card p:not(.eyebrow){max-width:48rem;margin:.65rem 0 0;color:var(--muted);line-height:1.55}.connector-status{flex:0 0 auto;padding:.65rem .85rem;border-color:var(--border);color:var(--muted);background:var(--panel)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#64748b}.recordings-section{margin-top:3rem}.empty-state{display:grid;place-items:center;min-height:19rem;margin-top:1rem;padding:2rem;text-align:center;border:1px dashed #2b4257;border-radius:1rem;background:rgba(11,24,38,.55)}.empty-state h3{margin:.6rem 0 .3rem}.empty-state p{max-width:33rem;margin:0;color:var(--muted);line-height:1.55}.empty-icon{color:var(--accent);font-size:2rem}.remote-launch{display:grid;gap:1.5rem;margin-top:2.5rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid #185271;border-radius:1rem;background:linear-gradient(125deg,rgba(14,116,144,.19),rgba(15,23,42,.72))}.remote-launch h2{margin:0}.remote-launch p:not(.eyebrow){max-width:55rem;margin:.65rem 0 0;color:var(--muted);line-height:1.55}.remote-launch-form{display:grid;gap:.45rem}.remote-launch-form label{color:var(--muted);font-size:.75rem;font-weight:800}.remote-launch-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.remote-launch-form input,.remote-toolbar input{min-width:0;border:1px solid var(--border);border-radius:.7rem;color:var(--text);background:#06111d;font:.82rem ui-monospace,SFMono-Regular,monospace}.remote-launch-form input{min-height:2.75rem;padding:0 .85rem}.remote-workspace{margin-top:2rem;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:#050d16;box-shadow:0 24px 70px rgba(0,0,0,.35)}.remote-toolbar{display:grid;grid-template-columns:2.4rem 2.4rem 2.4rem minmax(8rem,1fr) auto auto auto;gap:.45rem;padding:.7rem;border-bottom:1px solid var(--border);background:var(--panel)}.remote-toolbar button{min-height:2.35rem;padding:0 .72rem;border:1px solid var(--border);border-radius:.55rem;color:var(--text);background:var(--panel-raised);font-weight:800}.remote-toolbar button:disabled{opacity:.5}.remote-toolbar input{padding:0 .75rem}.remote-record{border-color:#7f1d1d!important;color:#fecaca!important}.remote-record.active{border-color:#ef4444!important;color:white!important;background:#b91c1c!important}.remote-close{color:var(--muted)!important}.remote-status{display:flex;align-items:center;gap:.5rem;min-height:2.3rem;padding:0 .85rem;color:var(--muted);border-bottom:1px solid #17283a;font-size:.72rem}.remote-status>span:last-child{margin-left:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot{width:.55rem;height:.55rem;border-radius:50%;background:#ef4444;box-shadow:0 0 0 .25rem rgba(239,68,68,.15)}.remote-frame-shell{width:100%;overflow:auto;background:#020617}.remote-frame{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;outline:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.remote-frame:focus{box-shadow:inset 0 0 0 3px var(--accent)}.remote-mobile-input{display:grid;gap:.4rem;padding:.7rem .9rem;border-top:1px solid #17283a}.remote-mobile-input label{color:var(--muted);font-size:.7rem;font-weight:800}.remote-mobile-input>div{display:grid;grid-template-columns:minmax(8rem,1fr) repeat(4,auto);gap:.4rem}.remote-mobile-input input{min-width:0;background:#06111d}.remote-mobile-input button,.remote-mobile-input input{min-height:2.4rem;padding:0 .7rem;border:1px solid var(--border);border-radius:.55rem;color:var(--text)}.remote-mobile-input button{background:var(--panel-raised);font-weight:800}.remote-mobile-input button:disabled{opacity:.5}.remote-help{margin:0;padding:.7rem .9rem;color:var(--muted);border-top:1px solid #17283a;font-size:.7rem}.remote-error{margin:0;padding:.75rem;border:1px solid #7f1d1d;border-radius:.6rem;color:#fecaca;background:rgba(127,29,29,.25)}.hosted-recording-list{display:grid;gap:.7rem;margin-top:1rem}.hosted-recording{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--panel)}.hosted-recording>div{display:grid;gap:.2rem;min-width:0}.hosted-recording span{overflow:hidden;color:var(--muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.hosted-recording small{color:#64748b}.hosted-recording .secondary-button{display:inline-grid;place-items:center;flex:0 0 auto;text-decoration:none}.empty-state.compact{min-height:13rem}@media (max-width:900px){.remote-toolbar{grid-template-columns:repeat(3,2.4rem) minmax(0,1fr) auto}.remote-close,.remote-record{grid-row:2}.remote-record{grid-column:4}.remote-close{grid-column:5}}@media (max-width:760px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.workspace-sidebar nav{display:flex;overflow-x:auto}.account-card{margin-top:1rem}.connector-card,.workspace-header{align-items:flex-start;flex-direction:column}.remote-launch-form>div{grid-template-columns:1fr}.remote-toolbar{grid-template-columns:repeat(3,2.3rem) minmax(0,1fr)}.remote-toolbar>button:nth-of-type(4){grid-column:1;grid-row:2}.remote-record{grid-column:2/span 2;grid-row:2}.remote-close{grid-column:4;grid-row:2}.remote-status>span:last-child{display:none}.remote-mobile-input>div{grid-template-columns:repeat(4,1fr)}.remote-mobile-input input{grid-column:1/-1}.hosted-recording{align-items:stretch;flex-direction:column}}