:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#070b0e;--surface:#0c1216;--raised:#111a20;--raised-2:#172129;--sunken:#060a0d;--overlay:#02070cb8;--line:#1a242b;--line-strong:#26363f;--line-hover:#35494f;--text:#e4edf1;--text-muted:#93a7b1;--text-faint:#64798a;--accent:#4ed8be;--accent-strong:#7ae6d1;--accent-text:#85e7d4;--accent-ink:#071713;--accent-dim:#2c8574;--warn:#e8b85c;--warn-text:#f0cc84;--live:#ff7a66;--live-text:#ff9c8c;--danger:#f2604a;--danger-text:#ff9c8b;--accent-wash:#4ed8be1a;--accent-wash-strong:#4ed8be2e;--warn-wash:#e8b85c1a;--live-wash:#ff7a661a;--danger-wash:#f2604a1a;--tint-mint:var(--accent);--tint-sky:#5cb3ff;--tint-violet:#a78bfa;--tint-rose:#f472b6;--tint-lime:#9ccc65;--tint-slate:#93a7b1;--focus:var(--accent);--shadow-1:0 1px 2px #00000047, 0 10px 28px -16px #0009;--shadow-2:0 24px 64px -24px #000000d9;--radius-xs:6px;--radius-sm:9px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", "SF Mono", Consolas, monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:clamp(24px, 1.2vw + 18px, 30px);--leading:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--ease:cubic-bezier(.2, .7, .2, 1);--duration-fast:.12s;--duration:.2s;--nav-width:240px;--rail-width:80px;--tabbar-height:60px;--content-max:1320px;--control-height:40px;--control-height-sm:32px;--touch-target:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--void:#f2f5f6;--surface:#fff;--raised:#fff;--raised-2:#edf2f4;--sunken:#e7edf0;--overlay:#0f1a1f70;--line:#dde5e9;--line-strong:#c7d3d9;--line-hover:#a9bbc3;--text:#0e181d;--text-muted:#4d6270;--text-faint:#7a8e99;--accent:#22bda1;--accent-strong:#1aa88e;--accent-text:#0b7b68;--accent-ink:#04120f;--accent-dim:#8fd9c9;--warn:#d59a25;--warn-text:#7d5405;--live:#ef6650;--live-text:#b2311f;--danger:#df4a32;--danger-text:#a82d1a;--tint-sky:#1b7fd1;--tint-violet:#7c5cd6;--tint-rose:#d1357e;--tint-lime:#5d9c2f;--tint-slate:#5b7080;--accent-wash:#22bda11f;--accent-wash-strong:#22bda133;--warn-wash:#d59a251f;--live-wash:#ef66501f;--danger-wash:#df4a321f;--shadow-1:0 1px 2px #0f1a1f0f, 0 10px 28px -16px #0f1a1f2e;--shadow-2:0 24px 64px -24px #0f1a1f59}:root{font-family:var(--sans);font-size:var(--text-base);line-height:var(--leading);color:var(--text);background:var(--void);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--void)}h1,h2,h3,p,dl,dd,figure{margin:0}h1{font-size:var(--text-2xl);letter-spacing:-.022em;font-weight:640;line-height:1.15}h2{font-size:var(--text-lg);letter-spacing:-.012em;font-weight:620;line-height:1.3}h3{font-size:var(--text-md);font-weight:600}p{color:var(--text-muted)}strong,b{color:var(--text);font-weight:620}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button,summary,select{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-wash-strong)}.mono{font-family:var(--mono);font-size:.93em}.muted{color:var(--text-muted)}.hint{color:var(--text-faint);font-size:var(--text-sm);line-height:1.55}.eyebrow{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:10.5px;font-weight:500;display:inline-flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ui-icon .filled{fill:currentColor;stroke:none}.brand-mark{flex:none;width:28px;height:28px}button{min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:560;line-height:1.2;display:inline-flex}button:hover:not(:disabled){background:var(--raised-2);border-color:var(--line-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;color:var(--text-faint);background:var(--surface);border-color:var(--line)}button .ui-icon{width:17px;height:17px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:#0000}button.primary:disabled{background:var(--accent-wash-strong);color:var(--text-faint);border-color:#0000}button.quiet{color:var(--text-muted);background:0 0;border-color:#0000}button.quiet:hover:not(:disabled){background:var(--raised-2);color:var(--text);border-color:#0000}button.quiet:disabled{background:0 0;border-color:#0000}button.danger{background:var(--danger-wash);border-color:color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger-text)}button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 22%, transparent);border-color:var(--danger)}button.danger-quiet{color:var(--danger-text);background:0 0}button.danger-quiet:hover:not(:disabled){background:var(--danger-wash);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}button.small{min-height:var(--control-height-sm);border-radius:var(--radius-xs);font-size:var(--text-sm);padding:0 10px}button.icon-button{width:var(--control-height);padding:0}button.icon-button.small{width:var(--control-height-sm)}button[aria-pressed=true]{background:var(--accent-wash);border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent-text)}button.is-live[aria-pressed=true]{background:var(--live-wash);border-color:color-mix(in srgb, var(--live) 55%, transparent);color:var(--live-text)}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-link{min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:560;display:inline-flex}.button-link:hover{background:var(--raised-2);border-color:var(--line-hover);text-decoration:none}input,select,textarea{min-width:0;min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--sunken);color:var(--text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);padding:0 12px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--line-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash-strong);outline:none}input:disabled,select:disabled{cursor:not-allowed;color:var(--text-faint);background:var(--surface)}select{appearance:none;padding-right:34px}input[type=search]{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input.mono,textarea.mono{font-family:var(--mono);font-size:13.5px}.field{gap:6px;display:grid}.field-label{color:var(--text);font-size:var(--text-sm);font-weight:580}.field-help{color:var(--text-faint);font-size:var(--text-xs);line-height:1.5}.select-field{display:inline-grid;position:relative}.select-field>.ui-icon{width:16px;height:16px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;right:11px;translate:0 -50%}.search-field{flex:220px;max-width:380px;display:block;position:relative}.search-field>.ui-icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:12px;translate:0 -50%}.search-field input{width:100%;padding-left:38px}.segmented{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sunken);grid-auto-flow:column;gap:2px;margin:0;padding:3px;display:inline-grid}.segmented label{min-height:var(--control-height-sm);color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);border-radius:7px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:540;display:inline-flex;position:relative}.segmented label:hover{color:var(--text)}.segmented label:has(input:checked){background:var(--raised-2);color:var(--text);box-shadow:var(--shadow-1)}.segmented label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented .ui-icon{width:15px;height:15px}.pill{border:1px solid var(--line-strong);border-radius:var(--radius-pill);min-height:26px;color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:7px;padding:0 10px 0 9px;font-weight:540;line-height:1;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pill[data-tone=muted] .pill-dot{background:var(--text-faint)}.pill[data-tone=ok]{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-wash)}.pill[data-tone=warn]{color:var(--warn-text);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:var(--warn-wash)}.pill[data-tone=live]{color:var(--live-text);border-color:color-mix(in srgb, var(--live) 45%, transparent);background:var(--live-wash)}.pill[data-tone=live] .pill-dot{box-shadow:0 0 0 3px var(--live-wash)}.pill[data-tone=danger]{color:var(--danger-text);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-wash)}.pill[data-pulse=true] .pill-dot{animation:1.3s ease-in-out infinite pulse}.tag{border-radius:var(--radius-xs);background:var(--raised-2);min-height:24px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:0 8px;font-weight:540;display:inline-flex}.panel{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);box-shadow:var(--shadow-1)}.page-stack{gap:var(--space-4);max-width:880px;display:grid}.section-head{margin-bottom:var(--space-5);align-items:flex-start;gap:14px;display:flex}.section-head>div{min-width:0}.section-head p{margin-top:4px}.section-icon{background:var(--accent-wash);width:40px;height:40px;color:var(--accent-text);border-radius:11px;flex:none;place-items:center;display:grid}.section-icon .ui-icon{width:20px;height:20px}.callout{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);gap:12px;padding:14px 16px;display:flex}.callout>.ui-icon{color:var(--text-muted);flex:none;margin-top:2px}.callout>div{min-width:0}.callout strong{font-size:var(--text-base);margin-bottom:4px;display:block}.callout p{font-size:var(--text-sm)}.callout[data-tone=warn]{border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:var(--warn-wash)}.callout[data-tone=warn]>.ui-icon{color:var(--warn)}.callout[data-tone=danger]{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-wash)}.callout[data-tone=danger]>.ui-icon{color:var(--danger)}.callout[data-tone=live]{border-color:color-mix(in srgb, var(--live) 40%, transparent);background:var(--live-wash)}.callout[data-tone=live]>.ui-icon{color:var(--live)}.callout .button-row{margin-top:12px}.callout+.button-row,.callout+.callout,.callout+.hint,.steps+.callout{margin-top:var(--space-4)}.steps{margin:0 0 var(--space-5);counter-reset:step;gap:12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:28px 1fr;gap:2px 12px;display:grid}.steps li:before{content:counter(step);background:var(--raised-2);width:28px;height:28px;color:var(--text-muted);font-family:var(--mono);font-size:var(--text-xs);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.steps strong{font-size:var(--text-base)}.steps span{color:var(--text-muted);font-size:var(--text-sm)}.banner{margin-bottom:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-sm);background:var(--accent-wash);color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.5;display:flex}.banner>.ui-icon{color:var(--accent-text);flex:none;margin-top:1px}.banner>span{flex:1}.banner.error{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-wash)}.banner.error>.ui-icon{color:var(--danger)}.banner .icon-button{margin:-6px -6px -6px 0}.facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 24px;display:grid}.facts dt{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px}.facts dd{color:var(--text);font-size:var(--text-base);overflow-wrap:anywhere}.facts dd.mono{font-size:13px}.avatar{background:var(--accent-wash-strong);width:34px;height:34px;color:var(--accent-text);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:660;display:grid}.account-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-row>div{flex:1;min-width:0;display:grid}.account-row .muted{font-size:var(--text-sm)}.settings-hint{margin-top:12px}.app-shell{grid-template-columns:var(--nav-width) minmax(0, 1fr);background:var(--void);min-height:100dvh;display:grid}.app-nav{height:100dvh;padding:calc(18px + var(--safe-top)) 14px calc(16px + var(--safe-bottom)) calc(14px + var(--safe-left));border-right:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0}.brand{min-height:44px;color:var(--accent);background:0 0;border:0;justify-content:flex-start;gap:10px;padding:0 10px}.brand:hover:not(:disabled){background:var(--raised);border-color:#0000}.brand-text{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:420}.brand-text b{font-weight:680}.app-nav nav{flex-direction:column;gap:2px;margin-top:22px;display:flex}.nav-item{min-height:40px;color:var(--text-muted);background:0 0;border:0;justify-content:flex-start;gap:11px;padding:0 11px;font-weight:540}.nav-item:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:#0000}.nav-item[aria-current=page]{background:var(--accent-wash);color:var(--accent-text)}.nav-item .ui-icon{width:19px;height:19px}.nav-footer{gap:10px;margin-top:auto;display:grid}.account{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);align-items:center;gap:10px;padding:8px;display:flex}.account[data-signed-in=false] .avatar{background:var(--raised-2);color:var(--text-faint)}.account-text{min-width:0;line-height:1.3;display:grid}.account-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-text span{color:var(--text-faint);font-size:var(--text-xs)}.context-chip{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;padding:0 10px;font-size:10.5px;display:inline-flex}.context-chip .ui-icon{width:14px;height:14px}.app-main{width:100%;min-width:0;max-width:var(--content-max);padding:calc(28px + var(--safe-top)) clamp(20px, 3.5vw, 48px) calc(48px + var(--safe-bottom));margin:0 auto}.page-heading{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.page-heading-text{gap:6px;min-width:0;display:grid}.page-heading h1{overflow-wrap:anywhere}.page-subtitle{color:var(--text-muted);font-size:var(--text-base)}.mobile-mark{width:16px;height:16px;color:var(--accent);display:none}.actions{flex:none;align-items:center;gap:8px;display:flex}.back-link{min-height:30px;color:var(--text-muted);background:0 0;border:0;justify-self:start;gap:4px;margin-left:-8px;padding:0 8px;font-size:13px;font-weight:540}.back-link:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:#0000}.device-toolbar{margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-count{color:var(--text-faint);font-family:var(--mono);font-size:var(--text-xs);white-space:nowrap;margin-left:auto}.device-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px;display:grid}.device-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);min-width:0;box-shadow:var(--shadow-1);transition:border-color var(--duration-fast) var(--ease);flex-direction:column;gap:12px;padding:18px;display:flex}.device-card:hover{border-color:var(--line-strong)}.device-card[data-presence=offline] .device-glyph,.device-card[data-presence=revoked] .device-glyph{color:var(--text-faint)}.device-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.device-title{border-radius:var(--radius-sm);text-align:left;white-space:normal;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-height:0;margin:0 -8px;padding:6px 8px;display:flex}.device-title:hover:not(:disabled){background:var(--raised-2);border-color:#0000}.device-title:hover .device-name{color:var(--accent-text)}.device-title>.ui-icon{width:16px;height:16px;color:var(--text-faint)}.device-title-text{gap:2px;min-width:0;display:grid}.device-name{color:var(--text);letter-spacing:-.012em;overflow-wrap:anywhere;font-size:17px;font-weight:640;line-height:1.25}.device-host{color:var(--text-muted);font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.device-meta{color:var(--text-faint);font-size:var(--text-sm);flex-wrap:wrap;gap:4px 0;display:flex}.device-meta>span+span:before{content:"·";color:var(--line-hover);margin:0 7px}.device-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px;display:grid}.device-card-actions button{min-height:36px;padding:0 10px;font-size:13px}.device-glyph{border:1px solid var(--line);background:var(--raised-2);width:42px;height:42px;color:var(--text-muted);border-radius:12px;flex:none;place-items:center;display:grid}.device-glyph .ui-icon{width:21px;height:21px}.device-glyph.lg{border-radius:16px;width:60px;height:60px}.device-glyph.lg .ui-icon{width:30px;height:30px}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--raised-2) 25%, var(--surface) 50%, var(--raised-2) 75%);background-size:200% 100%;animation:1.6s linear infinite shimmer}.skeleton-card{pointer-events:none}.skeleton.glyph{border-radius:12px;width:42px;height:42px}.skeleton.line{height:12px}.skeleton.w40{width:40%;height:18px}.skeleton.w70{width:70%}.skeleton.w50{width:50%}.skeleton.button{border-radius:var(--radius-sm);height:36px;margin-top:8px}.device-detail{gap:var(--space-4);display:grid}.detail-hero{align-items:center;gap:18px;display:flex}.detail-hero-text{flex:1;gap:8px;min-width:0;display:grid}.detail-hero-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-title{font-size:var(--text-xl)}.detail-host{color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:14px}.detail-sub{font-size:var(--text-sm)}.connect-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.connect-card{align-content:start;gap:12px;display:grid}.connect-card-head{align-items:center;gap:10px;display:flex}.connect-card-head .ui-icon{width:22px;height:22px;color:var(--accent-text)}.connect-card[data-available=false] .connect-card-head .ui-icon{color:var(--text-faint)}.connect-card>p{font-size:var(--text-base)}.connect-card button{justify-self:start}.manage-panel h2{margin-bottom:6px}.manage-panel>p{font-size:var(--text-sm);margin-bottom:14px}.confirm-row{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-sm);background:var(--danger-wash);color:var(--text);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:560;display:flex}.empty-state{text-align:center;justify-items:center;gap:10px;padding:56px 24px;display:grid}.empty-state-glyph{border:1px solid var(--line);background:var(--raised-2);width:64px;height:64px;color:var(--text-muted);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.empty-state-glyph .ui-icon{width:30px;height:30px}.empty-state-glyph .brand-mark{width:34px;height:34px;color:var(--accent)}.empty-state[data-tone=danger] .empty-state-glyph{border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-wash);color:var(--danger)}.empty-state h2{font-size:var(--text-xl)}.empty-state p{max-width:460px}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--raised);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-2);padding:0}.dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-body{gap:16px;padding:24px;display:grid}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-head h2{font-size:var(--text-xl);margin-top:4px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.dialog .banner{margin:0}.disclosure{border-top:1px solid var(--line);padding-top:8px}.disclosure summary{min-height:36px;color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:8px;font-weight:560;list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:before{content:"";width:6px;height:6px;transition:transform var(--duration-fast) var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;margin:0 4px 0 2px;transform:rotate(-45deg)}.disclosure[open] summary:before{transform:rotate(45deg)}.disclosure .field{margin-top:8px}.session{background:var(--void);color:var(--text);flex-direction:column;display:flex;position:fixed;inset:0}.session-bar{padding:8px 14px;padding-top:calc(8px + var(--safe-top));border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;align-items:center;gap:8px 14px;display:flex}.session-brand{border-radius:var(--radius-sm);min-height:36px;color:var(--accent);align-items:center;gap:9px;padding:0 6px;display:inline-flex}.session-brand:hover{background:var(--raised);text-decoration:none}.session-brand .brand-mark{width:22px;height:22px}.session-brand-text{line-height:1.2;display:grid}.session-brand-text b{color:var(--text);white-space:nowrap;font-size:13px;font-weight:640}.session-brand-text span{color:var(--text-faint);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.session-device{max-width:30vw;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620;overflow:hidden}.session-spacer{flex:auto}.session-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.session-controls label{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:inline-flex}.session-controls button,.session-controls select,.session-controls input{border-radius:var(--radius-xs);min-height:34px;font-size:12.5px}.session-controls select{max-width:220px;padding:0 30px 0 10px}.session-controls input{width:170px;font-family:var(--mono);padding:0 10px}.session-controls button{padding:0 12px}.session-rtt{color:var(--text-faint);font-family:var(--mono);font-size:11px}.pill.conn{min-height:28px}.session-foot{padding:6px 14px;padding-bottom:calc(6px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--surface);color:var(--text-faint);font-family:var(--mono);flex-wrap:wrap;flex:none;align-items:center;gap:6px 16px;font-size:11px;display:flex}.session-foot kbd{border:1px solid var(--line-strong);background:var(--raised);color:var(--text-muted);font:inherit;border-radius:4px;padding:1px 5px;font-size:10px}.session-hint{font-family:var(--sans);font-size:11px}.session-load{background:var(--void);min-height:100dvh;color:var(--text);place-items:center;padding:24px;display:grid}.session-load-panel{text-align:center;justify-items:center;gap:12px;width:min(100%,440px);padding:32px;display:grid}.session-load-panel .brand-mark{width:40px;height:40px;color:var(--accent)}.session-load-panel h1{font-size:var(--text-xl)}.session-load-panel a{font-size:var(--text-sm);align-items:center;gap:6px;margin-top:6px;display:inline-flex}.download-selectors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.download-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.download-primary:hover{background:var(--accent-strong);color:var(--accent-ink);border-color:#0000}.download-recommendation{color:var(--text-muted);margin:0}.download-dialog{width:min(640px,100vw - 32px)}.download-details{overflow-wrap:anywhere;min-width:0;font-size:13px}.download-details p{margin:0 0 8px}.download-details summary{cursor:pointer;margin:16px 0 12px}.download-notes{white-space:pre-wrap}.download-hash{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:6px;font-size:12px;display:block}@media (max-width:719px){.download-selectors{grid-template-columns:1fr}}@keyframes pulse{50%{opacity:.3}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1023px){.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr)}.app-nav{padding-right:8px;padding-left:calc(8px + var(--safe-left))}.brand{justify-content:center;padding:0}.brand-text{display:none}.nav-item{text-align:center;white-space:normal;flex-direction:column;gap:5px;min-height:58px;padding:8px 4px;font-size:10.5px;line-height:1.15}.nav-item .ui-icon{width:21px;height:21px}.account{justify-content:center;padding:6px}.account-text{display:none}.context-chip{justify-content:center;padding:0}.context-chip span{display:none}}@media (max-width:719px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-nav{z-index:20;height:auto;padding:6px max(8px, var(--safe-right)) calc(6px + var(--safe-bottom)) max(8px, var(--safe-left));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:0;flex-direction:row;position:fixed;inset:auto 0 0}.brand,.nav-footer{display:none}.app-nav nav{flex-direction:row;flex:1;gap:4px;margin:0}.nav-item{flex:1;min-height:48px;padding:6px 2px;font-size:10.5px}.app-main{padding:calc(16px + var(--safe-top)) 16px calc(var(--tabbar-height) + var(--safe-bottom) + 24px)}.page-heading{margin-bottom:var(--space-5);align-items:flex-start}.mobile-mark{display:inline-block}.action-label{display:none}.actions button{padding:0 12px}.panel{border-radius:16px;padding:18px}.device-grid{gap:10px}.device-card-actions button{min-height:42px}.dialog{border-bottom:0;border-radius:20px 20px 0 0;width:100vw;max-width:none;max-height:92dvh;margin:auto 0 0}.dialog-body{padding:20px 20px calc(20px + var(--safe-bottom))}.dialog-actions{grid-template-columns:1fr 1fr;display:grid}.detail-hero{align-items:flex-start}.empty-state{padding:40px 16px}.session-device{max-width:40vw}.session-controls input{width:120px}}.device-glyph{position:relative}.device-glyph.sm{border-radius:10px;width:34px;height:34px}.device-glyph.sm .ui-icon{width:18px;height:18px}.device-glyph[data-color]{border-color:color-mix(in srgb, var(--tint-mint) 30%, transparent);background:color-mix(in srgb, var(--tint-mint) 12%, transparent);color:var(--tint-mint)}.device-glyph[data-color=sky]{border-color:color-mix(in srgb, var(--tint-sky) 30%, transparent);background:color-mix(in srgb, var(--tint-sky) 12%, transparent);color:var(--tint-sky)}.device-glyph[data-color=violet]{border-color:color-mix(in srgb, var(--tint-violet) 30%, transparent);background:color-mix(in srgb, var(--tint-violet) 12%, transparent);color:var(--tint-violet)}.device-glyph[data-color=rose]{border-color:color-mix(in srgb, var(--tint-rose) 30%, transparent);background:color-mix(in srgb, var(--tint-rose) 12%, transparent);color:var(--tint-rose)}.device-glyph[data-color=lime]{border-color:color-mix(in srgb, var(--tint-lime) 30%, transparent);background:color-mix(in srgb, var(--tint-lime) 12%, transparent);color:var(--tint-lime)}.device-glyph[data-color=slate]{border-color:var(--line-strong);background:var(--raised-2);color:var(--tint-slate)}.device-glyph[data-presence=offline]>.ui-icon,.device-glyph[data-presence=revoked]>.ui-icon{opacity:.5}.os-badge{border:1px solid var(--line-strong);background:var(--raised);width:18px;height:18px;color:var(--text-muted);font:600 11px/1 var(--sans);border-radius:6px;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.os-badge .os-icon{width:11px;height:11px}.device-glyph.lg .os-badge{border-radius:7px;width:22px;height:22px;font-size:13px;bottom:-7px;right:-7px}.device-glyph.lg .os-badge .os-icon{width:13px;height:13px}.device-glyph.sm .os-badge{border-radius:5px;width:15px;height:15px;font-size:9px;bottom:-5px;right:-5px}.device-glyph.sm .os-badge .os-icon{width:9px;height:9px}.os-icon{width:18px;height:18px;color:var(--text-muted);vertical-align:middle;flex:none;display:inline-block}.os-identity{align-items:center;gap:7px;min-width:0;display:inline-flex}.os-identity>span{text-overflow:ellipsis;overflow:hidden}.menu{display:inline-flex;position:relative}.menu-list{z-index:40;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);min-width:210px;box-shadow:var(--shadow-2);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.menu[data-align=left] .menu-list{left:0;right:auto}.menu-item{border-radius:var(--radius-xs);min-height:36px;color:var(--text);text-align:left;white-space:normal;background:0 0;border:0;justify-content:flex-start;gap:10px;padding:0 10px;font-size:13px;font-weight:520}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--raised-2);border-color:#0000;outline:none}.menu-item:disabled{background:0 0;border-color:#0000}.menu-item .ui-icon{color:var(--text-muted)}.menu-item.danger{color:var(--danger-text)}.menu-item.danger .ui-icon{color:var(--danger)}.menu-item-text{flex:1}.switch{width:100%;min-height:40px;color:var(--text);text-align:left;white-space:normal;background:0 0;border:0;justify-content:space-between;gap:14px;padding:0;font-weight:520}.switch:hover:not(:disabled),.switch:disabled{background:0 0;border-color:#0000}.switch-text{flex:1;font-size:13.5px}.switch-track{background:var(--line-strong);width:38px;height:22px;transition:background var(--duration-fast) var(--ease);border-radius:999px;flex:none;position:relative}.switch-thumb{background:var(--text);width:16px;height:16px;transition:translate var(--duration-fast) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{background:var(--accent-ink);translate:16px}.switch:disabled .switch-track{opacity:.5}.button-group{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);display:inline-flex;overflow:hidden}.button-group>button{background:0 0;border:0;border-radius:0;min-height:38px}.button-group>button+button{border-left:1px solid var(--line)}.button-group>button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent-text)}.button-group>button.icon-button{width:40px}.directory{gap:var(--space-5);display:grid}.device-group{gap:12px;display:grid}.group-head{align-items:center;gap:6px;display:flex}.group-toggle{min-height:36px;color:var(--text);background:0 0;border:0;flex:1;justify-content:flex-start;gap:8px;padding:0 8px 0 4px;font-size:14px;font-weight:620}.group-toggle:hover:not(:disabled){background:var(--raised);border-color:#0000}.group-chevron{width:16px;height:16px;color:var(--text-faint);transition:transform var(--duration-fast) var(--ease)}.device-group[data-collapsed=true] .group-chevron{transform:rotate(-90deg)}.group-icon{color:var(--text-muted)}.group-count{color:var(--text-faint);font-family:var(--mono);font-size:var(--text-xs);margin-left:4px;font-weight:500}.device-card-tools{align-items:center;gap:4px;display:flex}.device-list{gap:6px;display:grid}.device-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);transition:border-color var(--duration-fast) var(--ease);grid-template-columns:auto minmax(0,1.5fr) minmax(0,1.2fr) auto minmax(0,.8fr) auto auto;align-items:center;gap:12px;padding:8px 10px 8px 12px;display:grid}.device-row:hover{border-color:var(--line-strong)}.device-row-main{border-radius:var(--radius-xs);text-align:left;white-space:normal;background:0 0;border:0;justify-items:start;gap:1px;min-height:0;margin:0 -6px;padding:4px 6px;display:grid}.device-row-main:hover:not(:disabled){background:var(--raised-2);border-color:#0000}.device-row-main:hover .device-name{color:var(--accent-text)}.device-row .device-name{font-size:14.5px}.device-row-system,.device-row-seen{color:var(--text-faint);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-row-actions{gap:6px;display:flex}.device-page{gap:var(--space-4);display:grid}.device-header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.device-header-text{flex:260px;gap:8px;min-width:0;display:grid}.device-header-actions{flex-wrap:wrap;gap:8px;display:flex}.tag .ui-icon{width:13px;height:13px;margin-right:5px}.tag.soon{background:var(--warn-wash);min-height:18px;color:var(--warn-text);letter-spacing:.04em;text-transform:uppercase;margin-left:6px;padding:0 6px;font-size:10px}.tab-strip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.tab{min-height:36px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;flex:none;padding:0 12px;font-weight:540}.tab:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:#0000}.tab[aria-current=page]{background:var(--raised-2);color:var(--text);box-shadow:var(--shadow-1)}.tab[aria-current=page] .ui-icon{color:var(--accent-text)}.tool-preview{gap:var(--space-4);display:grid}.preview-frame{opacity:.72;gap:14px;display:grid}.preview-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-bar .search-field{flex:160px;max-width:260px}.crumbs{color:var(--text-muted);font-family:var(--mono);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.crumbs .ui-icon{width:14px;height:14px;color:var(--text-faint)}.preview-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.preview-table th{border-bottom:1px solid var(--line);color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-align:left;text-transform:uppercase;padding:8px 10px;font-size:10.5px;font-weight:500}.preview-table td{border-bottom:1px solid var(--line);padding:10px}.preview-cell{align-items:center;gap:10px;display:flex}.preview-cell .ui-icon{color:var(--text-faint)}.skeleton.line[data-w]{vertical-align:middle;height:10px;display:inline-block}.skeleton[data-w="10"]{width:10%}.skeleton[data-w="14"]{width:14%}.skeleton[data-w="18"]{width:18%}.skeleton[data-w="24"]{width:24%}.skeleton[data-w="30"]{width:30%}.skeleton[data-w="32"]{width:32%}.skeleton[data-w="36"]{width:36%}.skeleton[data-w="40"]{width:40%}.skeleton[data-w="42"]{width:42%}.skeleton[data-w="48"]{width:48%}.skeleton[data-w="50"]{width:50%}.skeleton[data-w="55"]{width:55%}.skeleton[data-w="58"]{width:58%}.skeleton[data-w="64"]{width:64%}.skeleton[data-w="71"]{width:71%}.skeleton[data-w="73"]{width:73%}.skeleton[data-w="82"]{width:82%}.skeleton[data-w="86"]{width:86%}.skeleton[data-w="91"]{width:91%}.skeleton[data-w="100"]{width:100%}.dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);min-height:64px;color:var(--text-faint);font-size:var(--text-sm);justify-content:center;align-items:center;gap:8px;display:flex}.preview-log{border-radius:var(--radius-sm);background:var(--sunken);gap:8px;padding:14px;display:grid}.preview-log-row{grid-template-columns:18% 12% 1fr;gap:12px;display:grid}.meter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.meter{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:6px;padding:14px;display:grid}.meter-label{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.meter-value{color:var(--text);font-size:22px;font-weight:640}.meter-track{background:var(--raised-2);border-radius:3px;height:6px;display:block;overflow:hidden}.meter-fill{background:var(--accent);width:0;height:100%;display:block}.preview-chart{border-radius:var(--radius-sm);background:var(--sunken);gap:14px;padding:16px;display:grid}.tool-plan h2{margin-bottom:6px}.tool-plan>p{margin-bottom:12px}.feature-list{color:var(--text-muted);font-size:var(--text-base);gap:8px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{align-items:center;gap:10px;display:flex}.feature-list .ui-icon{color:var(--accent-text)}.customize-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:14px;padding:14px;display:flex}.customize-preview-text{gap:2px;min-width:0;display:grid}.customize-preview-text strong{overflow-wrap:anywhere;font-size:16px}.picker{border:0;gap:8px;margin:0;padding:0;display:grid}.picker legend{margin-bottom:8px;padding:0}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.picker label{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sunken);min-height:44px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid;position:relative}.picker label:hover{border-color:var(--line-hover);color:var(--text)}.picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.picker label:has(input:checked){border-color:var(--accent);background:var(--accent-wash);color:var(--accent-text)}.picker label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.picker .ui-icon{width:22px;height:22px}.color-picker{grid-template-columns:repeat(6,44px)}.swatch{background:var(--tint-mint);border-radius:50%;width:22px;height:22px}.color-picker label[data-color=sky] .swatch{background:var(--tint-sky)}.color-picker label[data-color=violet] .swatch{background:var(--tint-violet)}.color-picker label[data-color=rose] .swatch{background:var(--tint-rose)}.color-picker label[data-color=lime] .swatch{background:var(--tint-lime)}.color-picker label[data-color=slate] .swatch{background:var(--tint-slate)}.color-picker label:has(input:checked){border-color:var(--text);background:var(--raised-2)}.dialog-compact{width:min(420px,100vw - 32px)}.account{text-align:left;white-space:normal;width:100%;min-height:0;padding:8px;font-weight:400}.account:hover:not(:disabled){border-color:var(--line-strong);background:var(--raised-2)}.credit{border-radius:var(--radius-xs);color:var(--text-faint);font-size:var(--text-xs);align-items:center;gap:8px;padding:6px 10px;text-decoration:none;display:inline-flex}.credit .brand-mark{width:14px;height:14px;color:var(--text-faint)}a.credit:hover{background:var(--raised);color:var(--text-muted);text-decoration:none}.about-link{margin-top:8px}.about-link a{align-items:center;gap:4px;display:inline-flex}.about-link .ui-icon{width:14px;height:14px}.about-panel .section-icon .brand-mark{width:22px;height:22px}.detail-hero-row .tag{align-items:center;display:inline-flex}.session-main{flex:1;min-height:0;display:flex}.session-stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.session-drawer{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.drawer-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;display:flex}.drawer-head h2{font-size:16px}.drawer-body{padding:14px 16px calc(16px + var(--safe-bottom));align-content:start;gap:18px;display:grid;overflow-y:auto}.drawer-section{gap:8px;display:grid}.drawer-title{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 2px;font-size:10.5px;font-weight:500;display:flex}.drawer-title .ui-icon{width:14px;height:14px}.drawer-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:13.5px;display:flex}.drawer-row>span:first-child{color:var(--text-muted)}.drawer-row .mono{color:var(--text)}.drawer-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.drawer-grid button,.key-bar button{border-radius:var(--radius-xs);min-height:34px;font-family:var(--mono);padding:0 8px;font-size:12.5px}.drawer-note{color:var(--text-faint);font-size:var(--text-xs);line-height:1.5}.drawer-textarea{width:100%;min-height:64px;font-family:var(--mono);resize:vertical;padding:8px 10px;font-size:12.5px}.drawer-actions{flex-wrap:wrap;gap:6px;display:flex}.drawer-actions button{min-height:34px;padding:0 10px;font-size:12.5px}.drawer-stats{grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;display:grid}.drawer-stat{gap:2px;display:grid}.drawer-stat dt{color:var(--text-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.drawer-stat dd{color:var(--text);font-family:var(--mono);font-size:13px}.shortcut-list{color:var(--text-muted);gap:6px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.shortcut-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.shortcut-list kbd{border:1px solid var(--line-strong);background:var(--raised);color:var(--text);font-family:var(--mono);border-radius:4px;padding:1px 6px;font-size:11px}.key-bar{border-top:1px solid var(--line);background:var(--surface);scrollbar-width:none;flex:none;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.key-bar::-webkit-scrollbar{display:none}.key-bar button{flex:none;min-width:44px}.key-bar button[aria-pressed=true],.drawer-grid button.is-live[aria-pressed=true]{border-color:color-mix(in srgb, var(--live) 55%, transparent);background:var(--live-wash);color:var(--live-text)}.stats-overlay{z-index:5;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text-muted);font-family:var(--mono);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px;padding:10px 12px;font-size:11px;display:grid;position:absolute;bottom:12px;right:12px}.stats-overlay b{color:var(--text);font-weight:600}.session-float{top:calc(8px + var(--safe-top));z-index:30;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex;position:fixed;left:50%;translate:-50%}.session-float strong{font-size:13px}.session-float button{border-radius:999px;min-height:30px;padding:0 10px;font-size:12px}.session.immersive .session-bar,.session.immersive .session-foot,.session.immersive .key-bar{display:none}.session-controls .panel-toggle[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-wash);color:var(--accent-text)}@media (max-width:1023px){.session-drawer{width:300px}}@media (max-width:719px){.session-drawer{z-index:30;border-top:1px solid var(--line-strong);width:auto;max-height:72dvh;box-shadow:var(--shadow-2);border-left:0;border-radius:20px 20px 0 0;position:fixed;inset:auto 0 0}.device-row{grid-template-columns:auto minmax(0,1fr) auto auto}.device-row-system,.device-row-seen,.device-row-actions{display:none}.device-header{gap:14px}.device-header-actions .action-label{display:none}.device-header-actions button{padding:0 12px}.session-controls .phone-hidden{display:none}.color-picker{grid-template-columns:repeat(6,1fr)}.stats-overlay{font-size:10px;bottom:8px;right:8px}}.signin{min-height:100dvh;padding:calc(24px + var(--safe-top)) 20px calc(72px + var(--safe-bottom));background:radial-gradient(70rem 40rem at 50% -10%, var(--accent-wash), transparent 65%), var(--void);place-items:center;display:grid;position:relative}.signin-card{gap:14px;width:min(100%,460px);padding:32px;display:grid}.signin-card>p{font-size:var(--text-base)}.signin-brand{color:var(--accent);align-items:center;gap:10px;margin-bottom:6px;display:flex}.signin-brand .brand-mark{width:34px;height:34px}.signin-card h1{font-size:var(--text-xl)}.signin-card .banner{margin:4px 0 0}.signin-status{min-height:var(--control-height);color:var(--text-muted);font-size:var(--text-base);align-items:center;gap:10px;display:flex}.signin-button{justify-self:start;min-height:44px;padding:0 18px}.signin-fineprint{border-top:1px solid var(--line);color:var(--text-faint);font-size:var(--text-xs);gap:10px;margin-top:6px;padding-top:14px;line-height:1.55;display:flex}.signin-fineprint .ui-icon{flex:none;width:15px;height:15px;margin-top:1px}.signin-foot{right:0;bottom:calc(18px + var(--safe-bottom));justify-content:center;display:flex;position:absolute;left:0}.signin-foot a{border-radius:var(--radius-xs);color:var(--text-faint);font-size:var(--text-xs);align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.signin-foot a:hover{background:var(--raised);color:var(--text-muted);text-decoration:none}.signin-foot .brand-mark{width:14px;height:14px}@media (max-width:719px){.signin{padding-top:calc(48px + var(--safe-top));align-items:start}.signin-card{padding:24px}.signin-button{justify-self:stretch}}