.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.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{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;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;pointer-events:none;position:absolute;top:0;right:0}.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;z-index:11;background:0 0;transition:opacity .1s linear}.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{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d13;--bg-2:#0f1722;--panel:#131c28db;--panel-strong:#131c28;--text:#e6edf6;--muted:#8fa0b5;--line:#90a3ba33;--accent:#f6c76f;--accent-soft:#f6c76f2e;--accent-ink:#19130a;--danger:#ff6978;--ok:#64d69a;--bg-glow-1:#f6c76f2e;--bg-glow-2:#53b1ff21;--surface-overlay:#080d1399;--surface-overlay-strong:#080d13d9;--surface-overlay-soft:#080d138c;--grid-line:#ffffff06;--ghost-bg:#ffffff0a;--ghost-bg-strong:#ffffff14;--inset-highlight:#ffffff0f;--inset-highlight-strong:#ffffff80;--vkbd-key-from:#1f2b3cf2;--vkbd-key-to:#0f1722f2;--vkbd-key-active-from:#28384ef2;--vkbd-key-active-to:#141f2ef2;--vkbd-pill-from:#281f12eb;--vkbd-pill-to:#16110af2;--terminal-bg:#090f17;--terminal-fg:#dce7f3;--terminal-cursor:#ffd479;--terminal-selection:#334155;--panel-header-bg:#131c28eb;--input-bg:#0b1119;--input-focus-ring:#f6c76f24;--vkbd-bar-from:#0f1722f5;--vkbd-bar-to:#070b10fa;--terminal-frame-bg:#080d138c;--terminal-frame-stripe:#90a3ba14;--terminal-frame-border:#90a3ba52;--terminal-frame-label:#90a3bab3;--shadow-panel:0 24px 80px #00000059;--shadow-drawer:24px 0 60px #00000080;--selected-ring:#f6c76fdb;--selected-glow:0 0 0 1px #f6c76f2e, 0 0 30px #f6c76f14;--radius:22px;--radius-sm:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:Aptos,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e8;--bg-2:#ece5d3;--panel:#fffdf7e0;--panel-strong:#fffdf7;--text:#1c2330;--muted:#5d6b80;--line:#1c23302e;--accent:#b97a3d;--accent-soft:#b97a3d2e;--accent-ink:#fffaf0;--danger:#c8344a;--ok:#2f9e6a;--bg-glow-1:#b97a3d2e;--bg-glow-2:#4682c81f;--surface-overlay:#fffdf7b3;--surface-overlay-strong:#fffdf7eb;--surface-overlay-soft:#fffdf799;--grid-line:#1c23300d;--ghost-bg:#1c23300d;--ghost-bg-strong:#1c233014;--inset-highlight:#ffffffb3;--inset-highlight-strong:#ffffffe6;--vkbd-key-from:#fffdf7;--vkbd-key-to:#ece5d3;--vkbd-key-active-from:#fffdf7;--vkbd-key-active-to:#d8cdb6;--vkbd-pill-from:#faecd2;--vkbd-pill-to:#e8d3a6;--terminal-bg:#fbf6ec;--terminal-fg:#1c2330;--terminal-cursor:#b97a3d;--terminal-selection:#d6cdb8;--panel-header-bg:#ece5d3eb;--input-bg:#fffdf7;--input-focus-ring:#b97a3d2e;--vkbd-bar-from:#fffdf7f5;--vkbd-bar-to:#ece5d3fa;--terminal-frame-bg:#d8cdb68c;--terminal-frame-stripe:#1c233012;--terminal-frame-border:#1c233047;--terminal-frame-label:#1c23308c;--shadow-panel:0 24px 80px #1c23301f;--shadow-drawer:24px 0 60px #1c23302e;--selected-ring:#b97a3dc7;--selected-glow:0 0 0 1px #b97a3d2e, 0 0 30px #b97a3d14}*{box-sizing:border-box}html,body,#app{height:100%;min-height:0;margin:0;overflow:hidden}body{background:radial-gradient(circle at top left, var(--bg-glow-1), transparent 34rem), radial-gradient(circle at bottom right, var(--bg-glow-2), transparent 30rem), var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .2s,color .2s}button,input{font:inherit}h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1}p{color:var(--muted);margin:0 0 24px;line-height:1.6}label{color:var(--muted);gap:8px;margin:18px 0;font-size:13px;font-weight:700;display:grid}input{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:14px;outline:none;padding:13px 14px}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--input-focus-ring)}button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.secondary-button{border:1px solid var(--line);background:var(--ghost-bg);color:var(--text)}.ghost-button{border:1px solid var(--line);width:100%;color:var(--text);background:0 0}.form-message{min-height:20px;color:var(--danger);margin-top:16px;display:block}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-panel)}.panel-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:900}.shell{min-height:100dvh;padding:max(32px, var(--safe-top)) max(32px, var(--safe-right)) max(32px, var(--safe-bottom)) max(32px, var(--safe-left));place-items:center;display:grid}.auth-shell{grid-template-rows:auto 1fr;gap:32px;position:relative}.auth-panel{width:min(440px,100%);padding:32px}.auth-shell .theme-toggle-floating{top:max(20px, var(--safe-top));right:max(20px, var(--safe-right));z-index:5;position:absolute}.icon-button{border:1px solid var(--line);background:var(--surface-overlay);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid}.icon-button:active{background:var(--accent-soft)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.console-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:340px minmax(0,1fr);height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.sidebar-backdrop{display:none}.sidebar{min-height:0;padding:28px;padding-top:max(28px, var(--safe-top));padding-left:max(28px, var(--safe-left));border-right:1px solid var(--line);background:var(--surface-overlay-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;grid-area:1/1;gap:18px;display:flex;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;margin:-4px 0 4px;display:flex}.sidebar-head .icon-button{display:none}.sidebar-head .icon-button.theme-toggle{display:grid}.sidebar-head-actions{align-items:center;gap:8px;display:flex}.sidebar .panel{padding:22px}.sidebar h1{font-size:24px}.workspace{grid-area:1/2;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.mobile-bar{display:none}.terminal-panel{min-width:0;min-height:0;padding:24px;padding-right:max(24px, var(--safe-right));grid-row:3;grid-template-rows:auto minmax(0,1fr);display:grid}.surface-strip{display:none}.terminal-toolbar{border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);border-bottom:0;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:13px;font-weight:800;display:flex}.toolbar-hint{color:var(--accent);font-size:12px}.terminal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.control-state{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px}.control-state[data-state=granted]{color:var(--ok);border-color:#64d69a99}.status-panel{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.remote-tabs{gap:8px;display:grid}.remote-tabs.empty,.notice-log{color:var(--muted);font-size:13px;line-height:1.5}.tab-chip{border:1px solid var(--line);background:var(--surface-overlay-soft);width:100%;color:var(--text);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.tab-chip.active{border-color:var(--selected-ring);background:var(--accent-soft)}.tab-chip span{background:var(--ghost-bg-strong);min-width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;display:grid}.notice-log{gap:6px;display:grid}.status-dot{background:var(--danger);border-radius:999px;width:10px;height:10px}.status-dot[data-state=connecting]{background:var(--accent)}.status-dot[data-state=online]{background:var(--ok)}.status-pip{background:var(--danger);border-radius:999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 4px #ff697829}.status-pip[data-state=connecting]{background:var(--accent);box-shadow:0 0 0 4px #f6c76f2e}.status-pip[data-state=online]{background:var(--ok);box-shadow:0 0 0 4px #64d69a2e}.console-shell[data-drawer-open=true] .sidebar-backdrop{display:block}.panels-stage{border:1px solid var(--line);background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), var(--bg);background-size:32px 32px;border-radius:0 0 20px 20px;height:auto;min-height:0;position:relative;overflow:hidden}.panels-stage.empty{place-items:center;display:grid}.empty-state{color:var(--muted);font-weight:800}.remote-panel{grid-template-rows:auto minmax(0,1fr);min-width:160px;min-height:120px;padding:6px;display:grid;position:absolute}.remote-panel:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:16px;position:absolute;inset:5px}.remote-panel.selected:before{border-color:var(--selected-ring);box-shadow:var(--selected-glow)}.panel-header{z-index:1;background:var(--panel-header-bg);min-height:32px;color:var(--text);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:900;display:flex;position:relative}.panel-header small{color:var(--muted);font-size:11px;font-weight:800}.terminal-mount{z-index:1;background:repeating-linear-gradient(45deg, var(--terminal-frame-stripe) 0 1px, transparent 1px 10px), var(--terminal-frame-bg);border-radius:0 0 14px 14px;min-height:0;padding:8px;display:grid;position:relative;overflow:hidden}.terminal-mount:after{content:"outside terminal grid";letter-spacing:.08em;text-transform:uppercase;color:var(--terminal-frame-label);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:12px}.terminal-host,.terminal-host .xterm{width:100%;min-width:0;height:100%;min-height:0}.terminal-host{touch-action:none;position:relative;overflow:hidden}.terminal-host .xterm{background-color:#0000;display:block}.terminal-host .xterm-viewport{scrollbar-width:none;background-color:#0000!important;overflow-y:hidden!important}.terminal-host .xterm-screen{outline:1px solid var(--terminal-frame-border);outline-offset:0;box-shadow:0 1px #0000000a;background-color:var(--terminal-bg)!important}.terminal-host .xterm-viewport::-webkit-scrollbar{display:none}.vkbd{padding:10px max(10px, var(--safe-right)) max(10px, var(--safe-bottom)) max(10px, var(--safe-left));background:linear-gradient(180deg, var(--vkbd-bar-from), var(--vkbd-bar-to)), var(--bg);border-top:1px solid var(--line);-webkit-user-select:none;user-select:none;grid-column:1/-1;display:none;position:relative}.vkbd:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);border-radius:999px;width:64px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.vkbd-rows{gap:6px;display:grid}.vkbd-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.vkbd-key{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg, var(--vkbd-key-from), var(--vkbd-key-to));min-width:0;height:42px;color:var(--text);letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 1px 0 var(--inset-highlight), 0 1px 0 #0000002e;border-radius:10px;place-items:center;padding:0 6px;font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:14px;font-weight:700;transition:transform 80ms,background .12s,border-color .12s;display:grid}.vkbd-key:active{background:linear-gradient(180deg, var(--vkbd-key-active-from), var(--vkbd-key-active-to));transform:translateY(1px)scale(.97)}.vkbd-key.vkbd-pill{color:var(--accent);border-color:var(--accent-soft);background:linear-gradient(180deg, var(--vkbd-pill-from), var(--vkbd-pill-to))}.vkbd-key.vkbd-mod[data-active=true]{color:var(--accent-ink);background:linear-gradient(180deg, var(--accent), var(--accent));border-color:var(--accent);box-shadow:inset 0 1px 0 var(--inset-highlight-strong), 0 0 0 1px var(--accent-soft), 0 0 22px var(--accent-soft)}.vkbd-key.vkbd-wide{letter-spacing:.16em;text-transform:uppercase;font-size:12px}.vkbd-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=860px),(pointer:coarse) and (width<=1024px){html,body,#app{overflow:hidden}.console-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#0000008c;animation:.2s both fade-in;position:fixed;inset:0}.sidebar{z-index:90;border-right:1px solid var(--line);width:min(340px,86vw);box-shadow:var(--shadow-drawer);border-bottom:0;transition:transform .28s cubic-bezier(.2,.7,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.console-shell[data-drawer-open=true] .sidebar{transform:translate(0)}.sidebar-head .icon-button{display:grid}.workspace{grid-area:1/1;grid-template-rows:auto auto minmax(0,1fr)}.mobile-bar{padding:10px max(12px, var(--safe-right)) 10px max(12px, var(--safe-left));padding-top:max(10px, var(--safe-top));border-bottom:1px solid var(--line);background:var(--surface-overlay-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:10px;display:flex}.mobile-bar-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;flex:auto;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.terminal-toolbar{display:none}.terminal-panel{padding:8px;padding-right:max(8px, var(--safe-right));padding-left:max(8px, var(--safe-left));grid-row:3;grid-template-rows:minmax(0,1fr)}.panels-stage{border-radius:16px}.surface-strip{padding:6px max(10px, var(--safe-right)) 6px max(10px, var(--safe-left));scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--surface-overlay);grid-row:2;gap:6px;display:flex;overflow-x:auto}.surface-strip::-webkit-scrollbar{display:none}.surface-strip:empty{display:none}.surface-chip{border:1px solid var(--line);background:var(--surface-overlay);max-width:60vw;color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;padding:7px 11px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700;overflow:hidden}.surface-chip.active{color:var(--accent);border-color:var(--selected-ring);background:var(--accent-soft)}.panels-stage[data-mobile-mode=single] .remote-panel{display:none;width:100%!important;height:100%!important;inset:0!important}.panels-stage[data-mobile-mode=single] .remote-panel.selected{display:grid}.console-shell[data-kbd-visible=true]{grid-template-rows:minmax(0,1fr) auto}.console-shell[data-kbd-visible=true] .vkbd{grid-row:2;display:block}}@media (vertical-viewport-segments:2){.console-shell[data-kbd-visible=true]{grid-template-columns:1fr;grid-template-rows:env(viewport-segment-top 0 1) calc(100dvh - env(viewport-segment-bottom 0 0))}.vkbd{padding-top:16px;padding-bottom:max(16px, var(--safe-bottom));align-content:center}.vkbd-rows{gap:8px;width:100%;max-width:min(720px,100%);margin:0 auto}.vkbd-key{height:clamp(42px,7dvh,64px)}}@media (horizontal-viewport-segments:2) and (pointer:coarse){.console-shell[data-kbd-visible=true]{grid-template-columns:env(viewport-segment-right 0 0) calc(100vw - env(viewport-segment-left 1 0));grid-template-rows:1fr}.console-shell[data-kbd-visible=true] .workspace{grid-area:1/1}.console-shell[data-kbd-visible=true] .vkbd{padding:14px;padding-right:max(14px, var(--safe-right));padding-bottom:max(14px, var(--safe-bottom));border-top:0;border-left:1px solid var(--line);grid-area:1/2;display:block;overflow-y:auto}.console-shell[data-kbd-visible=true] .vkbd:before{background:linear-gradient(180deg, transparent, var(--accent-soft), transparent);width:3px;height:64px;top:50%;left:-1px;transform:translateY(-50%)}.vkbd-key{height:clamp(44px,7dvh,56px)}}@media (horizontal-viewport-segments:3) and (pointer:coarse){.console-shell[data-kbd-visible=true]{grid-template-columns:env(viewport-segment-right 0 0) calc(env(viewport-segment-right 1 0) - env(viewport-segment-left 1 0)) calc(100vw - env(viewport-segment-left 2 0));grid-template-rows:1fr}.console-shell[data-kbd-visible=true] .sidebar{width:100%;box-shadow:none;grid-area:1/1;position:relative;transform:none}.console-shell[data-kbd-visible=true] .sidebar-head{display:none}.console-shell[data-kbd-visible=true] .sidebar-backdrop{display:none!important}.console-shell[data-kbd-visible=true] .workspace{grid-area:1/2}.console-shell[data-kbd-visible=true] .mobile-bar{display:none}.console-shell[data-kbd-visible=true] .terminal-toolbar{display:flex}.console-shell[data-kbd-visible=true] .vkbd{padding:16px;padding-bottom:max(16px, var(--safe-bottom));border-top:0;border-left:1px solid var(--line);grid-area:1/3;display:block}.console-shell[data-kbd-visible=true] .vkbd:before{background:linear-gradient(180deg, transparent, var(--accent-soft), transparent);width:3px;height:64px;top:50%;left:-1px;transform:translateY(-50%)}}@media (vertical-viewport-segments:3){.console-shell[data-kbd-visible=true]{grid-template-columns:1fr;grid-template-rows:env(viewport-segment-bottom 0 0) calc(env(viewport-segment-bottom 0 1) - env(viewport-segment-top 0 1)) calc(100dvh - env(viewport-segment-top 0 2))}.console-shell[data-kbd-visible=true] .workspace{grid-area:1/1/span 2}.console-shell[data-kbd-visible=true] .vkbd{grid-row:3}}@media (width<=380px){.vkbd-key{height:38px;font-size:13px}.vkbd-rows{gap:5px}.vkbd-row{gap:4px}}@media (height<=500px) and (width<=1024px){.vkbd-key{height:36px;font-size:12px}.vkbd{padding-top:6px;padding-bottom:max(6px, var(--safe-bottom))}.vkbd-rows{gap:4px}.mobile-bar{padding-top:max(6px, var(--safe-top));padding-bottom:6px}}