hop2 0.11.2 → 0.11.4

package/hay/apps/web/src/utils/voiceHold.ts

@@ -0,0 +1,170 @@
+// Hold-space voice dictation — ONE controller for every terminal surface.
+//
+// It lived only in the full-screen terminal, but the wall's live tiles are
+// where typing mostly happens now, so "voice doesn't always work" was often
+// simply "voice does not exist on this surface". Both surfaces now share
+// this state machine; each provides its own send/overlay/eligibility.
+//
+// Contract (unchanged from the original):
+// - the first Space keydown types its space with zero latency
+// - holding past the threshold erases the typed space(s) and listens
+// - releasing stops; the transcript is TYPED, never submitted
+// - auto-repeat spaces are swallowed; any other key cancels a pending hold
+// - while listening, every space is eaten
+
+type RecognitionLike = {
+  lang: string;
+  continuous: boolean;
+  interimResults: boolean;
+  onresult: ((ev: { resultIndex: number; results: ArrayLike<{ isFinal: boolean; 0: { transcript: string } }> }) => void) | null;
+  onerror: ((ev: { error?: string }) => void) | null;
+  onend: (() => void) | null;
+  start: () => void;
+  stop: () => void;
+};
+
+export const speechRecognitionCtor = (): (new () => RecognitionLike) | undefined =>
+  (window as unknown as { SpeechRecognition?: new () => RecognitionLike }).SpeechRecognition
+  || (window as unknown as { webkitSpeechRecognition?: new () => RecognitionLike }).webkitSpeechRecognition;
+
+export type VoiceHoldOptions = {
+  send: (data: string) => void;
+  notify: (message: string) => void;
+  /** null = hidden; string = the interim transcript ("" while warming up). */
+  setOverlay: (interim: string | null) => void;
+  /** Is the surface a Claude-ish composer right now? Checked at keydown. */
+  eligible: () => boolean;
+  thresholdMs?: number;
+};
+
+export const createVoiceHold = (opts: VoiceHoldOptions) => {
+  const threshold = opts.thresholdMs ?? 550;
+  let timer = 0;
+  let active = false;
+  let spacesTyped = 0;
+  let finalText = "";
+  let interimText = "";
+  let rec: RecognitionLike | null = null;
+
+  const finish = (sendText: boolean) => {
+    if (!active) return;
+    active = false;
+    rec = null;
+    opts.setOverlay(null);
+    const text = (finalText || interimText).trim();
+    finalText = "";
+    interimText = "";
+    if (sendText && text) opts.send(text);
+  };
+
+  const start = () => {
+    if (active) return;
+    const Ctor = speechRecognitionCtor();
+    if (!Ctor) return;
+    let r: RecognitionLike;
+    try { r = new Ctor(); } catch { return; }
+    active = true;
+    finalText = "";
+    interimText = "";
+    // Erase every space that reached the app during this hold.
+    for (let i = 0; i < Math.max(1, spacesTyped); i++) opts.send("\x7f");
+    spacesTyped = 0;
+    r.lang = navigator.language || "en-US";
+    r.continuous = true;
+    r.interimResults = true;
+    r.onresult = (ev) => {
+      let interim = "";
+      for (let i = ev.resultIndex; i < ev.results.length; i++) {
+        const res = ev.results[i];
+        if (res.isFinal) finalText += res[0].transcript;
+        else interim += res[0].transcript;
+      }
+      interimText = interim;
+      opts.setOverlay((finalText + interim).trim());
+    };
+    r.onerror = (ev) => {
+      // EVERY failure explains itself. Only mic-denial was surfaced before;
+      // Chrome's cloud recognizer routinely fails with "network", and that
+      // silent death read as "voice randomly doesn't work".
+      const code = ev?.error || "unknown";
+      if (code === "not-allowed" || code === "service-not-allowed") {
+        opts.notify("Microphone permission needed for voice input");
+      } else if (code === "network") {
+        opts.notify("Voice recognition unreachable (browser speech service) — try again");
+      } else if (code === "no-speech") {
+        opts.notify("No speech detected");
+      } else if (code !== "aborted") {
+        opts.notify(`Voice input failed: ${code}`);
+      }
+      finish(false);
+    };
+    r.onend = () => finish(true);
+    rec = r;
+    opts.setOverlay("");
+    try { r.start(); } catch { finish(false); }
+  };
+
+  const stop = () => {
+    const r = rec;
+    if (r) { try { r.stop(); } catch { finish(true); } }
+    else finish(true);
+  };
+
+  /**
+   * Feed every key event here first. Returns:
+   *  false — consumed (swallow), true — let the terminal process it,
+   *  undefined — not a voice-relevant event; continue with other branches.
+   */
+  const handleKey = (ev: { type: string; code: string; key: string; repeat?: boolean; metaKey?: boolean; ctrlKey?: boolean; altKey?: boolean; shiftKey?: boolean }): boolean | undefined => {
+    if (ev.code === "Space" && !ev.metaKey && !ev.ctrlKey && !ev.altKey && !ev.shiftKey
+        && !!speechRecognitionCtor() && (active || opts.eligible())) {
+      if (ev.type === "keydown") {
+        if (active) return false; // listening: eat every space
+        if (!ev.repeat) {
+          window.clearTimeout(timer);
+          spacesTyped = 1; // this one goes through, for zero latency
+          timer = window.setTimeout(start, threshold);
+          return true;
+        }
+        return false; // swallow auto-repeat while held
+      }
+      if (ev.type === "keyup") {
+        window.clearTimeout(timer);
+        spacesTyped = 0;
+        if (active) { stop(); return false; }
+        return true;
+      }
+      return undefined;
+    }
+    // Any other keydown cancels a pending (not yet active) hold.
+    if (ev.type === "keydown" && ev.code !== "Space") window.clearTimeout(timer);
+    return undefined;
+  };
+
+  const dispose = () => {
+    window.clearTimeout(timer);
+    if (active) { try { rec?.stop(); } catch { /* gone */ } }
+    active = false;
+    rec = null;
+    opts.setOverlay(null);
+  };
+
+  return { handleKey, dispose, isActive: () => active };
+};
+
+/** Claude chrome scan over a terminal's visible rows — shared eligibility. */
+export const bufferLooksLikeClaude = (t: {
+  rows: number;
+  buffer: { active: { baseY: number; getLine: (row: number) => { translateToString: (trim: boolean) => string } | undefined } };
+}): boolean => {
+  try {
+    const end = t.buffer.active.baseY + t.rows;
+    let text = "";
+    for (let i = Math.max(0, end - 30); i < end; i++) {
+      text += (t.buffer.active.getLine(i)?.translateToString(true) ?? "") + "\n";
+    }
+    return /bypass permissions on|shift\+tab to cycle|esc to interrupt|\? for shortcuts/i.test(text);
+  } catch {
+    return false;
+  }
+};

package/hay/package-lock.json

@@ -37,6 +37,8 @@
       "name": "hay-server",
       "version": "0.9.0",
       "dependencies": {
+        "@xterm/addon-serialize": "^0.14.0",
+        "@xterm/headless": "^6.0.0",
         "express": "^4.21.2",
         "hay-shared": "*",
         "node-pty-prebuilt-multiarch": "^0.10.1-pre.5",
@@ -2283,6 +2285,12 @@
       "integrity": "sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g==",
       "license": "MIT"
     },
+    "node_modules/@xterm/addon-serialize": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@xterm/addon-serialize/-/addon-serialize-0.14.0.tgz",
+      "integrity": "sha512-uteyTU1EkrQa2Ux6P/uFl2fzmXI46jy5uoQMKEOM0fKTyiW7cSn0WrFenHm5vO5uEXX/GpwW/FgILvv3r0WbkA==",
+      "license": "MIT"
+    },
     "node_modules/@xterm/addon-web-links": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/@xterm/addon-web-links/-/addon-web-links-0.12.0.tgz",
@@ -2295,6 +2303,15 @@
       "integrity": "sha512-b3fMOsyLVuCeNJWxolACEUED0vm7qC0cy4wRvf3oURSzDTYVQiGPhTnhWZwIHdvC48Y+oLhvYXnY4XDXPoJo6A==",
       "license": "MIT"
     },
+    "node_modules/@xterm/headless": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@xterm/headless/-/headless-6.0.0.tgz",
+      "integrity": "sha512-5Yj1QINYCyzrZtf8OFIHi47iQtI+0qYFPHmouEfG8dHNxbZ9Tb9YGSuLcsEwj9Z+OL75GJqPyJbyoFer80a2Hw==",
+      "license": "MIT",
+      "workspaces": [
+        "addons/*"
+      ]
+    },
     "node_modules/@xterm/xterm": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-6.0.0.tgz",

package/hay/packages/shared/src/protocol.ts

@@ -65,7 +65,12 @@ export const serverMessageSchema = z.discriminatedUnion("type", [
     // encoding (?1006). Lets a reattaching client scroll the app with per-line
     // wheel events instead of coarse Page keys.
     mouseReporting: z.boolean().optional(),
-    mouseSgr: z.boolean().optional()
+    mouseSgr: z.boolean().optional(),
+    // True when the room retains more raw history than this snapshot carries.
+    // Serialized snapshots are a few KB however deep the session is, so the
+    // client can no longer infer "there is more history" from snapshot size —
+    // this flag is what keeps the scroll-to-top deep-history reload offered.
+    capped: z.boolean().optional()
   }),
   z.object({ type: z.literal("collab"), enabled: z.boolean(), controllerId: z.string().nullable() }),
   z.object({ type: z.literal("input_rejected"), reason: z.string() }),

package/hay-web/assets/{index-BohAWpcL.css → index-BRpBf8QE.css}

@@ -1 +1 @@
-.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:initial;--lightningcss-dark: ;color-scheme:light;--font-mono:ui-monospace, "SF Mono", Menlo, "Cascadia Mono", Consolas, monospace;--font-terminal:Menlo, Monaco, "Courier New", monospace;--bg:#f2f2f7;--bg-alt:#e9e9ed;--ink:#1d1d1f;--ink-muted:#6e6e73;--accent:#7c3aed;--accent-2:#6d28d9;--accent-fg:#fff;--ok:#1a7f37;--warn:#b45309;--err:#cf222e;--calm:#5b6675;--line:#dcdce3;--panel:#fff;--shadow:0 1px 2px #1414180d, 0 10px 30px #14141812;--terminal-bg:#fff;--terminal-fg:#1d1d1f;--terminal-cursor:#7c3aed;--btn-bg:#e9e9ed;--topbar-bg:#f2f2f7cc;--chip-bg:#ffffffeb;--fab-bg:#a0a5af47;--fab-border:#0000000f;--fab-highlight:#ffffff80;--fab-color:#00000073;--keyboard-bg:#d6d6dc;--keyboard-key-bg:#fff;--keyboard-key-color:#1d1d1f;--keyboard-special-bg:#aeaeb4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141417;--bg-alt:#232327;--ink:#e6e6e9;--ink-muted:#93939b;--accent:#a78bfa;--accent-2:#c4b5fd;--accent-fg:#1d1d1f;--ok:#3fb950;--warn:#d29922;--err:#f85149;--calm:#9aa3b2;--line:#2c2c31;--panel:#1d1d21;--shadow:0 1px 3px #00000040, 0 10px 30px #0003;--terminal-bg:#17181d;--terminal-fg:#e6e6e9;--terminal-cursor:#a78bfa;--btn-bg:#2a2a2e;--topbar-bg:#141417d9;--chip-bg:#2a2a2eeb;--fab-bg:#50555f4d;--fab-border:#ffffff14;--fab-highlight:#ffffff0f;--fab-color:#ffffffb8;--keyboard-bg:#232327;--keyboard-key-bg:#2e2e33;--keyboard-key-color:#e6e6e9;--keyboard-special-bg:#1c1c20}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141417;--bg-alt:#232327;--ink:#e6e6e9;--ink-muted:#93939b;--accent:#a78bfa;--accent-2:#c4b5fd;--accent-fg:#1d1d1f;--ok:#3fb950;--warn:#d29922;--err:#f85149;--calm:#9aa3b2;--line:#2c2c31;--panel:#1d1d21;--shadow:0 1px 3px #00000040, 0 10px 30px #0003;--terminal-bg:#17181d;--terminal-fg:#e6e6e9;--terminal-cursor:#a78bfa;--btn-bg:#2a2a2e;--topbar-bg:#141417d9;--chip-bg:#2a2a2eeb;--fab-bg:#50555f4d;--fab-border:#ffffff14;--fab-highlight:#ffffff0f;--fab-color:#ffffffb8;--keyboard-bg:#232327;--keyboard-key-bg:#2e2e33;--keyboard-key-color:#e6e6e9;--keyboard-special-bg:#1c1c20}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}@media (width<=768px){body,#root{height:100dvh;overflow:hidden}.app{height:100dvh;min-height:unset;overflow:hidden}}.topbar{border-bottom:1px solid var(--line);background:var(--topbar-bg,#fff9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-title{font-family:var(--font-mono);letter-spacing:-.01em;align-items:center;margin:0;font-size:15px;font-weight:700;display:inline-flex}.brand-cursor{background:var(--accent);width:.52em;height:1.05em;margin-left:.22em;animation:2.4s step-end infinite brand-cursor-blink;display:inline-block}@keyframes brand-cursor-blink{0%,62%{opacity:1}63%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.brand-cursor{animation:none}}.brand-subtitle{color:var(--ink-muted);margin:2px 0 0;font-size:12px}.presence-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:55%;display:flex}.presence-chip{background:var(--chip-bg,#ffffffe6);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:transform .2s;display:inline-flex}.presence-chip.self{border-color:var(--accent)}.presence-chip:hover{transform:translateY(-1px)}.presence-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.presence-name{font-family:var(--font-mono);font-size:12px;font-weight:600}.presence-status{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:11px}.presence-status.typing{color:var(--accent-2)}.presence-control{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.presence-empty{color:var(--ink-muted);font-size:12px}.join{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:18px 18px;flex:1;place-items:center;padding:40px 20px 80px;display:grid}.join-card{background:var(--panel);width:min(520px,92vw);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:36px 40px;animation:.6s lift}@keyframes lift{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.join-card h1{font-family:var(--font-mono);letter-spacing:-.01em;margin-top:0;font-size:22px}.join-card p{color:var(--ink-muted);margin-bottom:24px}.join-form{gap:16px;display:grid}.join-form label{color:var(--ink-muted);gap:8px;font-size:14px;display:grid}input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:15px}input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}button{cursor:pointer;background:var(--btn-bg,#e9e9ed);color:var(--ink);border:none;border-radius:10px;padding:11px 15px;font-size:13.5px;font-weight:600;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}button.primary{background:var(--accent);color:var(--accent-fg)}.join-links{color:var(--ink-muted);gap:10px;margin-top:26px;font-size:13px;display:grid}.share-link{align-items:center;gap:10px;display:flex}.share-link input{flex:1;font-size:12px}.session{flex:1;grid-template-columns:1fr;gap:28px;padding:30px 32px 50px;display:grid;position:relative}.drawer-toggle{display:none}.drawer-close{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.drawer-overlay{z-index:290;-webkit-backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.controls{background:var(--bg);z-index:300;border-right:1px solid var(--line);flex-direction:column;gap:12px;width:min(340px,85vw);padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.controls.open{transform:translate(0)}.controls>*{flex-shrink:0}.room-info{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.room-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-muted);margin:0;font-size:10px}.room-info h2{font-family:var(--font-mono);letter-spacing:-.01em;margin:6px 0 2px;font-size:18px}.room-cwd{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.7;margin:2px 0 0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;overflow:hidden}.room-meta{color:var(--ink-muted);margin:0;font-size:12px}.control-actions{gap:8px;display:grid}.quick-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.quick-group{flex-wrap:wrap;gap:6px;display:flex}.quick-btn{font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex;background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-bottom-width:2px!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important}.quick-btn.icon-btn{width:40px;padding:8px!important}.quick-btn.primary{background:var(--accent)!important;color:var(--accent-fg)!important}.quick-btn:active{filter:brightness(.9)}.quick-btn.danger{color:var(--err)!important;border-color:color-mix(in srgb, var(--err) 35%, transparent)!important}.inline-edit{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.inline-edit input{min-width:0;font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg-alt);color:var(--ink);border-radius:6px;flex:1;padding:5px 8px;font-size:12px}.inline-edit input:focus{border-color:var(--accent);outline:none}.inline-edit button{font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px}.name-edit-toggle{color:var(--ink-muted);cursor:pointer;text-align:right;background:0 0;border:none;padding:2px 4px;font-size:12px}.name-edit-toggle:hover{color:var(--ink)}.room-title-row{align-items:center;gap:6px;min-width:0;display:flex}.room-title-row h2{text-overflow:ellipsis;min-width:0;overflow:hidden}.icon-btn-inline{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px}.icon-btn-inline:hover{color:var(--ink);background:var(--bg-alt)}.drawer-group{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.drawer-row{justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;display:flex}.drawer-row+.drawer-row{border-top:1px solid var(--line)}.drawer-row label{color:var(--ink);font-size:13px;font-weight:500}.control-state{color:var(--ink-muted);text-align:right;font-size:12px}.drawer-details{margin:0}.drawer-details summary{color:var(--ink-muted);cursor:pointer;padding:4px 0;font-size:12px;list-style:none}.drawer-details summary::-webkit-details-marker{display:none}.drawer-details summary:before{content:"▸ "}.drawer-details[open] summary:before{content:"▾ "}.drawer-details .drawer-group{margin-top:6px}.status-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px}.status-title{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0;font-size:12px}.status-main{margin:10px 0 8px;font-size:16px;font-weight:500}.toggle label{color:var(--ink-muted);align-items:center;gap:10px;font-size:13px;display:flex}.toggle{gap:6px;display:grid}.toggle-hint{color:var(--ink-muted);margin:0;font-size:12px}.notice{background:var(--bg-alt);border-left:3px solid var(--accent);color:var(--ink);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.font-size-control{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.font-size-control label{color:var(--ink-muted);align-items:center;font-size:12px;line-height:1.2;display:flex}.font-size-buttons{align-items:center;gap:8px;display:flex}.font-size-buttons button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.font-size-buttons button:active{background:var(--line)}.font-size-buttons span{text-align:center;min-width:40px;font-size:13px;font-weight:500}.view-mode-control,.selection-mode-control,.haptics-control{justify-content:space-between;align-items:center;min-height:32px;padding:8px 0;display:flex}.terminal-toast{color:#fff;z-index:500;pointer-events:none;white-space:nowrap;background:#000c;border-radius:12px;padding:10px 20px;font-size:14px;animation:2s ease-in-out toast-fade;position:fixed;top:40%;left:50%;transform:translate(-50%)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%)translateY(4px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.view-mode-control label,.selection-mode-control label,.haptics-control label{color:var(--ink-muted);align-items:center;font-size:12px;line-height:1.2;display:flex}.view-mode-buttons{gap:4px;display:flex}.view-mode-buttons button{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink-muted);border-radius:6px;padding:4px 12px;font-size:12px;line-height:1;transition:all .15s}.view-mode-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}.view-mode-buttons button:not(.active):active{background:var(--line)}.terminal{flex-direction:column;gap:12px;min-width:0;display:flex;overflow:hidden}.terminal-frame{border:1px solid var(--line);height:calc(100dvh - 250px);min-height:300px;box-shadow:var(--shadow);background:var(--terminal-bg);border-radius:13px;flex-direction:column;animation:.6s lift;display:flex;overflow:hidden}.terminal-scroll{touch-action:pan-x pan-y;flex:1;min-height:0;padding:16px 16px 20px;overflow:auto}.terminal-inner{width:max-content;min-width:100%;height:max-content;min-height:100%}.terminal-frame .xterm,.terminal-frame .xterm-screen,.terminal-frame .xterm-viewport{touch-action:pan-x pan-y}.terminal-frame .xterm{background:var(--terminal-bg);overflow:hidden}.terminal-frame .xterm-viewport{background:var(--terminal-bg)!important;overflow:hidden!important}@media (hover:hover) and (pointer:fine){.terminal-frame .xterm-viewport{scrollbar-width:none;overflow-y:auto!important}.terminal-frame .xterm-viewport::-webkit-scrollbar{width:0;height:0}}.term-scrollbar{z-index:30;pointer-events:none;opacity:0;width:12px;transition:opacity .15s;position:absolute;top:6px;bottom:6px;right:3px}.term-scrollbar.visible{opacity:1}.term-scrollbar-thumb{background:color-mix(in srgb, var(--terminal-fg,#888) 30%, transparent);pointer-events:auto;border-radius:5px;min-height:24px;position:absolute;left:2px;right:2px}.term-scrollbar-thumb:hover,.term-scrollbar.dragging .term-scrollbar-thumb{background:color-mix(in srgb, var(--terminal-fg,#888) 55%, transparent)}.terminal-frame .xterm-screen{overflow:hidden}.terminal-footer{font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg-alt);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;min-height:32px;padding:5px 11px 5px 5px;font-size:12px;display:flex}.footer-chip{background:var(--accent);color:var(--accent-fg);white-space:nowrap;border-radius:6px;padding:3px 10px;font-weight:700}.footer-cwd{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.footer-spacer{flex:1}.footer-dot{color:var(--calm);font-size:11px;line-height:1}.footer-dot.connected{color:var(--ok)}.footer-dot.ended{color:var(--err)}.terminal-footer .reconnecting{color:var(--calm);font-weight:600;animation:1.4s ease-in-out infinite hop-reconnect-pulse}@keyframes hop-reconnect-pulse{0%,to{opacity:1}50%{opacity:.55}}.footer-reconnect{font:inherit;color:var(--calm);border:1px solid var(--calm);cursor:pointer;background:0 0;border-radius:6px;padding:1px 8px;font-weight:600}.footer-reconnect:hover{background:color-mix(in srgb, var(--calm) 12%, transparent);box-shadow:none;transform:none}.terminal-footer .ended-label{color:var(--err);font-weight:600}.connection-banner{z-index:400;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;background:var(--calm);color:#fff;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.connection-banner.ended{background:#3f3f46f2}.connection-banner button{font:inherit;color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff8c;border-radius:6px;padding:2px 10px;font-size:12px}.footer-find-toggle{font-family:var(--font-mono);color:var(--ink-muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-bottom-width:2px;border-radius:6px;padding:2px 9px;font-size:11px}.footer-find-toggle:hover{color:var(--ink);border-color:var(--accent);box-shadow:none;transform:none}.terminal-frame{position:relative}.terminal-find{z-index:5;font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:8px;right:12px}.terminal-find-input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;width:180px;font-size:13px}.terminal-find-input::placeholder{color:var(--ink-muted)}.terminal-find-count{color:var(--accent-2);text-align:right;min-width:36px;font-size:12px}.terminal-find-btn{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.terminal-find-btn:hover{background:var(--bg-alt);color:var(--ink)}@media (width<=960px){.topbar{flex-direction:column;align-items:flex-start}.presence-strip{justify-content:flex-start;max-width:100%}.session{grid-template-columns:1fr}}@media (width<=768px){input,select,textarea,.terminal-find-input{font-size:16px!important}body,.app{background:var(--terminal-bg)}.topbar{display:none}.session{background:var(--terminal-bg);--mobile-keyboard-height:0px;flex-direction:column;flex:1;gap:0;padding:0;display:flex;overflow:hidden}.session .terminal{flex:1;gap:0;min-height:0;overflow:hidden}.session .terminal-frame{min-height:0;box-shadow:none;border:none;border-radius:0;flex:1;padding:0;height:100%!important}.session .terminal .terminal-scroll{overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:auto;width:100%;height:100%;padding:0;overflow:hidden}.session .terminal-frame .xterm,.session .terminal-frame .xterm-screen,.session .terminal-frame .xterm-viewport{touch-action:none}.session .terminal-frame .xterm-rows,.session .terminal-frame .xterm-rows>div,.session .terminal-frame .xterm-rows span{pointer-events:none}.session.selection-mode .terminal .terminal-scroll{overscroll-behavior:none;touch-action:auto;overflow:hidden}.session.selection-mode .terminal-frame .xterm,.session.selection-mode .terminal-frame .xterm-screen,.session.selection-mode .terminal-frame .xterm-viewport{touch-action:auto}.session.selection-mode .terminal-frame .xterm{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.session.selection-mode .terminal-frame .xterm-viewport{overflow:hidden!important}.session.selection-mode .terminal-frame .xterm-screen canvas{pointer-events:none}.session.selection-mode .terminal-frame .xterm-rows,.session.selection-mode .terminal-frame .xterm-rows>div,.session.selection-mode .terminal-frame .xterm-rows span{pointer-events:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.session .terminal-footer{display:none}.session.has-keyboard .terminal-frame{padding-bottom:0}.drawer-toggle{z-index:180;background:var(--fab-bg,#00000026);border:1px solid var(--fab-border,#0000001a);width:52px;height:52px;box-shadow:0 4px 20px #0000001f, inset 0 1px 0 var(--fab-highlight,#fff3);-webkit-backdrop-filter:blur(2px);color:var(--fab-color,#0009);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.drawer-toggle:active{cursor:grabbing}.drawer-overlay{z-index:200;background:#0006;display:block;position:fixed;inset:0}.controls{background:var(--bg);z-index:300;width:min(320px,85vw);padding:20px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.controls.open{transform:translate(0)}.drawer-close{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.terminal-frame{height:100%}.room-info{border-radius:16px;padding:16px}.room-info h2{margin:4px 0 2px;font-size:16px}.room-label{font-size:10px}.room-meta{font-size:12px}}@media (width<=480px){.topbar{padding:16px}.brand-subtitle{display:none}.session{padding:0}.terminal-frame{border-radius:0;padding:0;height:100%!important}}:root{--kb-scale:1;--kb-key-height:calc(46px * var(--kb-scale));--kb-key-margin:calc(3px * var(--kb-scale));--kb-row-gap:calc(5.4px * var(--kb-scale));--kb-acc-key-height:calc(36px * var(--kb-scale));--kb-key-font:calc(25px * var(--kb-scale));--kb-fn-font:calc(16px * var(--kb-scale));--kb-acc-font:calc(14px * var(--kb-scale));--kb-icon-size:calc(24px * var(--kb-scale))}.mobile-keyboard{background:var(--keyboard-bg);width:100%;padding:2px max(2px, env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(2px, env(safe-area-inset-left));box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:150;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:fixed;bottom:0;left:0;right:0;overflow-x:hidden}.kb-acc-row{margin:0 2px calc(5px * var(--kb-scale));padding:calc(3.6px * var(--kb-scale)) calc(3.6px * var(--kb-scale)) calc(5.4px * var(--kb-scale));background:var(--keyboard-bg);border-radius:8px;display:flex}.kb-keys{touch-action:none;-webkit-user-select:none;user-select:none;gap:var(--kb-row-gap);box-sizing:border-box;flex-direction:column;width:100%;padding:0 4px;display:flex}.kb-row{box-sizing:border-box;justify-content:center;width:100%;display:flex}.kb-row.kb-r2{padding:0 5%}.kb-row.kb-r3{padding:0 1.5%}.kb-row.kb-r3 .kb-gap{flex-shrink:0;width:1%}.kb-key{height:var(--kb-key-height);margin:var(--kb-key-margin);font-size:var(--kb-key-font);letter-spacing:-.5px;background:var(--keyboard-key-bg);color:var(--keyboard-key-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:400;transition:background-color 1s ease-out,transform 1s ease-out,box-shadow 1s ease-out,filter 1s ease-out;display:flex;position:relative;box-shadow:0 1px #00000026}.kb-key:before{content:"";top:calc(-1 * var(--kb-key-margin));left:calc(-1 * var(--kb-key-margin));right:calc(-1 * var(--kb-key-margin));bottom:calc(-1 * var(--kb-key-margin) - var(--kb-row-gap) / 2);position:absolute}.kb-key.kb-pressed{filter:brightness(.85);transition:background-color 50ms,transform 50ms,box-shadow 50ms,filter 50ms;transform:translateY(3px);box-shadow:none!important;background:#d0d0d0!important}.kb-key:active:not(.kb-pressed){box-shadow:none;filter:brightness(.85);background:#d0d0d0;transform:translateY(3px)}.kb-key.kb-act{background:var(--keyboard-special-bg);font-size:var(--kb-fn-font);letter-spacing:-.2px;font-weight:400}.kb-key.kb-act.kb-pressed,.kb-key.kb-act:active:not(.kb-pressed){filter:brightness(.85)}.kb-key.kb-acc{height:var(--kb-acc-key-height);font-size:var(--kb-acc-font)}.kb-key.kb-pri{color:#fff;background:#007aff}.kb-key.kb-pri.kb-pressed{background:#0062cc!important}.kb-key.kb-pri:active:not(.kb-pressed){background:#0062cc}.kb-key.kb-on{color:#fff;box-shadow:none;background:#000;transform:translateY(1px)}.kb-key.kb-bottom{font-size:calc(16px * var(--kb-scale))}.kb-key svg{width:var(--kb-icon-size);height:var(--kb-icon-size)}.kb-gap{flex-shrink:0;width:1%}.kb-key.kb-syskb{background:var(--accent);color:var(--accent-fg)}.kb-key.kb-syskb svg{stroke:#fff}@keyframes kbPulse{0%,to{transform:scale(1);box-shadow:0 0 #7c3aed99}50%{transform:scale(1.1);box-shadow:0 0 0 8px #7c3aed00}}.kb-key.kb-pulse{animation:1s ease-in-out 5 kbPulse}.kb-hint-overlay{z-index:99998;background:#00000080;justify-content:center;align-items:center;animation:.4s ease-out kbFadeIn;display:flex;position:fixed;inset:0}.kb-hint{color:#fff;text-align:center;background:#000000eb;border-radius:20px;max-width:300px;padding:28px 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:18px;line-height:1.5;animation:.4s ease-out kbHintIn;box-shadow:0 12px 48px #0006}@keyframes kbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kbHintIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.kb-sys-overlay{z-index:99999;padding-top:calc(env(safe-area-inset-top) + 12px);background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.kb-sys-dialog{-webkit-backdrop-filter:blur(25px);width:calc(100% - 24px);max-width:500px;box-shadow:none;background:0 0;border:none;border-radius:14px;gap:8px;padding:4px;animation:.35s cubic-bezier(.19,1,.22,1) kbDialogIn;display:flex}@keyframes kbDialogIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.kb-sys-input{min-height:34px;max-height:240px;box-shadow:none;resize:none;background:var(--keyboard-key-bg);color:var(--keyboard-key-color);border:1px solid #0000001a;border-radius:12px;flex:1;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:16px;line-height:1.35;overflow:hidden}.kb-sys-input:focus{box-shadow:none;outline:none}.session.has-keyboard{padding-bottom:var(--mobile-keyboard-height,0px);padding-top:8px}.session.has-keyboard .terminal-frame{flex:1;height:auto;min-height:80px}.session.has-keyboard .terminal-footer{display:none}@media (width<=768px){.app:has(.session.has-keyboard) .topbar{display:none}}@media (orientation:landscape){:root{--kb-scale:.7}}@media (width<=480px){:root{--kb-scale:.9}}.session-switcher{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:12px}.session-switcher-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted);margin:0 0 8px;font-size:10px}.session-list{flex-direction:column;gap:6px;display:flex}.session-list-loading,.session-list-empty{color:var(--ink-muted);padding:8px 0;font-size:13px}.history-pill{z-index:5;border:1px solid var(--line);background:var(--panel);color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.history-pill:hover{color:var(--ink);background:var(--bg-alt)}.terminal-loading{z-index:5;background:color-mix(in srgb, var(--bg,#000) 62%, transparent);-webkit-backdrop-filter:blur(2px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.18s both terminal-loading-in;display:flex;position:absolute;inset:0}@keyframes terminal-loading-in{0%{opacity:0}to{opacity:1}}.terminal-loading-label{letter-spacing:.01em;color:var(--ink-muted,#9aa0aa);font-size:13px;font-weight:500}.ios-spinner{display:inline-block;position:relative}.ios-spinner>span{background:var(--ink,#e7e9ee);transform-origin:50%;border-radius:999px;width:8.5%;height:26%;margin-top:-13%;margin-left:-4.25%;animation:1s linear infinite ios-spinner-fade;position:absolute;top:50%;left:50%}@keyframes ios-spinner-fade{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion:reduce){.ios-spinner>span{opacity:.5;animation-duration:0s}.terminal-loading{animation:none}}.session-list-error{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.session-list-error button{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.session-list-item{background:var(--bg-alt);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.session-list-item:hover{background:var(--panel);border-color:var(--line);transform:translateY(-1px)}.session-list-item.active{background:#22c55e10;border-color:#22c55e40}.session-list-item.starting{background:#eab3080f;border-color:#eab30840}.session-list-name-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.session-list-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.attention-dot{vertical-align:1px;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.attention-dot.output{background:var(--warn)}.attention-dot.bell{background:var(--err);animation:1.6s ease-in-out infinite attention-pulse}@keyframes attention-pulse{0%,to{opacity:1}50%{opacity:.35}}.fab-attention{background:var(--warn);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;right:5px}.fab-attention.bell{background:var(--err);animation:1.6s ease-in-out infinite attention-pulse}.session-switcher-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.session-switcher-head .session-switcher-label{margin:0}.terminal.degraded .terminal-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--err) 55%, transparent);transition:box-shadow .3s}.switcher-overlay{z-index:600;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.switcher-top{border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.switcher-header{padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;align-items:center;gap:8px;display:flex}.switcher-header-spacer{flex:1}.switcher-action{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.switcher-action:active{filter:brightness(.9)}.switcher-filter-row{align-items:center;gap:10px;padding:0 16px 10px;display:flex}.switcher-origin{border:1px solid var(--line);background:var(--bg-alt);border-radius:7px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.switcher-origin button{min-width:54px;color:var(--ink-muted);font-family:var(--font-mono);background:0 0;border-radius:5px;padding:4px 9px;font-size:11px}.switcher-origin button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #00000029}.switcher-filter-row{flex-wrap:wrap}.switcher-sort button{min-width:0}.switcher-hint{font-family:var(--font-mono);color:var(--ink-muted);margin:0 0 8px;font-size:11px}.switcher-card.draggable{cursor:grab}.switcher-card.dragging{opacity:.4;cursor:grabbing}.switcher-header h2{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:15px;font-weight:700}.switcher-count{font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg-alt);border-radius:999px;padding:1px 8px;font-size:11px}.switcher-filter{width:100%;min-width:0;font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.switcher-filter:focus{border-color:var(--accent);outline:none}.switcher-close{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:8px;flex-shrink:0;padding:0;font-size:14px}.switcher-scroll{-webkit-overflow-scrolling:touch;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 24px);flex:1;overflow-y:auto}.switcher-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--tile-min,150px), 100%), 1fr));gap:10px;margin-bottom:18px;display:grid}.switcher-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex;overflow:hidden}.switcher-card.current{border-color:var(--accent)}.switcher-card.active-now{border-color:color-mix(in srgb, #22a06b 60%, var(--line));box-shadow:0 0 0 1px #22a06b4d}.switcher-card.new{min-height:130px;color:var(--ink-muted);font-family:var(--font-mono);background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:4px;font-size:12px}.switcher-card.new.inline-edit{flex-direction:column;justify-content:center;align-items:stretch}.switcher-new-plus{font-size:24px;line-height:1}.switcher-new-actions{justify-content:center;gap:6px;display:flex}.switcher-new-actions button{font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.switcher-card-head{align-items:center;gap:6px;min-width:0;display:flex}.switcher-card-name{min-width:0;font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.switcher-chip{letter-spacing:.05em;background:var(--bg-alt);color:var(--ink-muted);border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700}.switcher-chip.current{background:var(--accent);color:var(--accent-fg)}.switcher-chip.starting{color:var(--warn);background:#eab3082e}.switcher-chip.port{background:var(--bg-alt);color:var(--ink-muted)}.switcher-chip.agent{border:1px solid var(--line);background:var(--panel);color:var(--ink-muted)}.switcher-more{width:26px;height:26px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:14px;line-height:1}.switcher-more:hover{background:var(--bg-alt);color:var(--ink)}.switcher-preview{height:var(--tile-h,84px);font-family:var(--font-terminal);font-size:var(--tile-fs,6px);white-space:pre;color:var(--ink-muted);background:var(--terminal-bg);border:1px solid var(--line);border-radius:6px;margin:0;padding:4px 5px;line-height:1.3;overflow:hidden}.switcher-card-meta,.switcher-row-meta{font-family:var(--font-mono);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.switcher-card-meta{align-items:center;gap:8px;display:flex}.switcher-card-dir{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--ink-muted);direction:rtl;flex:1;font-size:10.5px;overflow:hidden}.switcher-card-when{opacity:.8;flex:none}.switcher-group{margin-bottom:16px}.switcher-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 6px;font-size:10px;font-weight:600}.switcher-rows{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.switcher-row{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.switcher-row+.switcher-row{border-top:1px solid var(--line)}.switcher-row.current{background:color-mix(in srgb, var(--accent) 8%, transparent)}.switcher-row:active{background:var(--bg-alt)}.switcher-row-name{max-width:11rem;font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;font-weight:500;overflow:hidden}.switcher-row-dir{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-family:var(--font-mono);color:var(--ink-muted);direction:rtl;flex:1;font-size:12px;overflow:hidden}.switcher-row-meta{text-align:right;opacity:.85;flex:none;font-size:11px}.switcher-empty{text-align:center;color:var(--ink-muted);padding:24px 12px;font-size:13px}.switcher-sheet-backdrop{z-index:610;background:#00000059;position:fixed;inset:0}.switcher-sheet{z-index:620;background:var(--panel);border:1px solid var(--line);transform-origin:100% 0;border-radius:12px;flex-direction:column;gap:6px;width:264px;padding:10px;animation:.12s ease-out switcher-menu-in;display:flex;position:fixed;box-shadow:0 10px 30px #0000004d}@keyframes switcher-menu-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.switcher-sheet-title{font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:13px;font-weight:700;overflow:hidden}.switcher-sheet>button{font-family:var(--font-mono);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:13px}.switcher-sheet>button:hover,.switcher-sheet>button:active{background:var(--bg-alt)}.switcher-sheet>button.danger{color:var(--err);border-color:color-mix(in srgb, var(--err) 35%, transparent)}@media (width>=768px){.switcher-scroll{width:100%;max-width:760px;margin:0 auto}}.session-list-cwd{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;opacity:.6;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;overflow:hidden}.session-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:5px;flex-shrink:0;padding:3px 7px;font-size:9px;font-weight:600}.session-badge.live{color:#fff;background:#22c55e}.session-badge.starting{color:#1a1d23;background:#eab308}.session-badge.port{background:var(--accent);color:var(--accent-fg)}.build-stamp{font-family:var(--font-mono);color:var(--ink-muted);opacity:.7;text-align:center;margin:16px 4px 4px;font-size:11px}@media (width>=768px){.switcher-overlay{background:color-mix(in srgb, var(--bg) 45%, transparent);-webkit-backdrop-filter:blur(8px);align-items:center;padding:7vh 24px}.switcher-overlay>.switcher-top{border:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);border-radius:14px 14px 0 0;width:min(760px,100%)}.switcher-overlay>.switcher-scroll{background:var(--bg);border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px;width:min(760px,100%);max-height:calc(86vh - 110px);box-shadow:0 30px 80px #00000073}.switcher-header{padding:14px 16px 10px}}.topbar-sessions-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.topbar-sessions-btn:hover{border-color:var(--accent)}.topbar-sessions-btn kbd{color:var(--ink-muted);border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.drawer-sessions-btn kbd{color:var(--ink-muted);border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}@media (width>=768px){.switcher-overlay.switcher-hub{padding:4vh 32px 3vh}.switcher-overlay.switcher-hub>.switcher-top,.switcher-overlay.switcher-hub>.switcher-scroll{width:min(1280px,96vw);max-width:min(1280px,96vw)}.switcher-overlay.switcher-hub>.switcher-scroll{flex:1;max-height:none}}@media (width>=769px){.app{height:100dvh;overflow:hidden}.topbar{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;flex-shrink:0;gap:14px;height:46px;padding:0 14px 0 12px}.brand{gap:9px}.brand-title{letter-spacing:0;font-size:13px}.brand-subtitle{display:none}.presence-strip{gap:6px;max-width:50%}.presence-chip{background:0 0;border-color:#0000;gap:6px;padding:3px 8px;font-size:11px;transition:none}.presence-chip:hover{background:var(--bg-alt);transform:none}.presence-chip.self{border-color:var(--line)}.presence-dot{width:7px;height:7px}.presence-name{font-size:11px}.presence-status{font-size:9px}.presence-empty{font-size:11px}.topbar-actions{gap:6px}.topbar-sessions-btn{font-family:var(--font-mono);background:0 0;border-radius:6px;padding:5px 9px;font-size:12px}.topbar-sessions-btn:hover{background:var(--bg-alt);border-color:var(--line)}.topbar-sessions-btn kbd{border-radius:4px;padding:0 4px;font-size:10.5px}.session{flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.session .terminal{flex:1;gap:0;min-height:0}.terminal-frame{height:auto;min-height:0;box-shadow:none;border:none;border-radius:0;flex:1;animation:none}.terminal-scroll{padding:12px 14px}.terminal-footer{border:none;border-top:1px solid var(--line);background:var(--panel);border-radius:0;flex-shrink:0;gap:12px;min-height:30px;padding:3px 12px 3px 6px;font-size:11.5px}.footer-chip{border-radius:4px;padding:2px 9px;font-size:11px}.footer-find-toggle{font-size:11px}button{border-radius:7px;font-size:12.5px}.quick-btn{font-size:12px}.controls{box-shadow:none}.controls .room-info,.controls .drawer-group{box-shadow:none;border-radius:8px}.switcher-overlay.switcher-hub{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;top:46px}.switcher-overlay.switcher-hub>.switcher-top{border:none;border-bottom:1px solid var(--line);background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;width:100%;max-width:none}.switcher-overlay.switcher-hub .switcher-header{padding:12px 22px 8px}.switcher-overlay.switcher-hub .switcher-header h2{font-family:var(--font-mono);font-size:14px}.switcher-overlay.switcher-hub .switcher-filter-row{padding:0 22px 12px}.switcher-overlay.switcher-hub>.switcher-scroll{width:100%;max-width:none;box-shadow:none;background:radial-gradient(var(--line) 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);border:none;border-radius:0;padding:18px 22px 48px}.switcher-hub .switcher-card{box-shadow:none;border-radius:8px;transition:border-color .12s,transform .12s}.switcher-hub .switcher-card:hover{border-color:var(--accent);transform:translateY(-1px)}.switcher-hub .switcher-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.switcher-hub .switcher-rows{border-radius:8px}.switcher-overlay:not(.switcher-hub)>.switcher-top{border-radius:10px 10px 0 0}.switcher-overlay:not(.switcher-hub)>.switcher-scroll{border-radius:0 0 10px 10px;box-shadow:0 16px 48px #00000059}}.switcher-card.kbd-selected,.switcher-row.kbd-selected{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 7%, var(--panel))}.switcher-card-tagline{color:var(--ink);opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.switcher-overlay.tile-micro .switcher-card-tagline{font-size:9.5px}.switcher-card-snippet{font-family:var(--font-mono);color:var(--ink);background:var(--bg-alt);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:10px;overflow:hidden}.context-menu.link-menu{max-width:min(340px,100vw - 16px)}.context-menu-title{font-family:var(--font-mono);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--line);margin-bottom:3px;padding:6px 10px 7px;font-size:11.5px;display:block;overflow:hidden}.switcher-tilesize{border:1px solid var(--line);border-radius:7px;align-items:center;gap:2px;margin-left:10px;padding:2px;display:inline-flex}.switcher-tilesize button{font-family:var(--font-mono);color:var(--ink-muted);background:0 0;border-radius:5px;padding:2px 8px;font-size:11px;line-height:1.4}.switcher-tilesize button:disabled{opacity:.35;cursor:default}.switcher-zoom-readout{text-align:center;min-width:14px;font-family:var(--font-mono);color:var(--ink-muted);font-size:10px}.switcher-chip.live{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.switcher-focus-term{position:relative}.switcher-focus-veil{z-index:2;font-family:var(--font-terminal);font-size:var(--tile-fs,11px);white-space:pre;color:var(--ink-muted);background:var(--terminal-bg);pointer-events:none;margin:0;padding:4px 5px;line-height:1.3;position:absolute;inset:0;overflow:hidden}.switcher-focus-tile{height:var(--tile-h,300px);border:1px solid var(--accent);background:var(--terminal-bg);border-radius:6px;flex-direction:column;display:flex;position:relative;overflow:hidden}.switcher-focus-bar{font-family:var(--font-mono);color:var(--ink-muted);background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:flex}.switcher-focus-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.switcher-focus-label.down{color:var(--warn)}.switcher-focus-bar button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.switcher-focus-bar button:hover{color:var(--ink)}.switcher-focus-term{flex:1;min-height:0;padding:4px 5px;overflow:auto}.switcher-card.focused{border-color:var(--accent)}@media (width>=769px){.switcher-overlay:not(.switcher-hub)>.switcher-top,.switcher-overlay:not(.switcher-hub)>.switcher-scroll{width:min(1200px,92vw);max-width:min(1200px,92vw)}.switcher-overlay:not(.switcher-hub){padding:5vh 24px}.switcher-overlay:not(.switcher-hub)>.switcher-scroll{max-height:calc(90vh - 120px)}}.terminal-drop-overlay{z-index:30;text-align:center;border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-family:var(--font-mono);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex;position:absolute;inset:6px}.shortcut-help{z-index:700;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(440px,90vw);padding:18px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000073}.shortcut-help h3{font-family:var(--font-mono);margin:0 0 12px;font-size:13px}.shortcut-help-row{color:var(--ink-muted);align-items:center;gap:12px;padding:5px 0;font-size:12.5px;display:flex}.shortcut-help-row kbd{font-family:var(--font-mono);color:var(--ink);background:var(--bg);border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:5px;flex:0 0 138px;padding:2px 7px;font-size:11.5px}.pane-root{flex:1;min-width:0;min-height:0;display:flex}.pane-root>*{flex:1;min-width:0;min-height:0}.pane-split{flex:1;min-width:0;min-height:0;display:flex}.pane-split.dir-col{flex-direction:column}.pane-cell{min-width:0;min-height:0;display:flex;overflow:hidden}.pane-cell>*{flex:1;min-width:0;min-height:0}.primary-pane-wrap{flex:1;min-width:0;min-height:0;display:flex}.primary-pane-wrap>.terminal{flex:1;min-width:0}.pane-divider{background:var(--line);cursor:col-resize;touch-action:none;flex:0 0 5px;transition:background .12s}.pane-split.dir-col>.pane-divider{cursor:row-resize}.pane-divider:hover,.pane-divider:active{background:var(--accent)}.secondary-pane{background:var(--terminal-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.secondary-pane.focused{box-shadow:inset 0 0 0 2px var(--accent)}.secondary-pane-bar{font-family:var(--font-mono);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-size:11px;display:flex}.secondary-pane-name{color:var(--ink);font-weight:600}.secondary-pane-status{color:var(--ink-muted);font-size:10px}.secondary-pane-status.ended{color:var(--err)}.secondary-pane-bar button{margin-left:0}.secondary-pane-bar button:first-of-type{color:var(--ink-muted);background:0 0;margin-left:auto;padding:1px 7px;font-size:12px}.secondary-pane-bar button:hover{color:var(--ink)}.secondary-pane-box{flex:1;min-height:0;padding:4px;position:relative;overflow:hidden}.secondary-pane-scale{transform-origin:0 0}.secondary-pane-proc{color:var(--accent);font-size:10px}.secondary-pane-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite pane-dot-pulse}@keyframes pane-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.secondary-pane-dot{animation:none}}@media (width>=769px){.switcher-overlay.switcher-fullscreen{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:stretch;padding:0}.switcher-overlay.switcher-fullscreen>.switcher-top,.switcher-overlay.switcher-fullscreen>.switcher-scroll{width:100%;max-width:none;box-shadow:none;border-left:none;border-right:none;border-radius:0}.switcher-overlay.switcher-fullscreen>.switcher-scroll{flex:1;max-height:none}.switcher-overlay.switcher-fullscreen>.switcher-top{border-top:none}}.switcher-overlay.tile-dense .switcher-card-head .switcher-icon-btn:not(:last-child),.switcher-overlay.tile-dense .switcher-card-head .switcher-chip.current{display:none}.switcher-inline-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.switcher-card-head .switcher-inline-actions{margin-left:auto}.switcher-icon-btn{width:26px;height:26px;color:var(--ink-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}.switcher-icon-btn:hover{background:var(--bg-alt);color:var(--ink)}.switcher-icon-btn.danger:hover{background:color-mix(in srgb, var(--err) 15%, transparent);color:var(--err)}@media (hover:hover) and (pointer:fine){.switcher-inline-actions .switcher-icon-btn:not(:last-child){opacity:0;transition:opacity .12s}.switcher-row:hover .switcher-inline-actions .switcher-icon-btn,.switcher-card:hover .switcher-inline-actions .switcher-icon-btn,.switcher-row.kbd-selected .switcher-inline-actions .switcher-icon-btn,.switcher-card.kbd-selected .switcher-inline-actions .switcher-icon-btn,.switcher-inline-actions:focus-within .switcher-icon-btn{opacity:1}}.empty-pane{background:radial-gradient(var(--line) 1px, transparent 1px) 0 0 / 20px 20px, var(--terminal-bg);flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.empty-pane.focused{box-shadow:inset 0 0 0 2px var(--accent)}.empty-pane-pick{border:1px dashed var(--line);background:var(--panel);color:var(--ink-muted);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:inline-flex}.empty-pane-pick:hover{border-color:var(--accent);color:var(--ink)}.empty-pane-plus{color:var(--accent);font-size:20px;line-height:1}.empty-pane-pick kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:1px 5px;font-size:11px}.empty-pane-close{width:26px;height:26px;color:var(--ink-muted);background:0 0;border-radius:6px;position:absolute;top:8px;right:8px}.empty-pane-close:hover{background:var(--bg-alt);color:var(--ink)}.switcher-filter.compact{opacity:.75;flex:0 92px;min-width:0}.switcher-card-head.drag-handle{cursor:grab}.switcher-card-head.drag-handle:active{cursor:grabbing}.switcher-new-top{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--font-mono);cursor:pointer;border-radius:7px;flex-shrink:0;margin-left:8px;padding:3px 10px;font-size:11px}.switcher-new-top:hover{border-color:var(--accent);color:var(--accent)}.switcher-create-row{gap:6px;padding:0 16px 10px;display:flex}.switcher-create-row input{border:1px solid var(--accent);background:var(--panel);min-width:0;color:var(--ink);font-family:var(--font-mono);border-radius:7px;flex:1;padding:6px 10px;font-size:12px}.switcher-create-row button{font-family:var(--font-mono);flex-shrink:0;font-size:12px}.switcher-parked-toggle{text-align:left;width:100%;color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:11px;display:block}.switcher-parked-toggle:hover{color:var(--ink)}.switcher-row.parked .switcher-row-dir{direction:ltr;font-family:inherit}.switcher-chip.waiting{background:var(--warn);color:#1a1200}.switcher-preview-row{height:calc(var(--tile-fs,6px) * 1.3);line-height:calc(var(--tile-fs,6px) * 1.3);white-space:pre;overflow:hidden}.switcher-preview-row span{vertical-align:top;height:100%;display:inline-block}.switcher-preview-scalebox{align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.switcher-preview-screen{transform-origin:0 0;font-family:var(--font-terminal);position:absolute;top:0;left:0}.switcher-preview-screen .switcher-preview-row{height:1.3em;line-height:1.3em}.switcher-preview-live{padding:0;overflow:hidden}.switcher-live-tile{width:100%;height:100%;position:relative}.switcher-live-tile .switcher-focus-term{padding:0;position:absolute;inset:4px 5px;overflow:hidden}.switcher-live-chrome{z-index:3;background:color-mix(in srgb, var(--panel) 82%, transparent);font-family:var(--font-mono);color:var(--ink-muted);border-radius:6px;align-items:center;gap:4px;padding:1px 5px;font-size:10px;display:flex;position:absolute;top:2px;right:4px}.switcher-live-chrome button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:11px}.switcher-live-chrome button:hover{color:var(--ink)}.voice-overlay{z-index:40;background:color-mix(in srgb, var(--panel,#1b1b1f) 88%, transparent);border:1px solid var(--line,#333);pointer-events:none;border-radius:999px;align-items:center;gap:8px;max-width:70%;padding:7px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.voice-dot{background:#e5484d;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.1s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.voice-text{font-family:var(--font-mono);color:var(--ink,#ddd);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.voice-text.muted{color:var(--ink-muted,#888)}.switcher-live-chrome .switcher-live-viewers{font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;font-size:10.5px;font-family:var(--font-mono);align-items:center;gap:3px;padding:0 4px;font-size:10.5px;display:inline-flex}.switcher-live-chrome .viewer-agent{letter-spacing:.04em;background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--ink);border-radius:3px;padding:0 3px;font-size:8.5px}.switcher-live-chrome .switcher-live-driver{font-family:var(--font-mono);color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:120px;padding:0 5px;font-size:10.5px;display:inline-flex;overflow:hidden}.switcher-live-chrome .driver-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite voice-pulse}.switcher-live-chrome .switcher-tile-find{align-items:center;gap:4px;display:inline-flex}.switcher-live-chrome .switcher-tile-find input{width:130px;font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;outline:none;padding:1px 6px;font-size:11px}.switcher-live-chrome .switcher-tile-find input:focus{border-color:var(--accent)}.switcher-live-chrome .switcher-tile-find em{font-style:normal;font-family:var(--font-mono);color:var(--ink-muted);text-align:center;min-width:26px;font-size:10px}.switcher-live-tile .xterm-viewport{scrollbar-width:none;overflow:hidden!important}.switcher-live-tile.is-live .xterm-viewport{overflow-y:auto!important}.switcher-live-tile .xterm-viewport::-webkit-scrollbar{width:0;height:0}.switcher-live-tile:not(.is-live) .switcher-focus-term{pointer-events:none}.switcher-chip.agent.inferred{opacity:.72;border-style:dashed}.switcher-folder-new{border:1px dashed var(--line);color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;margin-left:10px;padding:1px 8px;font-size:11px}.switcher-folder-new:hover{border-color:var(--accent);color:var(--ink)}.switcher-folder{border:1px solid #0000;border-radius:12px;padding:2px 6px 6px;transition:border-color .12s,background .12s}.switcher-folder.drop-target,.switcher-unfiled.drop-target{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.switcher-folder-count{color:var(--ink-muted);margin-left:8px;font-size:10.5px}.switcher-folder .switcher-group-label button,.switcher-unfiled button{color:var(--ink-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:2px;padding:2px 4px;font-size:10.5px;line-height:1;transition:opacity .12s}.switcher-folder .switcher-group-label button:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 12%, transparent)}.switcher-folder .switcher-group-label .switcher-folder-add{opacity:1;margin-left:6px;font-size:12.5px}.switcher-folder:hover .switcher-group-label button{opacity:1}.switcher-folder-empty{font-family:var(--font-mono);color:var(--ink-muted);margin:4px 0 8px;font-size:11.5px}.switcher-unfiled{border:1px solid #0000;border-radius:10px;padding:2px 6px}.context-menu{z-index:120;border:1px solid var(--line);background:var(--panel);border-radius:11px;flex-direction:column;gap:1px;min-width:190px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 34px #0000004d}.context-menu-item{width:100%;color:var(--ink);font-family:var(--font-ui,inherit);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:13px;display:flex}.context-menu-item.active:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent)}.context-menu-item:disabled{color:var(--ink-muted);cursor:default}.context-menu-item.danger{color:#e5484d}.context-menu-item.danger.active{background:#e5484d24}.context-menu-item kbd{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.context-menu-separator{background:var(--line);height:1px;margin:4px 6px}@media (width<=767px){.switcher-header{padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 10px) 8px calc(env(safe-area-inset-left,0px) + 10px);gap:6px}.switcher-header h2{font-size:15px}.switcher-new-label,.switcher-chip.live,.switcher-zoom-readout{display:none}.switcher-tilesize button{padding:5px 10px}.switcher-action,.switcher-close{width:38px;height:38px}.switcher-filter-row{padding:0 calc(env(safe-area-inset-right,0px) + 10px) 10px calc(env(safe-area-inset-left,0px) + 10px);flex-wrap:wrap;row-gap:8px}.switcher-filter,.switcher-filter.compact{opacity:1;flex:100%;order:2;min-height:38px}.switcher-origin button{padding:6px 10px;font-size:11px}}@media (hover:none){.switcher-folder .switcher-group-label button,.switcher-unfiled button{opacity:1}}
+.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:initial;--lightningcss-dark: ;color-scheme:light;--font-mono:ui-monospace, "SF Mono", Menlo, "Cascadia Mono", Consolas, monospace;--font-terminal:Menlo, Monaco, "Courier New", monospace;--bg:#f2f2f7;--bg-alt:#e9e9ed;--ink:#1d1d1f;--ink-muted:#6e6e73;--accent:#7c3aed;--accent-2:#6d28d9;--accent-fg:#fff;--ok:#1a7f37;--warn:#b45309;--err:#cf222e;--calm:#5b6675;--line:#dcdce3;--panel:#fff;--shadow:0 1px 2px #1414180d, 0 10px 30px #14141812;--terminal-bg:#fff;--terminal-fg:#1d1d1f;--terminal-cursor:#7c3aed;--btn-bg:#e9e9ed;--topbar-bg:#f2f2f7cc;--chip-bg:#ffffffeb;--fab-bg:#a0a5af47;--fab-border:#0000000f;--fab-highlight:#ffffff80;--fab-color:#00000073;--keyboard-bg:#d6d6dc;--keyboard-key-bg:#fff;--keyboard-key-color:#1d1d1f;--keyboard-special-bg:#aeaeb4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141417;--bg-alt:#232327;--ink:#e6e6e9;--ink-muted:#93939b;--accent:#a78bfa;--accent-2:#c4b5fd;--accent-fg:#1d1d1f;--ok:#3fb950;--warn:#d29922;--err:#f85149;--calm:#9aa3b2;--line:#2c2c31;--panel:#1d1d21;--shadow:0 1px 3px #00000040, 0 10px 30px #0003;--terminal-bg:#17181d;--terminal-fg:#e6e6e9;--terminal-cursor:#a78bfa;--btn-bg:#2a2a2e;--topbar-bg:#141417d9;--chip-bg:#2a2a2eeb;--fab-bg:#50555f4d;--fab-border:#ffffff14;--fab-highlight:#ffffff0f;--fab-color:#ffffffb8;--keyboard-bg:#232327;--keyboard-key-bg:#2e2e33;--keyboard-key-color:#e6e6e9;--keyboard-special-bg:#1c1c20}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141417;--bg-alt:#232327;--ink:#e6e6e9;--ink-muted:#93939b;--accent:#a78bfa;--accent-2:#c4b5fd;--accent-fg:#1d1d1f;--ok:#3fb950;--warn:#d29922;--err:#f85149;--calm:#9aa3b2;--line:#2c2c31;--panel:#1d1d21;--shadow:0 1px 3px #00000040, 0 10px 30px #0003;--terminal-bg:#17181d;--terminal-fg:#e6e6e9;--terminal-cursor:#a78bfa;--btn-bg:#2a2a2e;--topbar-bg:#141417d9;--chip-bg:#2a2a2eeb;--fab-bg:#50555f4d;--fab-border:#ffffff14;--fab-highlight:#ffffff0f;--fab-color:#ffffffb8;--keyboard-bg:#232327;--keyboard-key-bg:#2e2e33;--keyboard-key-color:#e6e6e9;--keyboard-special-bg:#1c1c20}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}@media (width<=768px){body,#root{height:100dvh;overflow:hidden}.app{height:100dvh;min-height:unset;overflow:hidden}}.topbar{border-bottom:1px solid var(--line);background:var(--topbar-bg,#fff9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-title{font-family:var(--font-mono);letter-spacing:-.01em;align-items:center;margin:0;font-size:15px;font-weight:700;display:inline-flex}.brand-cursor{background:var(--accent);width:.52em;height:1.05em;margin-left:.22em;animation:2.4s step-end infinite brand-cursor-blink;display:inline-block}@keyframes brand-cursor-blink{0%,62%{opacity:1}63%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.brand-cursor{animation:none}}.brand-subtitle{color:var(--ink-muted);margin:2px 0 0;font-size:12px}.presence-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:55%;display:flex}.presence-chip{background:var(--chip-bg,#ffffffe6);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:transform .2s;display:inline-flex}.presence-chip.self{border-color:var(--accent)}.presence-chip:hover{transform:translateY(-1px)}.presence-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.presence-name{font-family:var(--font-mono);font-size:12px;font-weight:600}.presence-status{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:11px}.presence-status.typing{color:var(--accent-2)}.presence-control{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.presence-empty{color:var(--ink-muted);font-size:12px}.join{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:18px 18px;flex:1;place-items:center;padding:40px 20px 80px;display:grid}.join-card{background:var(--panel);width:min(520px,92vw);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:36px 40px;animation:.6s lift}@keyframes lift{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.join-card h1{font-family:var(--font-mono);letter-spacing:-.01em;margin-top:0;font-size:22px}.join-card p{color:var(--ink-muted);margin-bottom:24px}.join-form{gap:16px;display:grid}.join-form label{color:var(--ink-muted);gap:8px;font-size:14px;display:grid}input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:15px}input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}button{cursor:pointer;background:var(--btn-bg,#e9e9ed);color:var(--ink);border:none;border-radius:10px;padding:11px 15px;font-size:13.5px;font-weight:600;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}button.primary{background:var(--accent);color:var(--accent-fg)}.join-links{color:var(--ink-muted);gap:10px;margin-top:26px;font-size:13px;display:grid}.share-link{align-items:center;gap:10px;display:flex}.share-link input{flex:1;font-size:12px}.session{flex:1;grid-template-columns:1fr;gap:28px;padding:30px 32px 50px;display:grid;position:relative}.drawer-toggle{display:none}.drawer-close{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.drawer-overlay{z-index:290;-webkit-backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.controls{background:var(--bg);z-index:300;border-right:1px solid var(--line);flex-direction:column;gap:12px;width:min(340px,85vw);padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.controls.open{transform:translate(0)}.controls>*{flex-shrink:0}.room-info{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.room-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-muted);margin:0;font-size:10px}.room-info h2{font-family:var(--font-mono);letter-spacing:-.01em;margin:6px 0 2px;font-size:18px}.room-cwd{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.7;margin:2px 0 0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;overflow:hidden}.room-meta{color:var(--ink-muted);margin:0;font-size:12px}.control-actions{gap:8px;display:grid}.quick-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.quick-group{flex-wrap:wrap;gap:6px;display:flex}.quick-btn{font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex;background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-bottom-width:2px!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important}.quick-btn.icon-btn{width:40px;padding:8px!important}.quick-btn.primary{background:var(--accent)!important;color:var(--accent-fg)!important}.quick-btn:active{filter:brightness(.9)}.quick-btn.danger{color:var(--err)!important;border-color:color-mix(in srgb, var(--err) 35%, transparent)!important}.inline-edit{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.inline-edit input{min-width:0;font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg-alt);color:var(--ink);border-radius:6px;flex:1;padding:5px 8px;font-size:12px}.inline-edit input:focus{border-color:var(--accent);outline:none}.inline-edit button{font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px}.name-edit-toggle{color:var(--ink-muted);cursor:pointer;text-align:right;background:0 0;border:none;padding:2px 4px;font-size:12px}.name-edit-toggle:hover{color:var(--ink)}.room-title-row{align-items:center;gap:6px;min-width:0;display:flex}.room-title-row h2{text-overflow:ellipsis;min-width:0;overflow:hidden}.icon-btn-inline{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px}.icon-btn-inline:hover{color:var(--ink);background:var(--bg-alt)}.drawer-group{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.drawer-row{justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;display:flex}.drawer-row+.drawer-row{border-top:1px solid var(--line)}.drawer-row label{color:var(--ink);font-size:13px;font-weight:500}.control-state{color:var(--ink-muted);text-align:right;font-size:12px}.drawer-details{margin:0}.drawer-details summary{color:var(--ink-muted);cursor:pointer;padding:4px 0;font-size:12px;list-style:none}.drawer-details summary::-webkit-details-marker{display:none}.drawer-details summary:before{content:"▸ "}.drawer-details[open] summary:before{content:"▾ "}.drawer-details .drawer-group{margin-top:6px}.status-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px}.status-title{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0;font-size:12px}.status-main{margin:10px 0 8px;font-size:16px;font-weight:500}.toggle label{color:var(--ink-muted);align-items:center;gap:10px;font-size:13px;display:flex}.toggle{gap:6px;display:grid}.toggle-hint{color:var(--ink-muted);margin:0;font-size:12px}.notice{background:var(--bg-alt);border-left:3px solid var(--accent);color:var(--ink);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.font-size-control{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.font-size-control label{color:var(--ink-muted);align-items:center;font-size:12px;line-height:1.2;display:flex}.font-size-buttons{align-items:center;gap:8px;display:flex}.font-size-buttons button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.font-size-buttons button:active{background:var(--line)}.font-size-buttons span{text-align:center;min-width:40px;font-size:13px;font-weight:500}.view-mode-control,.selection-mode-control,.haptics-control{justify-content:space-between;align-items:center;min-height:32px;padding:8px 0;display:flex}.terminal-toast{color:#fff;z-index:500;pointer-events:none;white-space:nowrap;background:#000c;border-radius:12px;padding:10px 20px;font-size:14px;animation:2s ease-in-out toast-fade;position:fixed;top:40%;left:50%;transform:translate(-50%)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%)translateY(4px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.view-mode-control label,.selection-mode-control label,.haptics-control label{color:var(--ink-muted);align-items:center;font-size:12px;line-height:1.2;display:flex}.view-mode-buttons{gap:4px;display:flex}.view-mode-buttons button{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink-muted);border-radius:6px;padding:4px 12px;font-size:12px;line-height:1;transition:all .15s}.view-mode-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}.view-mode-buttons button:not(.active):active{background:var(--line)}.terminal{flex-direction:column;gap:12px;min-width:0;display:flex;overflow:hidden}.terminal-frame{border:1px solid var(--line);height:calc(100dvh - 250px);min-height:300px;box-shadow:var(--shadow);background:var(--terminal-bg);border-radius:13px;flex-direction:column;animation:.6s lift;display:flex;overflow:hidden}.terminal-scroll{touch-action:pan-x pan-y;flex:1;min-height:0;padding:16px 16px 20px;overflow:auto}.terminal-inner{width:max-content;min-width:100%;height:max-content;min-height:100%}.terminal-frame .xterm,.terminal-frame .xterm-screen,.terminal-frame .xterm-viewport{touch-action:pan-x pan-y}.terminal-frame .xterm{background:var(--terminal-bg);overflow:hidden}.terminal-frame .xterm-viewport{background:var(--terminal-bg)!important;overflow:hidden!important}@media (hover:hover) and (pointer:fine){.terminal-frame .xterm-viewport{scrollbar-width:none;overflow-y:auto!important}.terminal-frame .xterm-viewport::-webkit-scrollbar{width:0;height:0}}.term-scrollbar{z-index:30;pointer-events:none;opacity:0;width:12px;transition:opacity .15s;position:absolute;top:6px;bottom:6px;right:3px}.term-scrollbar.visible{opacity:1}.term-scrollbar-thumb{background:color-mix(in srgb, var(--terminal-fg,#888) 30%, transparent);pointer-events:auto;border-radius:5px;min-height:24px;position:absolute;left:2px;right:2px}.term-scrollbar-thumb:hover,.term-scrollbar.dragging .term-scrollbar-thumb{background:color-mix(in srgb, var(--terminal-fg,#888) 55%, transparent)}.terminal-frame .xterm-screen{overflow:hidden}.terminal-footer{font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg-alt);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;min-height:32px;padding:5px 11px 5px 5px;font-size:12px;display:flex}.footer-chip{background:var(--accent);color:var(--accent-fg);white-space:nowrap;border-radius:6px;padding:3px 10px;font-weight:700}.footer-cwd{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.footer-spacer{flex:1}.footer-dot{color:var(--calm);font-size:11px;line-height:1}.footer-dot.connected{color:var(--ok)}.footer-dot.ended{color:var(--err)}.terminal-footer .reconnecting{color:var(--calm);font-weight:600;animation:1.4s ease-in-out infinite hop-reconnect-pulse}@keyframes hop-reconnect-pulse{0%,to{opacity:1}50%{opacity:.55}}.footer-reconnect{font:inherit;color:var(--calm);border:1px solid var(--calm);cursor:pointer;background:0 0;border-radius:6px;padding:1px 8px;font-weight:600}.footer-reconnect:hover{background:color-mix(in srgb, var(--calm) 12%, transparent);box-shadow:none;transform:none}.terminal-footer .ended-label{color:var(--err);font-weight:600}.connection-banner{z-index:400;padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px;background:var(--calm);color:#fff;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.connection-banner.ended{background:#3f3f46f2}.connection-banner button{font:inherit;color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff8c;border-radius:6px;padding:2px 10px;font-size:12px}.footer-find-toggle{font-family:var(--font-mono);color:var(--ink-muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-bottom-width:2px;border-radius:6px;padding:2px 9px;font-size:11px}.footer-find-toggle:hover{color:var(--ink);border-color:var(--accent);box-shadow:none;transform:none}.terminal-frame{position:relative}.terminal-find{z-index:5;font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:8px;right:12px}.terminal-find-input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;width:180px;font-size:13px}.terminal-find-input::placeholder{color:var(--ink-muted)}.terminal-find-count{color:var(--accent-2);text-align:right;min-width:36px;font-size:12px}.terminal-find-btn{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.terminal-find-btn:hover{background:var(--bg-alt);color:var(--ink)}@media (width<=960px){.topbar{flex-direction:column;align-items:flex-start}.presence-strip{justify-content:flex-start;max-width:100%}.session{grid-template-columns:1fr}}@media (width<=768px){input,select,textarea,.terminal-find-input{font-size:16px!important}body,.app{background:var(--terminal-bg)}.topbar{display:none}.session{background:var(--terminal-bg);--mobile-keyboard-height:0px;flex-direction:column;flex:1;gap:0;padding:0;display:flex;overflow:hidden}.session .terminal{flex:1;gap:0;min-height:0;overflow:hidden}.session .terminal-frame{min-height:0;box-shadow:none;border:none;border-radius:0;flex:1;padding:0;height:100%!important}.session .terminal .terminal-scroll{overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:auto;width:100%;height:100%;padding:0;overflow:hidden}.session .terminal-frame .xterm,.session .terminal-frame .xterm-screen,.session .terminal-frame .xterm-viewport{touch-action:none}.session .terminal-frame .xterm-rows,.session .terminal-frame .xterm-rows>div,.session .terminal-frame .xterm-rows span{pointer-events:none}.session.selection-mode .terminal .terminal-scroll{overscroll-behavior:none;touch-action:auto;overflow:hidden}.session.selection-mode .terminal-frame .xterm,.session.selection-mode .terminal-frame .xterm-screen,.session.selection-mode .terminal-frame .xterm-viewport{touch-action:auto}.session.selection-mode .terminal-frame .xterm{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.session.selection-mode .terminal-frame .xterm-viewport{overflow:hidden!important}.session.selection-mode .terminal-frame .xterm-screen canvas{pointer-events:none}.session.selection-mode .terminal-frame .xterm-rows,.session.selection-mode .terminal-frame .xterm-rows>div,.session.selection-mode .terminal-frame .xterm-rows span{pointer-events:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.session .terminal-footer{display:none}.session.has-keyboard .terminal-frame{padding-bottom:0}.drawer-toggle{z-index:180;background:var(--fab-bg,#00000026);border:1px solid var(--fab-border,#0000001a);width:52px;height:52px;box-shadow:0 4px 20px #0000001f, inset 0 1px 0 var(--fab-highlight,#fff3);-webkit-backdrop-filter:blur(2px);color:var(--fab-color,#0009);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.drawer-toggle:active{cursor:grabbing}.drawer-overlay{z-index:200;background:#0006;display:block;position:fixed;inset:0}.controls{background:var(--bg);z-index:300;width:min(320px,85vw);padding:20px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.controls.open{transform:translate(0)}.drawer-close{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.terminal-frame{height:100%}.room-info{border-radius:16px;padding:16px}.room-info h2{margin:4px 0 2px;font-size:16px}.room-label{font-size:10px}.room-meta{font-size:12px}}@media (width<=480px){.topbar{padding:16px}.brand-subtitle{display:none}.session{padding:0}.terminal-frame{border-radius:0;padding:0;height:100%!important}}:root{--kb-scale:1;--kb-key-height:calc(46px * var(--kb-scale));--kb-key-margin:calc(3px * var(--kb-scale));--kb-row-gap:calc(5.4px * var(--kb-scale));--kb-acc-key-height:calc(36px * var(--kb-scale));--kb-key-font:calc(25px * var(--kb-scale));--kb-fn-font:calc(16px * var(--kb-scale));--kb-acc-font:calc(14px * var(--kb-scale));--kb-icon-size:calc(24px * var(--kb-scale))}.mobile-keyboard{background:var(--keyboard-bg);width:100%;padding:2px max(2px, env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(2px, env(safe-area-inset-left));box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:150;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;position:fixed;bottom:0;left:0;right:0;overflow-x:hidden}.kb-acc-row{margin:0 2px calc(5px * var(--kb-scale));padding:calc(3.6px * var(--kb-scale)) calc(3.6px * var(--kb-scale)) calc(5.4px * var(--kb-scale));background:var(--keyboard-bg);border-radius:8px;display:flex}.kb-keys{touch-action:none;-webkit-user-select:none;user-select:none;gap:var(--kb-row-gap);box-sizing:border-box;flex-direction:column;width:100%;padding:0 4px;display:flex}.kb-row{box-sizing:border-box;justify-content:center;width:100%;display:flex}.kb-row.kb-r2{padding:0 5%}.kb-row.kb-r3{padding:0 1.5%}.kb-row.kb-r3 .kb-gap{flex-shrink:0;width:1%}.kb-key{height:var(--kb-key-height);margin:var(--kb-key-margin);font-size:var(--kb-key-font);letter-spacing:-.5px;background:var(--keyboard-key-bg);color:var(--keyboard-key-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:400;transition:background-color 1s ease-out,transform 1s ease-out,box-shadow 1s ease-out,filter 1s ease-out;display:flex;position:relative;box-shadow:0 1px #00000026}.kb-key:before{content:"";top:calc(-1 * var(--kb-key-margin));left:calc(-1 * var(--kb-key-margin));right:calc(-1 * var(--kb-key-margin));bottom:calc(-1 * var(--kb-key-margin) - var(--kb-row-gap) / 2);position:absolute}.kb-key.kb-pressed{filter:brightness(.85);transition:background-color 50ms,transform 50ms,box-shadow 50ms,filter 50ms;transform:translateY(3px);box-shadow:none!important;background:#d0d0d0!important}.kb-key:active:not(.kb-pressed){box-shadow:none;filter:brightness(.85);background:#d0d0d0;transform:translateY(3px)}.kb-key.kb-act{background:var(--keyboard-special-bg);font-size:var(--kb-fn-font);letter-spacing:-.2px;font-weight:400}.kb-key.kb-act.kb-pressed,.kb-key.kb-act:active:not(.kb-pressed){filter:brightness(.85)}.kb-key.kb-acc{height:var(--kb-acc-key-height);font-size:var(--kb-acc-font)}.kb-key.kb-pri{color:#fff;background:#007aff}.kb-key.kb-pri.kb-pressed{background:#0062cc!important}.kb-key.kb-pri:active:not(.kb-pressed){background:#0062cc}.kb-key.kb-on{color:#fff;box-shadow:none;background:#000;transform:translateY(1px)}.kb-key.kb-bottom{font-size:calc(16px * var(--kb-scale))}.kb-key svg{width:var(--kb-icon-size);height:var(--kb-icon-size)}.kb-gap{flex-shrink:0;width:1%}.kb-key.kb-syskb{background:var(--accent);color:var(--accent-fg)}.kb-key.kb-syskb svg{stroke:#fff}@keyframes kbPulse{0%,to{transform:scale(1);box-shadow:0 0 #7c3aed99}50%{transform:scale(1.1);box-shadow:0 0 0 8px #7c3aed00}}.kb-key.kb-pulse{animation:1s ease-in-out 5 kbPulse}.kb-hint-overlay{z-index:99998;background:#00000080;justify-content:center;align-items:center;animation:.4s ease-out kbFadeIn;display:flex;position:fixed;inset:0}.kb-hint{color:#fff;text-align:center;background:#000000eb;border-radius:20px;max-width:300px;padding:28px 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:18px;line-height:1.5;animation:.4s ease-out kbHintIn;box-shadow:0 12px 48px #0006}@keyframes kbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kbHintIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.kb-sys-overlay{z-index:99999;padding-top:calc(env(safe-area-inset-top) + 12px);background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.kb-sys-dialog{-webkit-backdrop-filter:blur(25px);width:calc(100% - 24px);max-width:500px;box-shadow:none;background:0 0;border:none;border-radius:14px;gap:8px;padding:4px;animation:.35s cubic-bezier(.19,1,.22,1) kbDialogIn;display:flex}@keyframes kbDialogIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.kb-sys-input{min-height:34px;max-height:240px;box-shadow:none;resize:none;background:var(--keyboard-key-bg);color:var(--keyboard-key-color);border:1px solid #0000001a;border-radius:12px;flex:1;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:16px;line-height:1.35;overflow:hidden}.kb-sys-input:focus{box-shadow:none;outline:none}.session.has-keyboard{padding-bottom:var(--mobile-keyboard-height,0px);padding-top:8px}.session.has-keyboard .terminal-frame{flex:1;height:auto;min-height:80px}.session.has-keyboard .terminal-footer{display:none}@media (width<=768px){.app:has(.session.has-keyboard) .topbar{display:none}}@media (orientation:landscape){:root{--kb-scale:.7}}@media (width<=480px){:root{--kb-scale:.9}}.session-switcher{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:12px}.session-switcher-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted);margin:0 0 8px;font-size:10px}.session-list{flex-direction:column;gap:6px;display:flex}.session-list-loading,.session-list-empty{color:var(--ink-muted);padding:8px 0;font-size:13px}.history-pill{z-index:5;border:1px solid var(--line);background:var(--panel);color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.history-pill:hover{color:var(--ink);background:var(--bg-alt)}.terminal-loading{z-index:5;background:color-mix(in srgb, var(--bg,#000) 62%, transparent);-webkit-backdrop-filter:blur(2px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.18s both terminal-loading-in;display:flex;position:absolute;inset:0}@keyframes terminal-loading-in{0%{opacity:0}to{opacity:1}}.terminal-loading-label{letter-spacing:.01em;color:var(--ink-muted,#9aa0aa);font-size:13px;font-weight:500}.ios-spinner{display:inline-block;position:relative}.ios-spinner>span{background:var(--ink,#e7e9ee);transform-origin:50%;border-radius:999px;width:8.5%;height:26%;margin-top:-13%;margin-left:-4.25%;animation:1s linear infinite ios-spinner-fade;position:absolute;top:50%;left:50%}@keyframes ios-spinner-fade{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion:reduce){.ios-spinner>span{opacity:.5;animation-duration:0s}.terminal-loading{animation:none}}.session-list-error{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.session-list-error button{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.session-list-item{background:var(--bg-alt);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.session-list-item:hover{background:var(--panel);border-color:var(--line);transform:translateY(-1px)}.session-list-item.active{background:#22c55e10;border-color:#22c55e40}.session-list-item.starting{background:#eab3080f;border-color:#eab30840}.session-list-name-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.session-list-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.attention-dot{vertical-align:1px;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.attention-dot.output{background:var(--warn)}.attention-dot.bell{background:var(--err);animation:1.6s ease-in-out infinite attention-pulse}@keyframes attention-pulse{0%,to{opacity:1}50%{opacity:.35}}.fab-attention{background:var(--warn);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;right:5px}.fab-attention.bell{background:var(--err);animation:1.6s ease-in-out infinite attention-pulse}.session-switcher-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.session-switcher-head .session-switcher-label{margin:0}.terminal.degraded .terminal-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--err) 55%, transparent);transition:box-shadow .3s}.switcher-overlay{z-index:600;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.switcher-top{border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.switcher-header{padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;align-items:center;gap:8px;display:flex}.switcher-header-spacer{flex:1}.switcher-action{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.switcher-action:active{filter:brightness(.9)}.switcher-filter-row{align-items:center;gap:10px;padding:0 16px 10px;display:flex}.switcher-origin{border:1px solid var(--line);background:var(--bg-alt);border-radius:7px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.switcher-origin button{min-width:54px;color:var(--ink-muted);font-family:var(--font-mono);background:0 0;border-radius:5px;padding:4px 9px;font-size:11px}.switcher-origin button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #00000029}.switcher-filter-row{flex-wrap:wrap}.switcher-sort button{min-width:0}.switcher-hint{font-family:var(--font-mono);color:var(--ink-muted);margin:0 0 8px;font-size:11px}.switcher-card.draggable{cursor:grab}.switcher-card.dragging{opacity:.4;cursor:grabbing}.switcher-header h2{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:15px;font-weight:700}.switcher-count{font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg-alt);border-radius:999px;padding:1px 8px;font-size:11px}.switcher-filter{width:100%;min-width:0;font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.switcher-filter:focus{border-color:var(--accent);outline:none}.switcher-close{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:8px;flex-shrink:0;padding:0;font-size:14px}.switcher-scroll{-webkit-overflow-scrolling:touch;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 24px);flex:1;overflow-y:auto}.switcher-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--tile-min,150px), 100%), 1fr));gap:10px;margin-bottom:18px;display:grid}.switcher-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex;overflow:hidden}.switcher-card.current{border-color:var(--accent)}.switcher-card.active-now{border-color:color-mix(in srgb, #22a06b 60%, var(--line));box-shadow:0 0 0 1px #22a06b4d}.switcher-card.new{min-height:130px;color:var(--ink-muted);font-family:var(--font-mono);background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:4px;font-size:12px}.switcher-card.new.inline-edit{flex-direction:column;justify-content:center;align-items:stretch}.switcher-new-plus{font-size:24px;line-height:1}.switcher-new-actions{justify-content:center;gap:6px;display:flex}.switcher-new-actions button{font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px}.switcher-card-head{align-items:center;gap:6px;min-width:0;display:flex}.switcher-card-name{min-width:0;font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.switcher-chip{letter-spacing:.05em;background:var(--bg-alt);color:var(--ink-muted);border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700}.switcher-chip.current{background:var(--accent);color:var(--accent-fg)}.switcher-chip.starting{color:var(--warn);background:#eab3082e}.switcher-chip.port{background:var(--bg-alt);color:var(--ink-muted)}.switcher-chip.agent{border:1px solid var(--line);background:var(--panel);color:var(--ink-muted)}.switcher-more{width:26px;height:26px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:14px;line-height:1}.switcher-more:hover{background:var(--bg-alt);color:var(--ink)}.switcher-preview{height:var(--tile-h,84px);font-family:var(--font-terminal);font-size:var(--tile-fs,6px);white-space:pre;color:var(--ink-muted);background:var(--terminal-bg);border:1px solid var(--line);border-radius:6px;margin:0;padding:4px 5px;line-height:1.3;overflow:hidden}.switcher-card-meta,.switcher-row-meta{font-family:var(--font-mono);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.switcher-card-meta{align-items:center;gap:8px;display:flex}.switcher-card-dir{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--ink-muted);direction:rtl;flex:1;font-size:10.5px;overflow:hidden}.switcher-card-when{opacity:.8;flex:none}.switcher-group{margin-bottom:16px}.switcher-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 6px;font-size:10px;font-weight:600}.switcher-rows{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.switcher-row{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.switcher-row+.switcher-row{border-top:1px solid var(--line)}.switcher-row.current{background:color-mix(in srgb, var(--accent) 8%, transparent)}.switcher-row:active{background:var(--bg-alt)}.switcher-row-name{max-width:11rem;font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;font-weight:500;overflow:hidden}.switcher-row-dir{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-family:var(--font-mono);color:var(--ink-muted);direction:rtl;flex:1;font-size:12px;overflow:hidden}.switcher-row-meta{text-align:right;opacity:.85;flex:none;font-size:11px}.switcher-empty{text-align:center;color:var(--ink-muted);padding:24px 12px;font-size:13px}.switcher-sheet-backdrop{z-index:610;background:#00000059;position:fixed;inset:0}.switcher-sheet{z-index:620;background:var(--panel);border:1px solid var(--line);transform-origin:100% 0;border-radius:12px;flex-direction:column;gap:6px;width:264px;padding:10px;animation:.12s ease-out switcher-menu-in;display:flex;position:fixed;box-shadow:0 10px 30px #0000004d}@keyframes switcher-menu-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.switcher-sheet-title{font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:13px;font-weight:700;overflow:hidden}.switcher-sheet>button{font-family:var(--font-mono);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:13px}.switcher-sheet>button:hover,.switcher-sheet>button:active{background:var(--bg-alt)}.switcher-sheet>button.danger{color:var(--err);border-color:color-mix(in srgb, var(--err) 35%, transparent)}@media (width>=768px){.switcher-scroll{width:100%;max-width:760px;margin:0 auto}}.session-list-cwd{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;opacity:.6;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;overflow:hidden}.session-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:5px;flex-shrink:0;padding:3px 7px;font-size:9px;font-weight:600}.session-badge.live{color:#fff;background:#22c55e}.session-badge.starting{color:#1a1d23;background:#eab308}.session-badge.port{background:var(--accent);color:var(--accent-fg)}.build-stamp{font-family:var(--font-mono);color:var(--ink-muted);opacity:.7;text-align:center;margin:16px 4px 4px;font-size:11px}@media (width>=768px){.switcher-overlay{background:color-mix(in srgb, var(--bg) 45%, transparent);-webkit-backdrop-filter:blur(8px);align-items:center;padding:7vh 24px}.switcher-overlay>.switcher-top{border:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);border-radius:14px 14px 0 0;width:min(760px,100%)}.switcher-overlay>.switcher-scroll{background:var(--bg);border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px;width:min(760px,100%);max-height:calc(86vh - 110px);box-shadow:0 30px 80px #00000073}.switcher-header{padding:14px 16px 10px}}.topbar-sessions-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.topbar-sessions-btn:hover{border-color:var(--accent)}.topbar-sessions-btn kbd{color:var(--ink-muted);border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.drawer-sessions-btn kbd{color:var(--ink-muted);border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}@media (width>=768px){.switcher-overlay.switcher-hub{padding:4vh 32px 3vh}.switcher-overlay.switcher-hub>.switcher-top,.switcher-overlay.switcher-hub>.switcher-scroll{width:min(1280px,96vw);max-width:min(1280px,96vw)}.switcher-overlay.switcher-hub>.switcher-scroll{flex:1;max-height:none}}@media (width>=769px){.app{height:100dvh;overflow:hidden}.topbar{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;flex-shrink:0;gap:14px;height:46px;padding:0 14px 0 12px}.brand{gap:9px}.brand-title{letter-spacing:0;font-size:13px}.brand-subtitle{display:none}.presence-strip{gap:6px;max-width:50%}.presence-chip{background:0 0;border-color:#0000;gap:6px;padding:3px 8px;font-size:11px;transition:none}.presence-chip:hover{background:var(--bg-alt);transform:none}.presence-chip.self{border-color:var(--line)}.presence-dot{width:7px;height:7px}.presence-name{font-size:11px}.presence-status{font-size:9px}.presence-empty{font-size:11px}.topbar-actions{gap:6px}.topbar-sessions-btn{font-family:var(--font-mono);background:0 0;border-radius:6px;padding:5px 9px;font-size:12px}.topbar-sessions-btn:hover{background:var(--bg-alt);border-color:var(--line)}.topbar-sessions-btn kbd{border-radius:4px;padding:0 4px;font-size:10.5px}.session{flex-direction:column;gap:0;min-height:0;padding:0;display:flex}.session .terminal{flex:1;gap:0;min-height:0}.terminal-frame{height:auto;min-height:0;box-shadow:none;border:none;border-radius:0;flex:1;animation:none}.terminal-scroll{padding:12px 14px}.terminal-footer{border:none;border-top:1px solid var(--line);background:var(--panel);border-radius:0;flex-shrink:0;gap:12px;min-height:30px;padding:3px 12px 3px 6px;font-size:11.5px}.footer-chip{border-radius:4px;padding:2px 9px;font-size:11px}.footer-find-toggle{font-size:11px}button{border-radius:7px;font-size:12.5px}.quick-btn{font-size:12px}.controls{box-shadow:none}.controls .room-info,.controls .drawer-group{box-shadow:none;border-radius:8px}.switcher-overlay.switcher-hub{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;top:46px}.switcher-overlay.switcher-hub>.switcher-top{border:none;border-bottom:1px solid var(--line);background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;width:100%;max-width:none}.switcher-overlay.switcher-hub .switcher-header{padding:12px 22px 8px}.switcher-overlay.switcher-hub .switcher-header h2{font-family:var(--font-mono);font-size:14px}.switcher-overlay.switcher-hub .switcher-filter-row{padding:0 22px 12px}.switcher-overlay.switcher-hub>.switcher-scroll{width:100%;max-width:none;box-shadow:none;background:radial-gradient(var(--line) 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);border:none;border-radius:0;padding:18px 22px 48px}.switcher-hub .switcher-card{box-shadow:none;border-radius:8px;transition:border-color .12s,transform .12s}.switcher-hub .switcher-card:hover{border-color:var(--accent);transform:translateY(-1px)}.switcher-hub .switcher-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.switcher-hub .switcher-rows{border-radius:8px}.switcher-overlay:not(.switcher-hub)>.switcher-top{border-radius:10px 10px 0 0}.switcher-overlay:not(.switcher-hub)>.switcher-scroll{border-radius:0 0 10px 10px;box-shadow:0 16px 48px #00000059}}.switcher-card.kbd-selected,.switcher-row.kbd-selected{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 7%, var(--panel))}.switcher-card-tagline{color:var(--ink);opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.switcher-overlay.tile-micro .switcher-card-tagline{font-size:9.5px}.switcher-card-snippet{font-family:var(--font-mono);color:var(--ink);background:var(--bg-alt);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:10px;overflow:hidden}.context-menu.link-menu{max-width:min(340px,100vw - 16px)}.context-menu-title{font-family:var(--font-mono);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--line);margin-bottom:3px;padding:6px 10px 7px;font-size:11.5px;display:block;overflow:hidden}.switcher-tilesize{border:1px solid var(--line);border-radius:7px;align-items:center;gap:2px;margin-left:10px;padding:2px;display:inline-flex}.switcher-tilesize button{font-family:var(--font-mono);color:var(--ink-muted);background:0 0;border-radius:5px;padding:2px 8px;font-size:11px;line-height:1.4}.switcher-tilesize button:disabled{opacity:.35;cursor:default}.switcher-zoom-readout{text-align:center;min-width:14px;font-family:var(--font-mono);color:var(--ink-muted);font-size:10px}.switcher-chip.live{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.switcher-focus-term{position:relative}.switcher-focus-veil{z-index:2;font-family:var(--font-terminal);font-size:var(--tile-fs,11px);white-space:pre;color:var(--ink-muted);background:var(--terminal-bg);pointer-events:none;margin:0;padding:4px 5px;line-height:1.3;position:absolute;inset:0;overflow:hidden}.switcher-focus-tile{height:var(--tile-h,300px);border:1px solid var(--accent);background:var(--terminal-bg);border-radius:6px;flex-direction:column;display:flex;position:relative;overflow:hidden}.switcher-focus-bar{font-family:var(--font-mono);color:var(--ink-muted);background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:flex}.switcher-focus-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.switcher-focus-label.down{color:var(--warn)}.switcher-focus-bar button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.switcher-focus-bar button:hover{color:var(--ink)}.switcher-focus-term{flex:1;min-height:0;padding:4px 5px;overflow:auto}.switcher-card.focused{border-color:var(--accent)}@media (width>=769px){.switcher-overlay:not(.switcher-hub)>.switcher-top,.switcher-overlay:not(.switcher-hub)>.switcher-scroll{width:min(1200px,92vw);max-width:min(1200px,92vw)}.switcher-overlay:not(.switcher-hub){padding:5vh 24px}.switcher-overlay:not(.switcher-hub)>.switcher-scroll{max-height:calc(90vh - 120px)}}.terminal-drop-overlay{z-index:30;text-align:center;border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-family:var(--font-mono);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex;position:absolute;inset:6px}.shortcut-help{z-index:700;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(440px,90vw);padding:18px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000073}.shortcut-help h3{font-family:var(--font-mono);margin:0 0 12px;font-size:13px}.shortcut-help-row{color:var(--ink-muted);align-items:center;gap:12px;padding:5px 0;font-size:12.5px;display:flex}.shortcut-help-row kbd{font-family:var(--font-mono);color:var(--ink);background:var(--bg);border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:5px;flex:0 0 138px;padding:2px 7px;font-size:11.5px}.pane-root{flex:1;min-width:0;min-height:0;display:flex}.pane-root>*{flex:1;min-width:0;min-height:0}.pane-split{flex:1;min-width:0;min-height:0;display:flex}.pane-split.dir-col{flex-direction:column}.pane-cell{min-width:0;min-height:0;display:flex;overflow:hidden}.pane-cell>*{flex:1;min-width:0;min-height:0}.primary-pane-wrap{flex:1;min-width:0;min-height:0;display:flex}.primary-pane-wrap>.terminal{flex:1;min-width:0}.pane-divider{background:var(--line);cursor:col-resize;touch-action:none;flex:0 0 5px;transition:background .12s}.pane-split.dir-col>.pane-divider{cursor:row-resize}.pane-divider:hover,.pane-divider:active{background:var(--accent)}.secondary-pane{background:var(--terminal-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.secondary-pane.focused{box-shadow:inset 0 0 0 2px var(--accent)}.secondary-pane-bar{font-family:var(--font-mono);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-size:11px;display:flex}.secondary-pane-name{color:var(--ink);font-weight:600}.secondary-pane-status{color:var(--ink-muted);font-size:10px}.secondary-pane-status.ended{color:var(--err)}.secondary-pane-bar button{margin-left:0}.secondary-pane-bar button:first-of-type{color:var(--ink-muted);background:0 0;margin-left:auto;padding:1px 7px;font-size:12px}.secondary-pane-bar button:hover{color:var(--ink)}.secondary-pane-box{flex:1;min-height:0;padding:4px;position:relative;overflow:hidden}.secondary-pane-scale{transform-origin:0 0}.secondary-pane-proc{color:var(--accent);font-size:10px}.secondary-pane-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite pane-dot-pulse}@keyframes pane-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.secondary-pane-dot{animation:none}}@media (width>=769px){.switcher-overlay.switcher-fullscreen{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:stretch;padding:0}.switcher-overlay.switcher-fullscreen>.switcher-top,.switcher-overlay.switcher-fullscreen>.switcher-scroll{width:100%;max-width:none;box-shadow:none;border-left:none;border-right:none;border-radius:0}.switcher-overlay.switcher-fullscreen>.switcher-scroll{flex:1;max-height:none}.switcher-overlay.switcher-fullscreen>.switcher-top{border-top:none}}.switcher-overlay.tile-dense .switcher-card-head .switcher-icon-btn:not(:last-child),.switcher-overlay.tile-dense .switcher-card-head .switcher-chip.current{display:none}.switcher-inline-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.switcher-card-head .switcher-inline-actions{margin-left:auto}.switcher-icon-btn{width:26px;height:26px;color:var(--ink-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}.switcher-icon-btn:hover{background:var(--bg-alt);color:var(--ink)}.switcher-icon-btn.danger:hover{background:color-mix(in srgb, var(--err) 15%, transparent);color:var(--err)}@media (hover:hover) and (pointer:fine){.switcher-inline-actions .switcher-icon-btn:not(:last-child){opacity:0;transition:opacity .12s}.switcher-row:hover .switcher-inline-actions .switcher-icon-btn,.switcher-card:hover .switcher-inline-actions .switcher-icon-btn,.switcher-row.kbd-selected .switcher-inline-actions .switcher-icon-btn,.switcher-card.kbd-selected .switcher-inline-actions .switcher-icon-btn,.switcher-inline-actions:focus-within .switcher-icon-btn{opacity:1}}.empty-pane{background:radial-gradient(var(--line) 1px, transparent 1px) 0 0 / 20px 20px, var(--terminal-bg);flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.empty-pane.focused{box-shadow:inset 0 0 0 2px var(--accent)}.empty-pane-pick{border:1px dashed var(--line);background:var(--panel);color:var(--ink-muted);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:inline-flex}.empty-pane-pick:hover{border-color:var(--accent);color:var(--ink)}.empty-pane-plus{color:var(--accent);font-size:20px;line-height:1}.empty-pane-pick kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:1px 5px;font-size:11px}.empty-pane-close{width:26px;height:26px;color:var(--ink-muted);background:0 0;border-radius:6px;position:absolute;top:8px;right:8px}.empty-pane-close:hover{background:var(--bg-alt);color:var(--ink)}.switcher-filter.compact{opacity:.75;flex:0 92px;min-width:0}.switcher-card-head.drag-handle{cursor:grab}.switcher-card-head.drag-handle:active{cursor:grabbing}.switcher-new-top{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--font-mono);cursor:pointer;border-radius:7px;flex-shrink:0;margin-left:8px;padding:3px 10px;font-size:11px}.switcher-new-top:hover{border-color:var(--accent);color:var(--accent)}.switcher-create-row{gap:6px;padding:0 16px 10px;display:flex}.switcher-create-row input{border:1px solid var(--accent);background:var(--panel);min-width:0;color:var(--ink);font-family:var(--font-mono);border-radius:7px;flex:1;padding:6px 10px;font-size:12px}.switcher-create-row button{font-family:var(--font-mono);flex-shrink:0;font-size:12px}.switcher-parked-toggle{text-align:left;width:100%;color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:11px;display:block}.switcher-parked-toggle:hover{color:var(--ink)}.switcher-row.parked .switcher-row-dir{direction:ltr;font-family:inherit}.switcher-chip.waiting{background:var(--warn);color:#1a1200}.switcher-preview-row{height:calc(var(--tile-fs,6px) * 1.3);line-height:calc(var(--tile-fs,6px) * 1.3);white-space:pre;overflow:hidden}.switcher-preview-row span{vertical-align:top;height:100%;display:inline-block}.switcher-preview-scalebox{align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.switcher-preview-screen{transform-origin:0 0;font-family:var(--font-terminal);position:absolute;top:0;left:0}.switcher-preview-screen .switcher-preview-row{height:1.3em;line-height:1.3em}.switcher-preview-live{padding:0;overflow:hidden}.switcher-live-tile{width:100%;height:100%;position:relative}.switcher-live-tile .switcher-focus-term{padding:0;position:absolute;inset:4px 5px;overflow:hidden}.switcher-live-chrome{z-index:3;background:color-mix(in srgb, var(--panel) 82%, transparent);font-family:var(--font-mono);color:var(--ink-muted);border-radius:6px;align-items:center;gap:4px;padding:1px 5px;font-size:10px;display:flex;position:absolute;top:2px;right:4px}.switcher-live-chrome button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:11px}.switcher-live-chrome button:hover{color:var(--ink)}.voice-overlay{z-index:40;background:color-mix(in srgb, var(--panel,#1b1b1f) 88%, transparent);border:1px solid var(--line,#333);pointer-events:none;border-radius:999px;align-items:center;gap:8px;max-width:70%;padding:7px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.voice-dot{background:#e5484d;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.1s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.voice-text{font-family:var(--font-mono);color:var(--ink,#ddd);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.voice-text.muted{color:var(--ink-muted,#888)}.switcher-live-chrome .switcher-live-viewers{font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;font-size:10.5px;font-family:var(--font-mono);align-items:center;gap:3px;padding:0 4px;font-size:10.5px;display:inline-flex}.switcher-live-chrome .viewer-agent{letter-spacing:.04em;background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--ink);border-radius:3px;padding:0 3px;font-size:8.5px}.switcher-live-chrome .switcher-live-driver{font-family:var(--font-mono);color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:120px;padding:0 5px;font-size:10.5px;display:inline-flex;overflow:hidden}.switcher-live-chrome .driver-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite voice-pulse}.switcher-live-chrome .switcher-tile-find{align-items:center;gap:4px;display:inline-flex}.switcher-live-chrome .switcher-tile-find input{width:130px;font-family:var(--font-mono);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;outline:none;padding:1px 6px;font-size:11px}.switcher-live-chrome .switcher-tile-find input:focus{border-color:var(--accent)}.switcher-live-chrome .switcher-tile-find em{font-style:normal;font-family:var(--font-mono);color:var(--ink-muted);text-align:center;min-width:26px;font-size:10px}.switcher-live-tile .xterm-viewport{scrollbar-width:none;overflow:hidden!important}.switcher-live-tile.is-live .xterm-viewport{overflow-y:auto!important}.switcher-live-tile .xterm-viewport::-webkit-scrollbar{width:0;height:0}.switcher-live-tile:not(.is-live) .switcher-focus-term{pointer-events:none}.switcher-chip.agent.inferred{opacity:.72;border-style:dashed}.switcher-folder-new{border:1px dashed var(--line);color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;margin-left:10px;padding:1px 8px;font-size:11px}.switcher-folder-new:hover{border-color:var(--accent);color:var(--ink)}.switcher-folder{border:1px solid #0000;border-radius:12px;padding:2px 6px 6px;transition:border-color .12s,background .12s}.switcher-folder.drop-target,.switcher-unfiled.drop-target{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.switcher-folder-count{color:var(--ink-muted);margin-left:8px;font-size:10.5px}.switcher-folder .switcher-group-label button,.switcher-unfiled button{color:var(--ink-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:2px;padding:2px 4px;font-size:10.5px;line-height:1;transition:opacity .12s}.switcher-folder .switcher-group-label button:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 12%, transparent)}.switcher-folder .switcher-group-label .switcher-folder-add{opacity:1;margin-left:6px;font-size:12.5px}.switcher-folder:hover .switcher-group-label button{opacity:1}.switcher-folder-empty{font-family:var(--font-mono);color:var(--ink-muted);margin:4px 0 8px;font-size:11.5px}.switcher-unfiled{border:1px solid #0000;border-radius:10px;padding:2px 6px}.context-menu{z-index:120;border:1px solid var(--line);background:var(--panel);border-radius:11px;flex-direction:column;gap:1px;min-width:190px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 34px #0000004d}.context-menu-item{width:100%;color:var(--ink);font-family:var(--font-ui,inherit);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:13px;display:flex}.context-menu-item.active:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent)}.context-menu-item:disabled{color:var(--ink-muted);cursor:default}.context-menu-item.danger{color:#e5484d}.context-menu-item.danger.active{background:#e5484d24}.context-menu-item kbd{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.context-menu-separator{background:var(--line);height:1px;margin:4px 6px}@media (width<=767px){.switcher-header{padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 10px) 8px calc(env(safe-area-inset-left,0px) + 10px);gap:6px}.switcher-header h2{font-size:15px}.switcher-new-label,.switcher-chip.live,.switcher-zoom-readout{display:none}.switcher-tilesize button{padding:5px 10px}.switcher-action,.switcher-close{width:38px;height:38px}.switcher-filter-row{padding:0 calc(env(safe-area-inset-right,0px) + 10px) 10px calc(env(safe-area-inset-left,0px) + 10px);flex-wrap:wrap;row-gap:8px}.switcher-filter,.switcher-filter.compact{opacity:1;flex:100%;order:2;min-height:38px}.switcher-origin button{padding:6px 10px;font-size:11px}}@media (hover:none){.switcher-folder .switcher-group-label button,.switcher-unfiled button{opacity:1}}.switcher-folder .switcher-create-infolder{margin:4px 0 8px}.switcher-live-tile .voice-overlay{max-width:86%;bottom:30px}