@layer tokens{:root{color-scheme:dark;font-family:var(--font-ui);background:var(--color-page);color:var(--color-text-primary)}}@layer tokens{:root,:root[data-theme=graphite-signal]{color-scheme:dark;--color-page: #101419;--color-panel: #171d24;--color-elevated: #202832;--color-terminal: #080b0f;--color-terminal-foreground: #f2f5f7;--color-terminal-selection: #30413d;--terminal-black: #1b222a;--terminal-red: #ff6b7a;--terminal-green: #42d392;--terminal-yellow: #f6c85f;--terminal-blue: #70a5eb;--terminal-magenta: #c792ea;--terminal-cyan: #63d6e5;--terminal-white: #d8dee9;--terminal-bright-black: #66717c;--terminal-bright-red: #ff8894;--terminal-bright-green: #6ee7b7;--terminal-bright-yellow: #ffe08a;--terminal-bright-blue: #9bc3ff;--terminal-bright-magenta: #dfadff;--terminal-bright-cyan: #8ce9f1;--terminal-bright-white: #ffffff;--color-border: #34404d;--color-text-primary: #f2f5f7;--color-text-secondary: #b8c2cc;--color-text-muted: #8795a3;--color-accent: #42d392;--color-accent-contrast: #07120d;--color-focus: #8fe9bd;--color-online: #42d392;--color-warning: #f6c85f;--color-danger: #ff6b7a;--color-qr-foreground: #0d5b42;--color-qr-background: #e2f7ed;--shadow-panel: 0 18px 55px #00000059;--radius-sm: .35rem;--radius-md: .65rem;--radius-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer tokens{:root[data-theme=cloud-cobalt]{color-scheme:light;--color-page: #eef4fb;--color-panel: #ffffff;--color-elevated: #e2ebf7;--color-terminal: #07182f;--color-terminal-foreground: #edf6ff;--color-terminal-selection: #24496f;--terminal-black: #142a43;--terminal-red: #ff7b86;--terminal-green: #48d6a3;--terminal-yellow: #f6cc72;--terminal-blue: #77b7ff;--terminal-magenta: #d3a4ff;--terminal-cyan: #65dbe8;--terminal-white: #dceafa;--terminal-bright-black: #71869d;--terminal-bright-red: #ff9ba3;--terminal-bright-green: #77e9c0;--terminal-bright-yellow: #ffe39c;--terminal-bright-blue: #a6d1ff;--terminal-bright-magenta: #e5c5ff;--terminal-bright-cyan: #91edf3;--terminal-bright-white: #ffffff;--color-border: #b3c3d8;--color-text-primary: #10243e;--color-text-secondary: #3c5775;--color-text-muted: #687f99;--color-accent: #185adb;--color-accent-contrast: #ffffff;--color-focus: #003ca6;--color-online: #087f5b;--color-warning: #a95f00;--color-danger: #c92a3a;--color-qr-foreground: #185adb;--color-qr-background: #eef4fb;--shadow-panel: 0 18px 55px #17365d24;--radius-sm: .35rem;--radius-md: .65rem;--radius-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer tokens{:root[data-theme=midnight-indigo]{color-scheme:dark;--color-page: #0c0b1d;--color-panel: #15132d;--color-elevated: #211d43;--color-terminal: #070612;--color-terminal-foreground: #f4f1ff;--color-terminal-selection: #37305f;--terminal-black: #1b1835;--terminal-red: #ff7890;--terminal-green: #61ddb0;--terminal-yellow: #f1bf69;--terminal-blue: #8aa7ff;--terminal-magenta: #c995ff;--terminal-cyan: #67d8e8;--terminal-white: #ddd8f5;--terminal-bright-black: #746d98;--terminal-bright-red: #ff9cae;--terminal-bright-green: #8debc8;--terminal-bright-yellow: #ffda91;--terminal-bright-blue: #b1c3ff;--terminal-bright-magenta: #ddb8ff;--terminal-bright-cyan: #92e9f2;--terminal-bright-white: #ffffff;--color-border: #494174;--color-text-primary: #f4f1ff;--color-text-secondary: #c7c0e8;--color-text-muted: #9189b8;--color-accent: #9e8cff;--color-accent-contrast: #100d2a;--color-focus: #c4b9ff;--color-online: #61ddb0;--color-warning: #f1bf69;--color-danger: #ff7890;--color-qr-foreground: #5b42d6;--color-qr-background: #eeeaff;--shadow-panel: 0 18px 55px #0201088a;--radius-sm: .35rem;--radius-md: .65rem;--radius-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100dvh;min-height:0;margin:0;overflow:hidden}body{min-width:20rem}html.termflow-terminal-route,body.termflow-terminal-route,#app.termflow-terminal-route{width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}body.termflow-terminal-route{position:fixed;top:0;right:0;bottom:0;left:0}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}:focus-visible{outline:.18rem solid var(--color-focus);outline-offset:.18rem}}@layer app{body{background:var(--color-page);color:var(--color-text-primary);font-family:var(--font-ui)}.skip-link{position:fixed;z-index:100;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-accent-contrast);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;height:100dvh;min-height:0;overflow:hidden;grid-template:auto minmax(0,1fr) / 15rem minmax(0,1fr);grid-template-areas:"header header" "nav main"}.app-shell.is-terminal{display:block;height:100dvh;min-height:0;overflow:hidden}.app-shell.is-terminal main{height:100%;min-height:0;overflow:hidden;padding:0}.app-shell.is-bare{display:block;height:100dvh;min-height:0;overflow-y:auto}.app-shell.is-bare main{min-height:100%;overflow:visible}.app-header{grid-area:header;min-height:4rem;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-block-end:1px solid var(--color-border);background:var(--color-panel)}.brand{color:var(--color-accent);font-size:1.25rem;font-weight:800;text-decoration:none;letter-spacing:.04em}.header-context{color:var(--color-text-muted)}.side-nav{grid-area:nav;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border-inline-end:1px solid var(--color-border);background:var(--color-panel)}.side-nav a,.mobile-nav a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none}.side-nav .router-link-active,.mobile-nav .router-link-active{background:var(--color-elevated);color:var(--color-text-primary)}main{grid-area:main;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(var(--space-4),3vw,2.5rem)}main>section{max-width:88rem;margin-inline:auto}h1{margin-block:0 var(--space-4);font-size:clamp(1.7rem,4vw,2.5rem)}.mobile-nav{display:none}.theme-picker{margin-inline-start:auto;display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-elevated)}.theme-option{display:flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);padding:var(--space-2);background:transparent}.theme-option[aria-checked=true]{background:var(--color-panel);box-shadow:var(--shadow-panel)}.theme-swatch{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--color-border);background:var(--color-accent)}[data-swatch=cloud-cobalt]{background:var(--color-focus)}[data-swatch=midnight-indigo]{background:var(--color-text-secondary)}.login-view{min-height:calc(100dvh - 10rem);display:grid;place-items:center}.is-bare .login-view{min-height:calc(100dvh - (2*clamp(var(--space-4),3vw,2.5rem)))}.auth-card{width:min(100%,30rem);padding:clamp(var(--space-4),5vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel)}.device-authorize-entry{width:100%;margin-block-start:var(--space-4);text-align:center}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--color-text-muted)}form{display:grid;gap:var(--space-3);margin-block-start:var(--space-5)}input,textarea{min-height:2.75rem;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-elevated)}.primary-button,.text-button{min-height:2.75rem;border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:700}.text-button{margin-inline-start:var(--space-2);min-height:2.25rem;background:transparent;color:var(--color-text-primary)}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.primary-button,.text-button,.icon-button,.theme-option,.titlebar-button,.terminal-back,.mobile-keybar button{transition:background .13s ease,border-color .13s ease,color .13s ease,filter .13s ease,transform 80ms ease}.primary-button:hover:not(:disabled),.danger-button:hover:not(:disabled){filter:brightness(1.08)}.text-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.theme-option:hover:not(:disabled),.terminal-back:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:var(--color-elevated);color:var(--color-accent)}.primary-button:active:not(:disabled),.text-button:active:not(:disabled),.icon-button:active:not(:disabled),.theme-option:active:not(:disabled),.titlebar-button:active:not(:disabled),.terminal-back:active{transform:translateY(1px)}.form-error{color:var(--color-danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-5)}.page-heading-actions{display:flex;align-items:center;gap:var(--space-2)}.page-heading h1,.computer-card h2{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-block-end:var(--space-5)}.metric-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);min-height:8rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.metric-card span{color:var(--color-text-secondary)}.metric-card strong{color:var(--color-accent);font-family:var(--font-mono);font-size:clamp(2rem,5vw,3rem)}.metric-card small{color:var(--color-text-muted)}.metric-card-has-help{cursor:help}.metric-card-has-help:hover,.metric-card-has-help:focus-visible{z-index:3;border-color:color-mix(in srgb,var(--color-accent) 52%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,var(--color-panel));box-shadow:var(--shadow-panel);transform:translateY(-1px)}.metric-help{position:absolute;z-index:4;inset-block-start:calc(100% - var(--space-1));inset-inline:var(--space-3);margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text-secondary);box-shadow:var(--shadow-panel);font-size:.78rem;line-height:1.5;opacity:0;pointer-events:none;translate:0 calc(-1 * var(--space-1));transition:opacity .12s ease,translate .12s ease}.metric-card-has-help:hover .metric-help,.metric-card-has-help:focus-within .metric-help{opacity:1;translate:0 0}.computer-grid{display:grid;gap:var(--space-4)}.computer-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel)}.computer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-4)}.computer-card h2{font-size:1.35rem}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);width:max-content;border:1px solid currentColor;border-radius:99rem;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:.78rem}.status-pill[data-online=true]{color:var(--color-online)}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.term-list{display:grid;gap:var(--space-2)}.term-row{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(9rem,1fr) auto minmax(9rem,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:inherit;text-decoration:none}.term-row-link{cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.term-row-link:hover,.term-row-link:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-elevated));box-shadow:var(--shadow-panel);transform:translateY(-1px)}.term-row-link:active{background:color-mix(in srgb,var(--color-accent) 17%,transparent);transform:translateY(1px)}.term-row-offline{opacity:.72}.term-primary{display:grid;gap:var(--space-1);min-width:0}.term-primary code{overflow:hidden;color:var(--color-text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.term-counts{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-secondary);font-size:.86rem}.term-last-seen{color:var(--color-text-muted);font-size:.82rem}.term-delete-button{grid-column:5;color:var(--color-danger)}.icon-button.destructive:hover:not(:disabled),.icon-button.destructive:focus-visible{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,var(--color-elevated));color:var(--color-danger)}.empty-state{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.computer-table{display:grid;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-panel)}.computer-table-head,.computer-table-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:var(--space-4);padding:var(--space-4)}.computer-table-head{background:var(--color-elevated);color:var(--color-text-muted);font-size:.78rem;font-weight:750;letter-spacing:.06em}.computer-table-head>:not(:first-child){justify-self:center;text-align:center}.computer-table-row{border-block-start:1px solid var(--color-border)}.computer-table-row [role=cell]{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);min-width:0}.computer-table-row [role=cell]:not(:first-child){align-items:center;text-align:center}.computer-table-actions{align-items:center}.bottom-toast{position:fixed;z-index:70;inset-inline-start:50%;inset-block-end:max(var(--space-5),env(safe-area-inset-bottom));width:max-content;max-width:min(28rem,calc(100vw - 2 * var(--space-4)));margin:0;transform:translate(-50%);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel);text-align:center}.bottom-toast[data-tone=success]{border-color:var(--color-online);color:var(--color-online)}.bottom-toast[data-tone=error]{border-color:var(--color-danger);color:var(--color-danger)}.name-editor{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.name-edit-trigger{min-height:2rem;border:0;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-inline-start:calc(-1 * var(--space-2));background:transparent;text-align:start}.name-edit-trigger:hover,.name-edit-trigger:focus-visible{background:var(--color-elevated);color:var(--color-accent)}.name-edit-trigger:active{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-elevated))}.name-editor input{width:min(18rem,100%)}.name-editor .form-error{flex-basis:100%;margin:0}.compact{min-height:2rem;padding:var(--space-1) var(--space-2)}.icon-button{min-height:2rem;border:0;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:transparent;color:var(--color-text-secondary)}.icon-only{width:2.25rem;height:2.25rem;min-height:2.25rem;display:inline-grid;place-items:center;padding:0}.time-source-note{margin-block:calc(-1 * var(--space-3)) var(--space-4);color:var(--color-text-muted);font-size:.82rem}.dialog-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-page) 82%,transparent)}.dialog-panel{width:min(100%,40rem);max-height:90dvh;overflow:auto;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel)}.dialog-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.dialog-panel h2{margin:0}.delete-term-dialog{width:min(100%,34rem)}.delete-term-dialog p{line-height:1.6}.delete-computer-dialog{width:min(100%,34rem)}.delete-computer-dialog p{line-height:1.6}.device-approval-dialog,.revoke-client-dialog{width:min(100%,36rem);display:grid;gap:var(--space-4)}.device-approval-dialog .security-form,.revoke-client-dialog .security-form{width:100%;margin-block-start:0}.protection-dialog .security-form{width:100%;margin-block-start:var(--space-4)}.device-approval-details{margin:0}.device-approval-details div{align-items:baseline}.revoke-client-dialog>p{margin:0;color:var(--color-text-secondary);line-height:1.6}.delete-term-activation{display:block;overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-terminal);color:var(--color-terminal-foreground);font-family:var(--font-mono)}.enrollment-create-form{display:grid;gap:var(--space-3);margin-block-start:var(--space-5)}.enrollment-secret{display:grid;gap:var(--space-3)}.enrollment-field{display:grid;gap:var(--space-2)}.enrollment-field h3{margin:0;font-size:.88rem;color:var(--color-text-secondary)}.enrollment-field-heading{position:relative;width:100%;display:flex;align-items:center;gap:var(--space-1)}.help-tooltip{position:static;display:inline-flex}.help-tooltip [role=tooltip]{position:absolute;z-index:3;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;width:min(18rem,100%);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-text-secondary);box-shadow:var(--shadow-panel);font-size:.78rem;line-height:1.5;opacity:0;pointer-events:none;translate:0 calc(-1 * var(--space-1));transition:opacity .12s ease,translate .12s ease}.help-tooltip:hover [role=tooltip],.help-tooltip:focus-within [role=tooltip]{opacity:1;translate:0 0}.enrollment-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.warning-text{color:var(--color-warning)}.registration-code,.login-command{display:block;overflow-wrap:anywhere;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-terminal);color:var(--color-terminal-foreground);font-family:var(--font-mono)}.terminal-view{position:relative;max-width:none;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.terminal-titlebar{position:relative;z-index:12;min-height:3.25rem;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-1) var(--space-3);border-block-end:1px solid var(--color-border);background:var(--color-panel)}.terminal-back{flex:0 0 auto;min-width:2.35rem;min-height:2.35rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none}.terminal-identity,.terminal-titlebar-actions{display:flex;align-items:center;gap:var(--space-2);min-width:0}.terminal-identity{overflow:hidden;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.terminal-titlebar-actions{margin-inline-start:auto}.terminal-metadata{min-width:0;line-height:1.15}.terminal-identifiers{min-width:0;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.terminal-name-trigger{min-width:0;max-width:min(22rem,36vw);border:0;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:transparent;text-align:start}.terminal-name-trigger strong,.terminal-identifiers small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-name-trigger:hover,.terminal-name-trigger:focus-visible{background:var(--color-elevated);color:var(--color-accent)}.terminal-identifiers small{min-width:0}.terminal-metadata small,.terminal-status{color:var(--color-text-muted);font-size:.75rem}.terminal-name-form{display:flex;align-items:center;gap:var(--space-1);margin:0}.terminal-name-form input{width:min(18rem,35vw);min-height:2rem;padding:var(--space-1) var(--space-2)}.terminal-name-form .form-error{position:absolute;inset-block-start:100%;background:var(--color-panel)}.terminal-light{flex:0 0 auto;width:.65rem;height:.65rem;border-radius:50%;background:var(--color-text-muted)}.terminal-light[data-status=connected]{background:var(--color-online)}.terminal-light[data-status=reconnecting]{background:var(--color-warning)}.terminal-light[data-status=closed]{background:var(--color-danger)}.titlebar-menu{position:relative;height:2.35rem}.titlebar-button{height:2.35rem;display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding-inline:var(--space-3);background:var(--color-elevated)}.titlebar-button[aria-expanded=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 13%,var(--color-elevated));color:var(--color-accent)}@media(hover:hover)and (pointer:fine){.titlebar-button:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 13%,var(--color-elevated));color:var(--color-accent)}}.viewport-lock-button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.menu-chevron{transition:transform .14s ease}.titlebar-button[aria-expanded=true] .menu-chevron{transform:rotate(180deg)}.floating-menu{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;display:grid;min-width:14rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-panel)}.floating-menu button{min-height:2.5rem;border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:transparent;text-align:start}.floating-menu button:hover,.floating-menu button:focus-visible{background:var(--color-elevated)}.display-menu button{display:flex;align-items:center;gap:var(--space-2)}.action-menu{width:min(26rem,80vw);max-height:min(35rem,70dvh);overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.action-search{grid-column:1 / -1}.action-menu button{position:relative;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.action-binding-tooltip{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-elevated));color:var(--color-text-secondary);font-size:.76rem;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .12s ease}.action-binding-tooltip code{padding:0 var(--space-1);border:1px solid color-mix(in srgb,var(--color-accent) 38%,var(--color-border));border-radius:.25rem;background:var(--color-terminal);color:var(--color-accent);font-family:var(--font-mono)}.action-menu button:hover .action-binding-tooltip,.action-menu button:focus-visible .action-binding-tooltip{opacity:1}.action-menu .destructive{color:var(--color-danger)}.mobile-keybar-shell,.mobile-keybar{display:none}.danger-button{min-height:2.75rem;border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-danger);color:var(--color-panel);font-weight:750}.secondary-button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-elevated);color:var(--color-text-primary);font-weight:700;text-decoration:none}.compact-secondary-button{min-height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:var(--color-elevated);color:var(--color-text-primary);font-weight:700}.settings-page{width:min(100%,64rem);margin-inline:auto}.settings-page .page-heading p{margin-block-end:0;color:var(--color-text-secondary)}.settings-panel{display:grid;gap:var(--space-4);margin-block-end:var(--space-4);padding:clamp(var(--space-4),4vw,var(--space-5));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel)}.settings-panel h2,.settings-panel h3,.settings-panel p{margin-block:0}.settings-panel-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-heading-label,.settings-panel-heading-actions{display:flex;align-items:center;gap:var(--space-2)}.settings-panel-heading-actions{margin-inline-start:auto}.status-chip{display:inline-flex;border:1px solid var(--color-border);border-radius:99rem;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:.78rem;white-space:nowrap}.status-chip[data-status=enabled]{border-color:var(--color-online);color:var(--color-online)}.settings-copy,.settings-footnote{color:var(--color-text-secondary);line-height:1.6}.settings-footnote{padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border);font-size:.82rem}.settings-warning{padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning)}.settings-page .theme-picker{width:100%;margin-inline-start:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.settings-page .theme-option{width:100%;justify-content:center}.server-field{display:grid;gap:var(--space-2)}.server-field-heading{display:flex;align-items:center;gap:var(--space-1)}.field-label{color:var(--color-text-primary)}.server-qr-trigger{width:1.75rem;height:1.75rem;min-height:1.75rem}.server-address-row{display:flex;align-items:center;gap:var(--space-3)}.server-address-row code{flex:1;min-width:0;overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated)}.connection-qr{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4)}.connection-qr img{width:10rem;height:10rem;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-qr-background)}.themed-qr-code{display:block;width:min(100%,18rem);height:auto;margin-inline:auto;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-qr-background)}.qr-dialog-panel{width:min(100%,28rem);display:grid;gap:var(--space-4);text-align:center}.qr-dialog-panel>header{min-height:2.75rem;align-items:center;text-align:start}.qr-dialog-panel>p{margin:0;color:var(--color-text-secondary);line-height:1.6}.connection-qr p{color:var(--color-text-secondary);line-height:1.6}.security-form,.inline-security-form{width:min(100%,34rem);margin-block-start:0}.settings-action-button{width:fit-content}.security-setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated)}.security-setting-row>div{display:grid;gap:var(--space-1)}.security-setting-row>.security-setting-label{position:static;display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.security-setting-label .help-tooltip-trigger{width:2rem;height:2rem;min-height:2rem;color:var(--color-text-muted)}.security-setting-label .help-tooltip [role=tooltip]{inset-inline:var(--space-3);width:auto;max-width:none;white-space:normal}.settings-panel-heading .help-tooltip [role=tooltip]{inset-inline:0;width:auto;white-space:normal}.security-setting-row span{color:var(--color-text-secondary)}.toggle-switch{flex:0 0 auto;width:3.25rem;height:1.75rem;border:1px solid var(--color-border);border-radius:99rem;padding:.15rem;background:var(--color-panel)}.toggle-switch>span{display:block;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--color-text-muted);transition:translate .13s ease,background .13s ease}.toggle-switch[aria-checked=true]{border-color:var(--color-online);background:color-mix(in srgb,var(--color-online) 22%,var(--color-panel))}.toggle-switch[aria-checked=true]>span{translate:1.45rem 0;background:var(--color-online)}.totp-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:0;list-style:none}.totp-guide-steps li{display:grid;justify-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.82rem;text-align:center}.totp-guide-step-marker{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-panel);color:var(--color-text-muted);font-weight:800}.totp-guide-steps li[data-state=current]{color:var(--color-text-primary);font-weight:700}.totp-guide-steps li[data-state=current] .totp-guide-step-marker{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-accent) 18%,transparent)}.totp-guide-steps li[data-state=complete]{color:var(--color-text-secondary)}.totp-guide-steps li[data-state=complete] .totp-guide-step-marker{border-color:var(--color-online);background:color-mix(in srgb,var(--color-online) 16%,var(--color-panel));color:var(--color-online)}.totp-activation-view{width:min(100%,68rem)}.totp-guide-heading{align-items:flex-start}.totp-guide-heading-copy{max-width:42rem}.totp-guide-card{min-height:22rem;align-content:start;gap:var(--space-5)}.totp-wizard-card-heading{min-height:2.75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-border)}.totp-wizard-card-heading h2{margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.totp-wizard-card-heading span{color:var(--color-text-muted);font-size:.82rem;white-space:nowrap}.totp-guide-card .security-form,.totp-guide-card .inline-security-form{margin-inline:auto}.totp-bind-layout{width:min(100%,46rem);margin-inline:auto;display:grid;grid-template-columns:minmax(12rem,16rem) minmax(18rem,1fr);align-items:center;gap:clamp(var(--space-5),5vw,4rem)}.totp-bind-qr{min-width:0;display:grid;justify-items:center;gap:var(--space-3)}.totp-confirm-form{width:100%}.setup-key-toggle{min-height:2rem;border:0;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:transparent;color:var(--color-accent);font-size:.82rem}.setup-key-toggle:hover,.setup-key-toggle:focus-visible{background:var(--color-elevated)}.setup-key-disclosure{position:relative;display:grid;justify-items:center}.setup-key-popover{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-2));inset-inline-start:50%;width:min(18rem,calc(100vw - 2 * var(--space-4)));display:grid;gap:var(--space-2);transform:translate(-50%);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-panel);text-align:start}.setup-key-popover h3{margin:0;font-size:.9rem}.setup-key-popover code{display:block;min-width:0;overflow-wrap:anywhere;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);font-family:var(--font-mono);font-size:.76rem}.setup-key-popover .compact-secondary-button{justify-self:stretch}.configured-authenticator-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.authorized-client-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.authorized-client-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated)}.authorized-client-list li div{display:grid;gap:var(--space-1);min-width:0}.authorized-client-list span,.authorized-client-list small{color:var(--color-text-muted)}.authorize-view{min-height:calc(100dvh - (2*clamp(var(--space-4),3vw,2.5rem)));display:grid;place-items:center}.consent-card{width:min(100%,44rem)}.device-consent-card{width:min(100%,56rem)}.authorize-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.authorize-card-heading h1{margin-block-end:0}.device-code-lookup{width:min(100%,34rem);margin-inline:auto;margin-block-start:var(--space-5)}.device-authorize-layout{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);align-items:center;gap:clamp(var(--space-5),5vw,4rem);margin-block-start:var(--space-5)}.device-authorize-qr{display:grid;justify-items:center;gap:var(--space-3);min-width:0}.device-authorize-qr .themed-qr-code{width:min(100%,18rem)}.device-authorize-status{min-width:0;display:grid;gap:var(--space-4)}.device-authorize-status .security-form,.native-authorize-form{width:100%}.consent-details{display:grid;gap:var(--space-2)}.consent-details div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.consent-details dt{color:var(--color-text-muted)}.consent-details dd{min-width:0;margin:0;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-block-start:var(--space-5)}.terminal-frame{position:relative;width:100%;height:auto;min-height:0;overflow:auto;background:var(--color-terminal);overscroll-behavior:contain}.terminal-frame[data-viewport-lock=locked],.terminal-frame[data-display-mode=fit]{overflow:hidden}.terminal-frame[data-display-mode=fit] .xterm-viewport{overflow-y:hidden!important}.terminal-viewport-content{position:relative;min-width:100%;min-height:100%}.terminal-grid{position:absolute;inset:0 auto auto 0;transform-origin:0 0}.terminal-host{width:100%;height:100%;background:var(--color-terminal);font-family:var(--font-mono)}.terminal-overlay{position:absolute;z-index:5;inset-block-start:var(--space-3);inset-inline-start:50%;translate:-50% 0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text-secondary);box-shadow:var(--shadow-panel);pointer-events:none}.terminal-error{position:absolute;z-index:6;inset-inline:var(--space-3);inset-block-end:var(--space-3);margin:0;padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-danger)}@media(max-width:64rem){.metrics-grid{grid-template-columns:repeat(2,1fr)}.term-row{grid-template-columns:minmax(0,1fr) auto auto auto}.term-counts{grid-row:2;grid-column:1}.term-last-seen{grid-row:2;grid-column:2 / -1}.term-delete-button{grid-row:1;grid-column:4}.computer-table-head{display:none}.computer-table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.computer-table-row [role=cell]:not(:first-child){align-items:flex-start;text-align:start}.computer-table-row [role=cell]:before{content:attr(data-label);color:var(--color-text-muted);font-size:.72rem;font-weight:750;letter-spacing:.06em}}@media(max-width:47.99rem){.app-shell{grid-template:auto minmax(0,1fr) auto / 1fr;grid-template-areas:"header" "main" "mobile"}.app-header{padding-inline:var(--space-4)}.header-context,.app-header .theme-option>:last-child{display:none}.side-nav{display:none}main{padding:var(--space-4);padding-block-end:calc(5rem + env(safe-area-inset-bottom))}.mobile-nav{grid-area:mobile;position:fixed;z-index:30;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-2) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));border-block-start:1px solid var(--color-border);background:var(--color-panel);text-align:center}.mobile-nav a{justify-content:center}.metrics-grid{gap:var(--space-2)}.metric-card{min-height:6.5rem;padding:var(--space-3)}.computer-card{padding:var(--space-4)}.term-row{grid-template-columns:minmax(0,1fr) auto auto}.term-primary{grid-row:1;grid-column:1}.term-row>.status-pill{grid-row:1;grid-column:2}.term-counts{grid-row:2;grid-column:1 / -1}.term-last-seen{grid-row:3;grid-column:1 / -1}.term-delete-button{grid-row:1;grid-column:3}.computer-table-row{grid-template-columns:1fr}.bottom-toast{inset-block-end:calc(5rem + env(safe-area-inset-bottom))}.server-address-row,.authorized-client-list li{align-items:stretch;flex-direction:column}.security-setting-row{flex-wrap:wrap;align-items:center}.totp-guide-steps{gap:var(--space-1)}.totp-guide-steps li{gap:var(--space-1);font-size:.72rem}.totp-guide-step-marker{width:1.9rem;height:1.9rem}.totp-wizard-card-heading{align-items:flex-start}.connection-qr,.consent-details div{grid-template-columns:1fr}.device-authorize-layout{grid-template-columns:1fr;gap:var(--space-5)}.totp-bind-layout{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:47.99rem),(pointer:coarse){.logout-button{width:2.75rem;padding:0}.logout-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.locked-indicator{display:inline-block;width:.35rem;height:.35rem;margin-inline-start:var(--space-1);border-radius:50%;background:currentColor;vertical-align:middle}@media(prefers-reduced-motion:reduce){.metric-card,.metric-help,.term-row-link,.menu-chevron,.primary-button,.text-button,.icon-button,.theme-option,.titlebar-button,.terminal-back{transition:none}.metric-card-has-help:hover,.metric-card-has-help:focus-visible,.term-row-link:hover,.term-row-link:focus-visible{transform:none}}@media(prefers-reduced-motion:no-preference){.skip-link{transition:transform .14s ease}}}@layer app{@media(max-width:47.99rem),(pointer:coarse){.terminal-view{height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.terminal-titlebar{z-index:50;gap:var(--space-1);padding-inline:max(var(--space-2),env(safe-area-inset-left)) max(var(--space-2),env(safe-area-inset-right))}.terminal-frame{grid-row:2;min-height:0;touch-action:none}.terminal-frame,.mobile-keybar{scrollbar-width:none}.terminal-frame::-webkit-scrollbar,.mobile-keybar::-webkit-scrollbar{display:none}.terminal-identity{flex:1 1 auto;gap:var(--space-1)}.terminal-titlebar-actions{flex:0 0 auto;gap:var(--space-1)}.titlebar-menu{position:static;height:2.35rem}.terminal-titlebar .floating-menu{inset-block-start:calc(100% + var(--space-1));inset-inline:max(var(--space-2),env(safe-area-inset-left)) max(var(--space-2),env(safe-area-inset-right));width:auto;min-width:0;max-height:calc(100dvh - 3.25rem - 2 * var(--space-2));overflow-y:auto;overscroll-behavior:contain}.terminal-titlebar .action-menu{width:auto}.control-label,.menu-chevron,.terminal-identifiers [data-computer-name]{display:none}.terminal-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.titlebar-button{width:2.35rem;min-width:2.35rem;padding:0;justify-content:center}.terminal-overlay{max-width:calc(100% - 2 * var(--space-4));white-space:nowrap}.desktop-action-menu{display:block}.mobile-keybar-shell{position:static;grid-row:3;z-index:40;min-width:0;width:100%;max-width:100%;display:block;overflow:hidden;padding:var(--space-2) max(var(--space-2),env(safe-area-inset-right)) var(--space-2) max(var(--space-2),env(safe-area-inset-left));padding-block-end:max(var(--space-2),env(safe-area-inset-bottom));border-block-start:1px solid var(--color-border);background:var(--color-panel)}.mobile-keybar{min-width:0;width:100%;max-width:100%;display:flex;gap:var(--space-1);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:none;overscroll-behavior-y:none}.mobile-keybar button{flex:1 0 auto;min-width:3.25rem;min-height:2.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated)}.mobile-keybar button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}}}