@sapiom/harness 0.8.7 → 0.8.9

package/dist/web/assets/index-BuY7sGHa.css

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2014 The xterm.js authors. All rights reserved.
- * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
- * https://github.com/chjj/term.js
- * @license MIT
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- *
- * Originally forked from (with the author's permission):
- *   Fabrice Bellard's javascript vt100 for jslinux:
- *   http://bellard.org/jslinux/
- *   Copyright (c) 2011 Fabrice Bellard
- *   The original design remains. The terminal itself
- *   has been extended to include xterm CSI codes, among
- *   other features.
- */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-Dispecij.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root,[data-theme=dark]{color-scheme:dark;--bg: #0B0E13;--list: #0d1016;--s1: #12161d;--s2: #181d26;--s3: #1f2630;--line: rgba(255,255,255,.07);--line-2: rgba(255,255,255,.13);--hl: rgba(255,255,255,.045);--hl-2: rgba(255,255,255,.09);--ink: #f4f4f5;--ink-muted: #a7a7b0;--ink-faint: #85858f;--btn: #f4f4f5;--btn-ink: #0B0E13;--red: #ef5350;--red-text: #f4a09d;--amber: #f0a12d;--amber-text: #eec584;--green: #34c471;--green-text: #8ce3b0;--slate: #8b8b95;--marketing-bg: var(--bg);--marketing-hero-muted: var(--ink-faint);--marketing-hero-ink: var(--ink);--marketing-hero-live: var(--green-text);--shadow: 0 24px 64px -20px rgba(0,0,0,.65);--scrim-bg: rgba(3,3,5,.55);--viz-1: #6BA3DC;--viz-2: #4278AC;--viz-3: #A9B1BB;--viz-4: #6A727C;--viz-5: #A08FDB;--viz-6: #7663B5}[data-theme=light]{color-scheme:light;--bg: #F8F9FA;--list: #f1f3f5;--s1: #ffffff;--s2: #eef1f4;--s3: #e5e9ed;--line: rgba(17,17,20,.08);--line-2: rgba(17,17,20,.15);--hl: rgba(17,17,20,.04);--hl-2: rgba(17,17,20,.075);--ink: #141417;--ink-muted: #54545e;--ink-faint: #6a6a74;--btn: #141417;--btn-ink: #ffffff;--red: #d13b37;--red-text: #b02a26;--amber: #c07b00;--amber-text: #8a5800;--green: #1e9e56;--green-text: #0f7a40;--slate: #787882;--marketing-bg: #F4F4F2;--marketing-hero-muted: #858684;--marketing-hero-ink: #08090B;--marketing-hero-live: #7DC15A;--shadow: 0 24px 64px -28px rgba(20,20,30,.28);--scrim-bg: rgba(24,24,30,.32);--viz-1: #1B5FA6;--viz-2: #6494C9;--viz-3: #838B95;--viz-4: #464C55;--viz-5: #5A3E9E;--viz-6: #907FCB}:root,[data-theme=dark],[data-theme=light]{--background: var(--bg);--foreground: var(--ink);--card: var(--s1);--card-foreground: var(--ink);--popover: var(--s1);--popover-foreground: var(--ink);--muted: var(--s2);--muted-foreground: var(--ink-muted);--border-soft: var(--line);--border-strong: var(--line-2);--border: var(--border-soft);--input: var(--border-soft);--ring: var(--ink-muted);--primary: var(--btn);--primary-foreground: var(--btn-ink);--secondary: var(--s2);--secondary-foreground: var(--ink);--accent: var(--hl-2);--accent-foreground: var(--ink);--destructive: var(--red);--destructive-foreground:var(--btn-ink)}:root{--font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--type-title: 1.375rem;--type-h2: 1rem;--type-metric: 1.375rem;--type-body: .875rem;--type-ui: .875rem;--type-label: .75rem;--type-meta: .6875rem;--type-micro: .6875rem;--sp0: 2px;--sp1: 4px;--sp2: 8px;--sp3: 12px;--sp4: 16px;--sp5: 24px;--sp6: 32px;--sp7: 48px;--sp8: 64px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 16px;--radius: var(--r);--header-h: 56px;--pane-header-h: var(--header-h);--control-h: 40px;--control-h-sm: 36px;--control-h-xs: 32px;--control-h-2xs: 28px;--row-h: 56px;--row-h-sm: 48px;--row-h-xs: 40px;--icon: 40px;--icon-sm: 32px;--icon-lg: 44px;--glyph-control: 1rem;--card-pad: clamp(20px, 2vw, 28px);--page-max: 80rem;--page-gutter: clamp(1.5rem, 3vw, 3rem);--page-y: clamp(2rem, 3vw, 2.75rem);--assistant-measure: 52rem;--assistant-measure-ide: 40.625rem;--tooltip-measure: 30ch;--col-w: 16rem;--assistant-textarea-min: 64px;--command-input-h: var(--row-h);--command-row-h: var(--row-h-sm);--overlay-radius: calc(var(--r-xl) + 12px);--ui-line: var(--border-soft);--ui-line-strong: var(--border-strong);--active-shade: color-mix(in srgb, var(--ink) 8%, transparent);--nested-shade: color-mix(in srgb, var(--ink) 11%, transparent);--active-shade-raised: color-mix(in srgb, var(--ink) 12%, transparent);--surface-hover-raised: color-mix(in srgb, var(--ink) 6%, transparent);--surface-base: var(--bg);--surface-raised: var(--s1);--surface-inset: var(--s2);--surface-hover: var(--hl);--flow-grid-dot: color-mix(in srgb, var(--ink) 22%, transparent);--table-indent: calc(var(--sp5) + 2rem + var(--sp4));--shadow-soft: 0 12px 32px -18px color-mix(in srgb, var(--ink) 28%, transparent);--ease: cubic-bezier(.16, 1, .3, 1);--fast: .13s;--base: .22s;--slow: .34s;--rail: 264px;--panel: 400px;--detail: min(520px, 40vw);--drawer: min(580px, 94vw)}:root,[data-theme=dark]{--brand: #1fbdd1;--brand-hover: #4dd3e3;--brand-ink: #042227;--brand-wash: color-mix(in srgb, var(--brand) 14%, transparent);--brand-line: color-mix(in srgb, var(--brand) 38%, transparent);--focus-ring: color-mix(in srgb, var(--brand) 54%, transparent);--focus: var(--focus-ring);--violet: #a78bfa}[data-theme=light]{--brand: #05a9bc;--brand-hover: #048a9a;--brand-ink: #ffffff;--brand-wash: color-mix(in srgb, var(--brand) 12%, transparent);--brand-line: color-mix(in srgb, var(--brand) 30%, transparent);--focus-ring: color-mix(in srgb, var(--brand) 38%, transparent);--focus: var(--focus-ring);--violet: #8b5cf6}[data-product=sapiom-studio]{--radius: .5rem;--radius-full: 9999px;--sp-half: 2px;--line-box: 20px;--card-pad: var(--sp3);--font-sans: var(--font);--font-mono: var(--mono);--type-label: 14px;--type-meta: 12px;--type-display: 24px;--fw-regular: 400;--fw-medium: 500;--fw-strong: 600;--lh-tight: 1.2;--bar-h: var(--row-h-xs);--control-h: var(--control-h-xs);--glyph-control: 14px;--pill-h: var(--line-box);--dot: 7px;--dot-sm: 6px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: var(--shadow-soft);--shadow-lg: var(--shadow);--transition-fast: var(--fast) var(--ease);--scrollbar-thumb: color-mix(in srgb, var(--ink-muted) 75%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--ink-muted) 90%, transparent);--surface-floating: var(--surface-raised);--surface-inset: var(--active-shade);--brand-wash: var(--active-shade);--brand-line: var(--ui-line-strong);--focus-ring: color-mix(in srgb, var(--ink) 54%, transparent);--focus: var(--focus-ring)}[data-product=sapiom-studio],[data-theme=dark] [data-product=sapiom-studio],[data-product=sapiom-studio][data-theme=dark]{--brand: #6be195;--brand-hover: #8ceab0;--brand-ink: #062b16}[data-theme=light] [data-product=sapiom-studio],[data-product=sapiom-studio][data-theme=light]{--brand: #167e3a;--brand-hover: #116930;--brand-ink: #ffffff;--bg: #f0f2f5}:root{--radius: .5rem;--radius-sm: .5rem;--radius-md: .5rem;--radius-lg: .5rem;--radius-xl: .5rem;--radius-full: 9999px;--pane-pad-x: var(--sp4);--row-bleed: var(--sp2);--font-sans: var(--font);--font-mono: var(--mono);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: var(--shadow-soft);--shadow-lg: var(--shadow);--transition-fast: var(--fast) var(--ease);--chip-h: 28px;--control-h-2xs: 22px;--mac-lights-inset: 78px}.status-tag{display:inline-flex;align-items:center;gap:var(--sp1);padding:0;border:0;background:none;color:var(--text-dim);font-size:var(--type-meta);font-weight:510;white-space:nowrap}.status-tag svg{flex:0 0 auto}.status-tag-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:currentColor;opacity:.75}.status-tag-action{min-height:var(--chip-h);padding:0 var(--sp2);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;text-underline-offset:3px;transition:color var(--transition-fast)}.status-tag-action:hover{text-decoration:underline}.status-tag-action:active{color:var(--text)}.status-tag-action:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media(prefers-reduced-motion:reduce){.status-tag-action{transition:none}}:root,[data-theme=dark],[data-theme=light]{--bg-0: var(--bg);--bg-1: var(--s1);--bg-2: var(--s2);--bg-3: var(--s3);--bg-hover: var(--hl-2);--border: var(--line);--border-strong: var(--line-2);--text: var(--ink);--text-dim: var(--ink-muted);--text-faint: var(--ink-faint);--accent: var(--brand);--accent-hover: var(--brand-hover);--accent-dim: var(--brand-wash);--accent-border: var(--brand-line);--accent-foreground: var(--brand-ink);--toggle-knob-off: var(--s1);--toggle-knob-on: var(--brand-ink);--bg-warning: color-mix(in srgb, var(--amber) 12%, var(--bg));--border-warning: color-mix(in srgb, var(--amber) 38%, transparent);--text-warning: var(--amber-text)}:root,[data-theme=dark]{--brand: #6be195;--brand-hover: #8ceab0;--brand-ink: #062b16}[data-theme=light]{--brand: #167e3a;--brand-hover: #116930;--brand-ink: #ffffff}@keyframes pop-in{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg-0);color:var(--text);font:var(--type-ui)/1.45 var(--font-sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}.app-status{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.app-status-error{color:var(--red)}.connectivity-screen{padding:var(--sp6)}.connectivity-screen-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp3);max-width:34rem}.connectivity-screen-icon{display:inline-flex;color:var(--text-dim)}.connectivity-screen[data-status=auth] .connectivity-screen-icon{color:var(--ink-muted)}.connectivity-screen[data-status=error] .connectivity-screen-icon{color:var(--red)}.connectivity-screen-title{color:var(--text);font-size:var(--type-h2);font-weight:560}.connectivity-screen-body{color:var(--text-dim);font-size:var(--type-ui);line-height:1.55}.connectivity-screen-detail{color:var(--text-faint);font-size:var(--type-meta);font-family:var(--mono, monospace);word-break:break-word}.connectivity-screen-retry{margin-top:var(--sp2)}.connectivity-banner{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp4);background:var(--bg-1);border-bottom:1px solid var(--line);font-size:var(--type-label);color:var(--text-dim)}.connectivity-banner-icon{display:inline-flex;flex:0 0 auto;color:var(--text-dim)}.connectivity-banner-text{flex:1;min-width:0;line-height:1.5}.connectivity-banner-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-faint);font-size:var(--type-h2);line-height:1;cursor:pointer;padding:0 2px;transition:color var(--transition-fast)}.connectivity-banner-dismiss:hover{color:var(--text)}.connectivity-banner-dismiss:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{position:relative;display:flex;height:100vh;overflow-x:auto}.workspace-main{flex:1;min-width:40rem;display:flex;flex-direction:column}.rail-slot{display:flex;flex:0 1 auto;min-width:0;overflow:hidden;transition:width var(--base) var(--ease)}.rail-slot.is-resizing{transition:none}.rail-slot.is-collapsed{visibility:hidden;transition:width var(--base) var(--ease),visibility 0s var(--base)}@media(prefers-reduced-motion:reduce){.rail-slot{transition:none}}.brand-header{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp2);height:var(--pane-header-h);padding:0 var(--sp2);background:transparent}.brand-header-window{display:flex;align-items:center;gap:var(--sp1)}.session-nav{display:flex;align-items:center;gap:var(--sp0)}.session-nav-btn:disabled{opacity:.4;cursor:default}:root[data-window-frame=macos] .brand-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:calc((var(--header-h) + var(--control-h-xs)) / 2) auto;align-items:center;height:auto;padding:0 var(--sp2) 0 var(--pane-pad-x);column-gap:var(--sp2)}:root[data-window-frame=macos] .brand-header .brand-header-window{grid-column:1;grid-row:1;align-self:end;padding-left:calc(var(--mac-lights-inset) - var(--pane-pad-x))}:root[data-window-frame=macos] .brand-header .session-nav{grid-column:3;grid-row:1;align-self:end}:root[data-window-frame=macos] .brand-header .brand-lockup{grid-column:1 / -1;grid-row:2;padding-left:calc(var(--pane-pad-x) - var(--sp2))}:root[data-window-frame=macos] .brand-header,:root[data-window-frame=macos] .session-bar,:root[data-window-frame=macos] .right-pane-tabs{-webkit-app-region:drag}:root[data-window-frame=macos] .brand-header :is(button,a,input,[role=tab],[role=button],[role=menuitem]),:root[data-window-frame=macos] .session-bar :is(button,a,input,[role=tab],[role=button],[role=menuitem]),:root[data-window-frame=macos] .right-pane-tabs :is(button,a,input,[role=tab],[role=button],[role=menuitem]){-webkit-app-region:no-drag}:root[data-window-frame=macos] .app-shell[data-rail-collapsed] .session-bar,:root[data-window-frame=macos] .app-shell[data-rail-collapsed] .templates-bar{padding-left:var(--mac-lights-inset)}.theme-toggle.rail-toggle{transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}:root[data-window-frame=macos][data-window-focused=false] .rail-toggle{background:var(--surface-raised);border-color:var(--border);box-shadow:var(--shadow-xs)}:root[data-window-frame=macos] .modal-backdrop{-webkit-app-region:no-drag}.brand-lockup{display:flex;align-items:baseline;gap:var(--sp2);flex:1 1 auto;min-width:0;margin:0;font-size:var(--type-ui)}.brand-mark{display:contents}.brand-logotype{display:block;color:var(--text);transform:translateY(var(--brand-logotype-descender, 0))}.brand-product{font-family:var(--mono);font-size:var(--type-meta);font-weight:500;color:var(--text-dim)}.rail-nav{display:flex;flex-direction:column;gap:var(--sp0);padding:var(--sp2) 0 0}.rail-nav-kbd{margin-left:auto;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:.02em}.theme-toggle{width:var(--control-h-xs);height:var(--control-h-xs);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-dim);transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background:var(--surface-hover);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-toggle,.macro-icon-btn,.session-new,.dir-picker-up,.composer-attach,.composer-send{box-sizing:border-box;flex:0 0 auto;align-self:center;width:var(--control-h-xs);min-width:var(--control-h-xs);height:var(--control-h-xs);min-height:var(--control-h-xs);padding:0;aspect-ratio:1}.workspace-row-action,.session-tab-close,.deploy-status-dismiss,.plan-card-menu-btn,.toast-dismiss{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--control-h-2xs);min-width:var(--control-h-2xs);height:var(--control-h-2xs);min-height:var(--control-h-2xs);padding:0;aspect-ratio:1}.canvas-zoom-reset{width:auto;aspect-ratio:auto;padding:0 var(--sp1)}.brand-identity{display:flex;align-items:center;gap:6px;font-size:var(--type-label);color:var(--text-dim)}.identity-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.identity-dot[data-authenticated=true]{background:var(--green)}.telemetry-notice{display:flex;align-items:flex-start;gap:10px;padding:8px 14px;background:var(--accent-dim);border-bottom:1px solid var(--accent-border);font-size:var(--type-label);color:var(--text-dim)}.telemetry-notice-body{flex:1;min-width:0}.telemetry-notice-text{margin:0;line-height:1.5}.telemetry-notice-settings-link{background:none;border:none;padding:0;color:var(--text-dim);font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.telemetry-notice-settings-link:hover{color:var(--text)}.telemetry-notice-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-faint);font-size:var(--type-h2);line-height:1;cursor:pointer;padding:0 2px;transition:color var(--transition-fast)}.telemetry-notice-dismiss:hover{color:var(--text)}.telemetry-notice-dismiss:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{position:relative;display:grid;grid-template-columns:minmax(20rem,1fr) minmax(20rem,1fr);flex:1;min-height:0;overflow-x:auto;overflow-y:hidden}.pane-resize-handle{position:absolute;top:0;bottom:0;width:7px;cursor:col-resize;z-index:20;touch-action:none}.pane-resize-handle:hover,.pane-resize-handle:active{background:var(--accent-dim)}.pane-resize-handle-rail{transform:translate(-50%)}.pane-resize-handle-canvas{transform:translate(50%)}.center-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.rail{display:flex;flex-direction:column;background:var(--surface-base);min-width:0;min-height:0}.rail-workflows{flex:0 1 auto;height:100%;padding:0}.rail-nav-row{display:flex;align-items:center;gap:var(--sp2);align-self:stretch;height:var(--control-h);margin:0 calc(var(--pane-pad-x) - var(--row-bleed));padding:0 var(--row-bleed);border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;font-size:var(--type-ui);color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.rail-nav-row:hover{background:var(--surface-hover);color:var(--text)}.rail-nav-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.rail-nav-row.is-selected{background:var(--surface-selected);color:var(--text);font-weight:550}.rail-nav-cta{display:flex;align-items:center;justify-content:center;gap:var(--sp2);align-self:stretch;margin:0 calc(var(--pane-pad-x) - var(--row-bleed)) var(--sp2);min-height:var(--control-h);padding:0 var(--row-bleed);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--btn);box-shadow:var(--shadow-xs);text-align:center;font-size:var(--type-ui);font-weight:550;color:var(--btn-ink);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.rail-nav-cta svg{color:color-mix(in srgb,var(--brand) 65%,var(--btn-ink))}.rail-nav-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.rail-nav-cta:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rail-nav-cta:active{transform:translateY(0)}.rail-nav-cta.is-empty{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 24%,transparent),var(--shadow-xs)}.rail-nav-cta.is-empty:hover{transform:translateY(-1px);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 34%,transparent),var(--shadow-soft)}.rail-header{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--sp2);min-height:var(--control-h);margin-top:0;margin-bottom:var(--sp1);padding:0 var(--sp2) var(--sp2) var(--pane-pad-x);border-bottom:1px solid var(--ui-line);font-size:var(--type-label);font-weight:590;color:var(--text-dim)}.rail-header-label{min-width:0}.rail-header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.rail-header-btn{position:relative}.rail-header-btn:hover{border-color:var(--ui-line-strong);background:var(--surface-hover)}.session-dropdown-new{color:var(--text-dim)}.session-dropdown-new:hover{color:var(--text)}.rail-tree{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.connect-card{background:var(--bg-2);border:1px solid var(--ui-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;z-index:30;animation:pop-in var(--transition-fast) ease-out}.connect-card-header{display:flex;align-items:center;gap:var(--sp2);height:var(--pane-header-h);padding:0 var(--sp2) 0 var(--sp3);border-bottom:1px solid var(--ui-line);font-size:var(--type-label);font-weight:510;color:var(--text-faint)}.connect-card-close{margin-left:auto}.connect-card-body{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp3)}.history-card{width:min(300px,calc(100vw - var(--sp4)))}.history-card .connect-card-body{gap:var(--tree-row-gap);padding:6px}.menu-flyer{padding:0;background:transparent;border:0;box-shadow:none;animation:none;z-index:40}.menu-flyer-track{display:flex;align-items:flex-start;gap:0;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22))}.menu-flyer-track .connect-card{box-shadow:none}.menu-flyer-bridge{align-self:stretch;flex:0 0 2px;width:2px;pointer-events:auto}.menu-flyer-nested{align-self:flex-start;width:min(320px,calc(100vw - var(--sp4)));animation:menu-nested-in .1s var(--ease) both}@keyframes menu-nested-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.menu-flyer-nested{animation:none}}.past-sessions-list{max-height:min(360px,60vh);overflow-y:auto}.menu-choice-group{display:flex;flex-direction:column;gap:var(--tree-row-gap)}.menu-choice-mark{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--line-box, 20px);color:var(--text)}.nested-trigger>.session-history-badge{margin-left:auto}.nested-trigger>svg:last-child{flex:0 0 auto;color:var(--text-faint)}.nested-trigger>.session-history-badge+svg:last-child{margin-left:var(--sp1)}.nested-trigger.is-open{background:var(--active-shade)}.rail-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--tree-row-gap);padding:var(--sp3) var(--sp2)}.rail-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp2) var(--pane-pad-x) var(--sp3)}.rail-footer-row{display:flex;align-items:center;min-height:var(--pane-header-h);padding:0}.plan-row,.update-row{min-height:0}.rail-footer-card{display:flex;align-items:center;gap:var(--sp2);width:100%;min-height:var(--row-h-xs);padding:var(--sp2) var(--sp3);background:var(--surface-inset);border:0;border-radius:var(--radius);color:var(--text-dim);text-decoration:none;text-align:left}.plan-card-copy{display:grid;min-width:0;flex:1;gap:1px}.plan-card-name{font-size:var(--type-label);font-weight:510;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-meta);color:var(--text-dim);white-space:nowrap}.plan-card-upgrade{flex:0 0 auto;display:inline-flex;align-items:center;height:calc(var(--chip-h) - var(--sp1));padding:0 var(--sp3)}.plan-card-upgrade:hover{color:var(--text)}.plan-card-upgrade:focus-visible,.plan-card-menu-btn:focus-visible,button.rail-footer-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.plan-card-menu-btn{border:0;background:transparent;border-radius:var(--radius);color:var(--text-faint)}.plan-card-menu-btn:hover,.plan-card-menu-btn[aria-expanded=true]{color:var(--text);background:var(--nested-shade)}button.rail-footer-card{cursor:pointer;transition:background-color var(--fast) var(--ease)}button.rail-footer-card:hover{background:var(--nested-shade)}.update-card-label{font-size:var(--type-label);font-weight:590;color:var(--text);white-space:nowrap}.update-card-version{flex:1;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-meta);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-card>svg:last-child,.plan-card>svg:last-child{flex:0 0 auto;color:var(--text-faint)}.rail-profile-wrap{position:relative}.rail-profile{display:flex;align-items:center;gap:var(--sp2);flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--text-dim);text-align:left}.rail-profile:hover{color:var(--text)}.rail-profile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rail-profile-avatar{display:grid;place-items:center;flex:0 0 auto;width:var(--control-h-xs);height:var(--control-h-xs);border-radius:var(--radius);background:var(--surface-inset);border:1px solid var(--ui-line);color:var(--text);font-size:var(--type-ui);font-weight:590}.rail-profile-copy{display:grid;min-width:0;flex:1;gap:1px}.rail-profile-name{color:var(--text);font-size:var(--type-label);font-weight:510;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-profile-meta{display:inline-flex;align-items:center;gap:var(--sp1);min-width:0;color:var(--text-faint);font-size:var(--type-meta);white-space:nowrap}.canvas-detail-menu,.canvas-run-menu,.composer-library,.plan-menu,.profile-menu,.session-menu,.settings-popover,.template-facts{display:flex;flex-direction:column;gap:var(--tree-row-gap);padding:6px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30;animation:pop-in var(--transition-fast) ease-out}.plan-menu{min-width:12rem}@media(prefers-reduced-motion:reduce){.canvas-detail-menu,.canvas-run-menu,.composer-library,.connect-card,.plan-menu,.profile-menu,.session-menu,.settings-popover,.template-facts{animation:none}}.profile-menu-item{display:flex;align-items:center;gap:var(--sp2);width:100%;height:var(--tree-row-h);padding:0 var(--sp2);border:0;background:transparent;border-radius:var(--radius);color:var(--text-dim);font-size:var(--type-label);text-align:left;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.profile-menu-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.profile-menu-item:active:not(:disabled){background:var(--active-shade)}.profile-menu-item:disabled{opacity:.42;cursor:default}.profile-menu-version{margin-left:auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-meta);color:var(--text-faint)}.profile-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.profile-menu-item.is-selected{background:var(--active-shade);color:var(--text)}.provider-item-check{display:flex;align-items:center;justify-content:center;width:13px;flex:0 0 auto;color:var(--brand)}.provider-item.is-unavailable{opacity:.42;cursor:default}.provider-item.is-unavailable:hover,.provider-item.is-unavailable:active{background:transparent;color:var(--text-dim)}@media(prefers-reduced-motion:reduce){.profile-menu-item{transition:none}}.session-steps{display:flex;align-items:center;gap:var(--sp2);flex:0 0 auto;height:var(--pane-header-h);padding:0 var(--pane-pad-x);border-bottom:1px solid var(--border);background:var(--surface-raised);overflow-x:auto;scrollbar-width:none;container-type:inline-size}.session-lifecycle-label,.session-preview-label{display:contents}@container (max-width: 427px){.session-step:not(.session-action-primary) .session-step-label{display:none}}@container (max-width: 347px){.session-lifecycle-label,.session-preview-label{display:none}}.session-lifecycle-chip{flex:0 0 auto}.session-lifecycle-chip[data-deployed=true]{color:var(--brand)}.session-lifecycle-chip[data-deploy-error]{color:var(--text-warning)}.session-actions{display:flex;align-items:center;gap:var(--sp1);margin-left:auto}.session-run-split{display:inline-flex;align-items:stretch;border-radius:var(--radius)}.session-run-split>.session-step{border-radius:0}.session-run-main{border-radius:var(--radius) 0 0 var(--radius)!important;border-right-width:0}.session-run-menu-trigger{width:26px;min-width:26px;padding:0;justify-content:center;border-radius:0 var(--radius) var(--radius) 0!important}.session-run-menu-trigger.session-action-primary{border-left-color:color-mix(in srgb,var(--btn-ink) 20%,transparent)}.session-run-split[data-running]{outline:1px dashed var(--accent-border);outline-offset:1px}.session-run-menu{width:min(300px,calc(100vw - 16px))}.run-target-option{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:var(--sp2);width:100%;min-height:52px;padding:var(--sp2) var(--sp3);border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);text-align:left}.run-target-option:hover:not(:disabled),.run-target-option[data-selected]{background:var(--surface-hover);color:var(--text)}.run-target-option:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.run-target-option:disabled{opacity:.46}.run-target-copy{display:grid;gap:2px;min-width:0}.run-target-option strong{color:var(--text);font-size:var(--type-label);font-weight:550}.run-target-option small{color:var(--text-faint);font-size:var(--type-meta);line-height:1.35;white-space:normal}.run-target-check{display:inline-flex;color:var(--brand)}.session-step{display:inline-flex;align-items:center;gap:var(--sp1);flex:0 0 auto;height:var(--control-h-xs);padding:0 var(--sp3);border:1px solid var(--ui-line);background:transparent;border-radius:var(--radius);color:var(--text-dim);font-size:var(--type-label);font-weight:510;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.session-step:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.session-step:disabled{color:var(--text-faint);opacity:.6}.session-step:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.session-action-primary{color:var(--btn-ink);background:var(--btn);border-color:transparent;box-shadow:var(--shadow-xs)}.session-action-primary:hover:not(:disabled){color:var(--btn-ink);background:var(--ink-muted)}.session-action-prod{border-color:transparent;padding:0 var(--sp1);color:var(--text-dim)}.session-action-prod:hover{border-color:transparent;background:var(--surface-hover);color:var(--text)}.session-step[data-pending]{outline:1px dashed var(--accent-border);outline-offset:1px;animation:session-step-pending 1.6s ease-in-out infinite}@keyframes session-step-pending{0%,to{outline-color:var(--accent-border)}50%{outline-color:var(--accent)}}@media(prefers-reduced-motion:reduce){.session-step[data-pending]{animation:none}}.session-step svg{flex:0 0 auto}.app-tooltip{position:fixed;top:0;left:0;z-index:200;max-width:260px;width:max-content;padding:5px 9px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--type-meta);line-height:1.45;white-space:normal;overflow-wrap:anywhere;pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease)}.app-tooltip[data-show=true]{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp1);padding:var(--sp5) var(--sp4);text-align:center}.empty-state-icon{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);margin-bottom:var(--sp1);border-radius:var(--radius);border:1px dashed var(--ui-line-strong);color:var(--text-faint)}.empty-state-title{color:var(--text);font-family:var(--font-sans);font-size:var(--type-ui);font-weight:560}.empty-state-body{max-width:34ch;color:var(--text-faint);font-family:var(--font-sans);font-size:var(--type-label);line-height:1.6}.empty-state-eyebrow{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.empty-state-cta{display:flex;justify-content:center;margin-top:var(--sp2)}.session-step:disabled{cursor:default}.rail-empty{color:var(--text-faint);padding:6px;font-size:var(--type-label)}:root{--tree-row-h: 30px;--tree-row-gap: 3px;--tree-pad-x: 6px;--tree-indent: calc(var(--tree-pad-x) + 13px + 6px)}.workspace-group{display:flex;flex-direction:column;gap:var(--tree-row-gap);margin-bottom:var(--sp3)}.workspace-group:last-child{margin-bottom:0}.workspace-row{position:relative;display:flex;align-items:center;height:var(--tree-row-h);border-radius:var(--radius)}.workspace-row:hover{background:var(--bg-hover)}.workspace-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:100%;padding:0 var(--tree-pad-x);border:none;background:transparent;border-radius:var(--radius);font-size:var(--type-label);font-weight:560;color:var(--text-dim);text-align:left}.workspace-row-main:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.workspace-row-static{cursor:default}.workspace-row.is-selected,.workspace-row.is-selected:hover{background:var(--active-shade)}.workspace-row.is-selected .workspace-row-main{color:var(--text)}.workspace-row-spinner{flex:none;width:11px;height:11px;margin-right:var(--tree-pad-x);border:1.5px solid var(--brand);border-right-color:transparent;border-radius:50%;animation:canvas-run-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.workspace-row-spinner{animation:none;border-right-color:var(--brand);opacity:.5}}.workspace-row-trail{margin-right:var(--tree-pad-x)}.workspace-row.is-collapsed .workspace-row-action[aria-expanded]{opacity:1}.workspace-caret{display:flex;align-items:center;flex:0 0 auto;color:var(--text-faint);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.workspace-caret.is-open{transform:rotate(180deg)}.workspace-row:hover .workspace-caret,.workspace-row.is-collapsed .workspace-caret{opacity:1}.disclosure-caret{display:flex;align-items:center;transition:transform var(--transition-fast)}.disclosure-caret.is-open{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.workspace-caret,.disclosure-caret,.canvas-step-caret{transition:none}}.workspace-row-action{border:none;background:transparent;border-radius:var(--radius);color:var(--text-faint);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.workspace-row-action:last-child{margin-right:3px}.workspace-row:hover .workspace-row-action,.workspace-row-action:focus-visible{opacity:1}.workspace-row-action:hover{background:var(--surface-hover);color:var(--text)}.workspace-row-action:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.workspace-group-empty{height:var(--tree-row-h);display:flex;align-items:center;padding:0 var(--tree-pad-x) 0 var(--tree-indent);color:var(--text-faint);font-size:var(--type-meta)}.workspace-group{position:relative}.workspace-group:has(>.tree-row,>.workflow-item,>.workspace-group-empty):before{content:"";position:absolute;left:calc(var(--tree-pad-x) + 6px);top:calc(var(--tree-row-h) + var(--tree-row-gap));bottom:0;width:1px;background:var(--ui-line);pointer-events:none}.workspace-group>.tree-row,.workspace-group>.workflow-item,.workspace-group>.workspace-group-empty{position:relative}.workflow-row-actions{position:absolute;top:50%;right:calc(var(--tree-pad-x) + 32px);transform:translateY(-50%);display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.workflow-item:hover .workflow-row-actions,.workflow-item:focus-within .workflow-row-actions{opacity:1;pointer-events:auto}.workflow-row-actions .workspace-row-action{opacity:1}.tree-row{display:flex;align-items:center;gap:6px;width:100%;height:var(--tree-row-h);padding:0 var(--tree-pad-x) 0 var(--tree-indent);border:none;background:transparent;border-radius:var(--radius);font-size:var(--type-label);color:var(--text-dim);text-align:left}.tree-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tree-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row>svg{flex:0 0 auto;color:var(--text-faint)}.session-tree-row:hover{background:var(--bg-hover);color:var(--text)}.session-row-time{flex:0 0 auto;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta);font-variant-numeric:tabular-nums}.session-tree-row.is-selected{background:var(--active-shade);color:var(--text)}.session-tree-row.is-current{color:var(--text)}.session-tree-row.is-current>svg:first-child{color:var(--brand)}.tree-trail{display:flex;align-items:center;justify-content:center;width:16px;flex:0 0 auto}.workflow-status{display:flex;align-items:center;justify-content:center;width:16px;flex:0 0 auto;color:var(--text-faint)}.workflow-status[data-deployed=true]{color:var(--green)}.workflow-item{position:relative;display:flex;align-items:center;border-radius:var(--radius);color:var(--text-dim)}.workflow-item:hover{background:var(--bg-hover);color:var(--text)}.workflow-item.is-focused{background:var(--active-shade);color:var(--text)}.workflow-item.is-focused .tree-row>svg:first-child{color:var(--brand)}.workflow-item-trigger{flex:1;min-width:0;color:inherit}.workflow-session-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:transparent;box-shadow:inset 0 0 0 1px var(--text-faint)}.workflow-session-dot[data-live=true]{background:var(--green);box-shadow:none}.workflow-item .workflow-expander{opacity:1}.workflow-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex:0 0 auto}.workflow-dot-pinned{position:relative}.workflow-deployed-tag{flex:0 0 auto;color:var(--green-text, var(--green))}.workflow-row-menu-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto;margin-right:3px}.workflow-item:hover .workflow-row-menu-wrap .workspace-row-action,.workflow-row-menu-wrap .workspace-row-action:focus-visible,.workflow-row-menu-wrap .workspace-row-action[aria-expanded=true]{opacity:1}.workspace-row-action:active{background:var(--surface-inset)}.workflow-row-menu{min-width:170px}.workflow-row-menu-section{padding:6px 8px 2px;font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint)}.group-name-input{flex:1;min-width:0;height:24px;margin:0 var(--sp1);padding:0 var(--sp2);border:1px solid var(--focus);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text);font-size:var(--type-label)}.session-rename-input{flex:1;min-width:0}.session-context-rename{max-width:260px}.group-name-input:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.workspace-row-action,.group-name-input{transition:none}}.connect-trigger{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;height:var(--control-h-xs);border:1px dashed var(--border-strong);background:transparent;color:var(--text-faint);border-radius:var(--radius);padding:0 var(--sp3);text-align:left;font-size:var(--type-label)}.connect-trigger:hover{color:var(--text-dim);border-color:var(--text-faint)}.macro-icon-btn{position:relative;width:var(--control-h-xs);height:var(--control-h-xs);display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);color:var(--text-dim);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.macro-icon-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.macro-icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.macro-icon-btn:disabled{color:var(--text-faint);cursor:default;opacity:.5}.session-bar{display:flex;align-items:center;gap:var(--sp2);height:var(--pane-header-h);flex:0 0 auto;padding:0 var(--pane-pad-x);position:relative;container-type:inline-size}@container (max-width: 580px){.session-bar .session-step:not(.session-action-primary) .session-step-label{display:none}.session-bar .session-step:not(.session-action-primary){width:var(--control-h-xs);padding:0;justify-content:center}}.session-queue{display:flex;align-items:center;gap:var(--sp1);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--sp4)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--sp4)),transparent)}.session-queue::-webkit-scrollbar{display:none}.session-current-wrap{position:relative;flex:0 0 auto}.session-current,.session-switch{display:inline-flex;align-items:center;gap:var(--sp2);flex:0 0 auto;height:var(--control-h-xs);padding:0 var(--sp2);border:1px solid transparent;border-radius:var(--radius);background:transparent;font-size:var(--type-label);font-weight:510;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.session-current{color:var(--text);background:var(--active-shade)}.session-title-trigger{cursor:pointer}.session-title-trigger:hover{background:var(--nested-shade)}.session-back{color:var(--text-dim);background:transparent;cursor:pointer}.session-back:hover{background:var(--surface-hover);color:var(--text)}.session-back:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.session-current-static{cursor:default}.session-switch{color:var(--text-dim);cursor:pointer}.session-switch:hover{background:var(--surface-hover);color:var(--text)}.session-switch-label{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-title-trigger:focus-visible,.session-switch:focus-visible,.session-new:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.session-new{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--control-h-xs);height:var(--control-h-xs);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.session-new:hover{background:var(--surface-hover);color:var(--text)}.session-context-title{flex:0 0 auto;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-label);font-weight:510;color:var(--text)}.session-context-none{font-size:var(--type-label);color:var(--text-faint)}.session-status-tag{flex:0 0 auto}.session-status-tag[data-status=running]{color:var(--green-text)}.session-menu-wrap{position:relative;flex:0 0 auto}.session-menu{min-width:220px}.session-menu-danger:hover:not(:disabled){color:var(--red-text);background:color-mix(in srgb,var(--red) 12%,transparent)}.session-menu-section{padding:var(--sp2) var(--sp2) var(--sp1);font-size:var(--type-micro);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.session-switch-item .session-switch-label{flex:1 1 auto;max-width:none;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.session-switch-item.is-selected{background:var(--active-shade);color:var(--text)}.session-switch-meta{margin-left:auto;padding-left:var(--sp2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--type-meta);color:var(--text-faint)}.session-menu-divider{height:1px;margin:var(--sp1) 0;background:var(--ui-line)}.session-menu-bound{padding:var(--sp1) var(--sp2) var(--sp2);font-size:var(--type-meta);line-height:1.4;color:var(--text-faint)}.session-menu-bound strong{color:var(--text-dim);font-weight:600}.dir-picker-item.is-selected{background:var(--surface-hover);color:var(--text)}.session-busy{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--accent);animation:session-tab-busy-pulse 1.2s ease-in-out infinite}@keyframes session-tab-busy-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.session-history-badge{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-full);background:var(--surface-inset);color:var(--text-dim);font-size:var(--type-micro);font-weight:700;line-height:14px;text-align:center}.session-context-status{margin-left:auto}.session-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--text-faint)}.session-dot[data-status=running]{background:var(--green)}.session-dot[data-status=starting]{background:var(--amber)}.session-dot[data-status=exited]{background:var(--text-faint)}.session-tabs{display:flex;align-items:center;gap:var(--sp1);flex:0 0 auto;min-width:0;padding:var(--sp1) var(--pane-pad-x);border-bottom:1px solid var(--border);background:var(--bg-1);overflow-x:auto;scrollbar-width:none}.session-tabs::-webkit-scrollbar{display:none}.session-tab{display:inline-flex;align-items:center;flex:0 0 auto;max-width:220px;height:28px;border-radius:var(--radius-md);border:1px solid transparent;color:var(--text-dim);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.session-tab:hover{background:var(--bg-hover);color:var(--text)}.session-tab.is-active{background:var(--active-shade);border-color:var(--ui-line);color:var(--text)}.session-tab-main{display:inline-flex;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--sp1) 0 var(--sp2);border:none;background:transparent;border-radius:var(--radius-md) 0 0 var(--radius-md);color:inherit;font-size:var(--type-label);text-align:left}.session-tab-main:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.session-tab-main>svg{flex:0 0 auto;color:var(--text-faint)}.session-tab.is-active .session-tab-main>svg{color:var(--brand)}.session-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-tab-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--text-faint)}.session-tab-dot[data-status=running]{background:var(--green)}.session-tab-dot[data-status=starting]{background:var(--amber)}.session-tab-busy{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--accent);animation:session-tab-busy-pulse 1.2s ease-in-out infinite}.session-tab-close{margin-right:4px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-faint);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.session-tab:hover .session-tab-close,.session-tab.is-active .session-tab-close,.session-tab-close:focus-visible{opacity:1}.session-tab-close:hover{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red-text)}.session-tab-close:active{background:color-mix(in srgb,var(--red) 22%,transparent)}.session-tab-close:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.session-tab-new{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--text-faint);transition:background-color var(--transition-fast),color var(--transition-fast)}.session-tab-new:hover{background:var(--bg-hover);color:var(--text)}.session-tab-new:active{background:var(--surface-inset)}.session-tab-new:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.session-tab,.session-tab-close,.session-tab-new{transition:none}.session-tab-busy{animation:none}}.session-dropdown-section{font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint);padding:4px 8px;margin-top:var(--sp2)}.session-dropdown-section:first-child{margin-top:0}.session-dropdown-empty{color:var(--text-faint);font-size:var(--type-label);padding:4px 6px 8px}.session-dropdown-item{display:flex;align-items:flex-start;gap:var(--sp2);width:100%;padding:6px 8px;border:none;background:transparent;border-radius:var(--radius-sm);text-align:left;transition:background-color var(--transition-fast)}.session-item-icon,.session-dropdown-item>.tree-trail{display:flex;align-items:center;justify-content:center;width:16px;flex:0 0 auto;height:18px;color:var(--text-faint)}.session-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.session-item-copy>.session-item-title,.session-item-copy>.session-item-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-dropdown-item:hover,.session-dropdown-item.is-selected{background:var(--surface-hover)}.session-item-title{font-size:var(--type-label);color:var(--text)}.session-item-meta{font-size:var(--type-meta);color:var(--text-faint)}.settings-popover{padding:var(--sp4)}.settings-identity{font-size:var(--type-label);font-weight:600;color:var(--text);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.settings-auth-row{margin-bottom:14px}.settings-disconnect-btn{display:inline-flex;align-items:center;gap:var(--sp1);height:var(--control-h-xs);padding:0 var(--sp3);border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-dim);font:inherit;font-size:var(--type-label);font-weight:510;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.settings-disconnect-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--red-text) 50%,var(--border-strong));background:color-mix(in srgb,var(--red-text) 9%,transparent);color:var(--red-text)}.settings-disconnect-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-disconnect-btn:disabled{opacity:.55;cursor:default}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--type-label);color:var(--text-dim)}.settings-select-wrap{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}.settings-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:var(--control-h-xs);padding:0 calc(var(--sp2) + 18px) 0 var(--sp2);background:var(--surface-inset);border:1px solid var(--ui-line);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--type-label);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.settings-select:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border)}.settings-select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-select-caret{position:absolute;right:var(--sp2);display:flex;align-items:center;color:var(--text-dim);pointer-events:none}.settings-select:disabled{opacity:.55;cursor:default}.toggle-switch{flex:0 0 auto;width:34px;height:20px;border-radius:var(--radius-full);background:var(--bg-3);border:1px solid var(--border-strong);position:relative;padding:0;transition:background-color var(--transition-fast)}.toggle-switch.is-on{background:var(--accent);border-color:var(--accent)}.toggle-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.toggle-switch:disabled{opacity:.42;cursor:default}.toggle-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--toggle-knob-off);transition:transform var(--transition-fast)}.toggle-switch.is-on .toggle-knob{background:var(--toggle-knob-on);transform:translate(14px)}.settings-note{margin:10px 0 12px;font-size:var(--type-meta);line-height:1.5;color:var(--text-faint)}.settings-note code{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta)}.settings-env-note{color:var(--text-warning)}.terminal-slot{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent}.terminal-slot>.harness-terminal{flex:1;min-height:0}.harness-terminal{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;background:transparent;overflow:hidden}.terminal-statusbar{display:flex;align-items:center;gap:var(--sp2);flex-shrink:0;height:var(--pane-header-h);padding:0 var(--pane-pad-x);font-family:var(--mono);font-size:var(--type-meta);font-variant-numeric:tabular-nums;color:var(--text-dim)}.terminal-masthead{position:relative;display:flex;align-items:center;gap:var(--sp5);margin:var(--sp4) var(--pane-pad-x) var(--sp2);padding:var(--sp4);border:1px solid var(--ui-line);border-radius:var(--radius);color:var(--ink)}.terminal-masthead-legend{position:absolute;top:0;left:var(--sp3);transform:translateY(-50%);margin:0;padding:0 var(--sp1);background:var(--surface-base);font-family:var(--mono);font-size:var(--type-meta);font-weight:500;color:var(--ink-faint)}.terminal-masthead-brand{display:flex;align-items:center;gap:var(--sp4);flex-shrink:0;align-self:stretch;padding-right:var(--sp4);border-right:1px solid var(--ui-line);color:var(--ink)}.terminal-masthead-mark,.terminal-masthead-logotype{display:block;flex-shrink:0}.terminal-masthead-name{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp0);min-width:0;line-height:var(--lh-tight)}.terminal-masthead-product{font-family:var(--mono);font-size:var(--type-meta);font-weight:500;letter-spacing:.16em;color:var(--ink-muted);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-masthead-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp1) var(--sp3);margin:0;min-width:0;flex:1;font-family:var(--mono);font-size:var(--type-meta);line-height:1.5}.terminal-masthead-fact{display:contents}.terminal-masthead-facts dt{color:var(--ink-faint)}.terminal-masthead-facts dd{margin:0;min-width:0;color:var(--ink-muted)}.terminal-masthead-facts code{font-family:inherit;color:var(--ink)}.terminal-masthead-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-masthead-status{color:var(--amber-text)}.terminal-status-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto;background:var(--text-faint)}.terminal-statusbar[data-status=connected] .terminal-status-dot{background:var(--green)}.terminal-statusbar[data-status=connecting] .terminal-status-dot{background:var(--amber);animation:session-tab-busy-pulse 1.2s ease-in-out infinite}.terminal-statusbar[data-status=error] .terminal-status-dot{background:var(--red)}.terminal-statusbar[data-status=error] .terminal-status-label{color:var(--red-text)}.terminal-screen{flex:1;min-height:0;overflow:hidden}.terminal-screen .xterm{height:100%;width:100%;padding:var(--pane-pad-x)}@media(prefers-reduced-motion:reduce){.terminal-statusbar[data-status=connecting] .terminal-status-dot{animation:none}}.terminal-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-label)}.welcome-panel{align-items:flex-start;justify-content:flex-start;padding:var(--sp5);overflow-y:auto}.welcome-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp3);margin:auto;width:100%;max-width:640px;padding:var(--sp5);max-height:100%;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.welcome-close{position:absolute;top:var(--sp3);right:var(--sp3)}.welcome-body{display:flex;flex-direction:column;gap:var(--sp3);min-height:0}.welcome-title{margin:0;font-size:var(--type-title);font-weight:600;letter-spacing:-.01em;color:var(--text)}.welcome-intro{margin:0;font-size:var(--type-body);line-height:1.6;color:var(--text-dim)}.welcome-recents-title{margin:var(--sp2) 0 0;font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint)}.welcome-recents{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.welcome-recent{display:flex;align-items:baseline;gap:var(--sp2);width:100%;padding:var(--sp2);border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--text);transition:background-color var(--transition-fast)}.welcome-recent:hover{background:var(--surface-hover)}.welcome-recent:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.welcome-recent-name{font-size:var(--type-ui);font-weight:550;flex:0 0 auto}.welcome-recent-path{flex:1 1 auto;min-width:0;font-size:var(--type-micro);color:var(--text-faint);direction:rtl;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-recent-meta{flex:0 0 auto;font-size:var(--type-micro);color:var(--text-faint);white-space:nowrap}.welcome-recents-note{margin:var(--sp1) 0 0;font-size:var(--type-micro);color:var(--text-faint)}.welcome-open{display:flex;align-items:center;gap:var(--sp3);padding:var(--sp3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg)}.welcome-open-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;color:var(--text-dim);background:var(--surface-inset);border-radius:var(--radius-sm)}.welcome-open-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.welcome-open-title{font-size:var(--type-ui);font-weight:550;color:var(--text)}.welcome-open-desc{font-size:var(--type-meta);line-height:1.45;color:var(--text-faint)}.welcome-open-cta{flex:0 0 auto}.welcome-docs-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp1);padding:var(--sp2);font-size:var(--type-meta);color:var(--text-dim);text-decoration:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.welcome-docs-btn:hover{background:var(--surface-hover);color:var(--text)}.welcome-docs-btn:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.welcome-recents-block{display:flex;flex-direction:column;gap:var(--sp1);padding-top:var(--sp2);border-top:1px solid var(--border);min-height:5rem;overflow-y:auto}.welcome-error{font-size:var(--type-label);color:var(--red)}.welcome-hints-kbd{display:block;text-align:center;font-size:var(--type-meta);color:var(--text-faint)}.welcome-hints-kbd kbd{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim);padding:1px 5px;background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}@container welcome (max-width: 420px){.welcome-title{font-size:clamp(14px,4.6cqi,16px)}.welcome-footer{flex-wrap:wrap}.welcome-docs{flex:1 0 100%;justify-content:center;margin-right:0}.welcome-action{flex:1 1 auto}}.dead-session-pane{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center}.dead-session-summary{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.dead-session-pane[data-has-record=true]{justify-content:flex-start;min-height:0;overflow:hidden}.dead-session-record{flex:1;align-self:stretch;min-height:0;overflow-y:auto;margin-top:var(--sp3);padding-top:var(--sp3);border-top:1px solid var(--ui-line);text-align:left}.dead-session-title{color:var(--text);font-size:var(--type-ui);font-weight:600}.dead-session-meta{color:var(--text-faint);font-size:var(--type-label);font-family:var(--font-mono);margin-bottom:6px}.dead-session-actions{display:flex;gap:8px}.dead-session-resume-reason{color:var(--text-faint);font-size:var(--type-meta);max-width:300px;line-height:1.4;margin-top:4px}.dead-session-exit-tail{align-self:stretch;max-width:640px;width:100%;margin:var(--sp3) auto 0;text-align:left}.dead-session-exit-tail-label{color:var(--text-faint);font-size:var(--type-label);margin-bottom:var(--sp1)}.dead-session-exit-tail-body{margin:0;max-height:180px;overflow:auto;padding:var(--sp2);border:1px solid var(--ui-line);border-radius:var(--radius-sm, 6px);background:var(--surface-raised);color:var(--text);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.past-session-pane{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-0)}.past-session-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp4);padding:var(--sp3) var(--pane-pad-x);border-bottom:1px solid var(--ui-line);background:var(--surface-raised)}.past-session-heading{min-width:0;display:flex;flex-direction:column;gap:var(--sp1);text-align:left}.past-session-pane .dead-session-meta{margin-bottom:0;overflow-wrap:anywhere}.past-session-pane .dead-session-actions{flex:0 0 auto}.past-session-pane .dead-session-resume-reason{flex:0 0 auto;max-width:none;margin:0;padding:var(--sp2) var(--pane-pad-x);border-bottom:1px solid var(--ui-line)}.past-session-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp4) var(--pane-pad-x)}.past-session-status{display:flex;flex-direction:column;align-items:center;gap:var(--sp2);max-width:44ch;margin:var(--sp6) auto;color:var(--text-faint);font-size:var(--type-label);line-height:1.5;text-align:center}.transcript{display:flex;flex-direction:column;gap:var(--sp4);max-width:var(--assistant-measure);margin:0 auto}.transcript-notice{display:flex;align-items:flex-start;gap:var(--sp3);padding:var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--bg-2)}.transcript-badge{flex:0 0 auto;padding:2px var(--sp2);border-radius:var(--r-sm);background:var(--surface-inset);border:1px solid var(--ui-line-strong);color:var(--text-dim);font-size:var(--type-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.transcript-notice-body{min-width:0}.transcript-notice-lead{margin:0;color:var(--text-dim);font-size:var(--type-label);line-height:1.5}.transcript-notice-archived{margin-top:var(--sp1);color:var(--text-faint);font-size:var(--type-meta)}.transcript-notice-list{margin:var(--sp1) 0 0;padding-left:var(--sp4);color:var(--text-faint);font-size:var(--type-meta);line-height:1.5}.transcript-turns{display:flex;flex-direction:column;gap:var(--sp5);margin:0;padding:0;list-style:none}.transcript-turn{display:flex;flex-direction:column;gap:var(--sp2)}.transcript-role{display:flex;align-items:center;gap:var(--sp2);font-size:var(--type-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.transcript-role-label{font-weight:600}.transcript-model,.transcript-usage,.transcript-time{font-family:var(--font-mono);letter-spacing:0;text-transform:none}.transcript-prompt{padding:var(--sp2) var(--sp3);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text);font-size:var(--type-ui);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-assistant{color:var(--text-dim);font-size:var(--type-ui);line-height:1.6}.transcript-assistant p,.transcript-assistant ul,.transcript-assistant pre{margin:0 0 var(--sp2)}.transcript-assistant>:last-child{margin-bottom:0}.transcript-assistant pre,.transcript-tool-pre{padding:var(--sp2);border-radius:var(--r-sm);background:var(--surface-inset);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.5;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-absent{color:var(--text-faint);font-size:var(--type-meta);font-style:italic;line-height:1.5}.transcript-incomplete{align-self:flex-start;padding:1px var(--sp2);border:1px solid var(--amber);border-radius:var(--r-sm);color:var(--amber-text);font-size:var(--type-micro);letter-spacing:.04em;text-transform:uppercase}.transcript-tools{display:flex;flex-direction:column;gap:var(--sp1);margin:0;padding:0;list-style:none}.transcript-tool details{border:1px solid var(--ui-line);border-radius:var(--r-sm);background:var(--surface-raised)}.transcript-tool-summary{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp1) var(--sp2);cursor:pointer;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta)}.transcript-tool-summary:hover{background:var(--surface-hover)}.transcript-tool-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-tool-truncated{flex:0 0 auto;color:var(--amber-text);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:.04em}.transcript-tool-body{display:flex;flex-direction:column;gap:var(--sp1);padding:0 var(--sp2) var(--sp2)}.transcript-tool-heading{color:var(--text-faint);font-size:var(--type-micro);letter-spacing:.04em;text-transform:uppercase}.canvas-pane{display:flex;flex-direction:column;background:var(--bg-1);min-width:0}.workflow-actions-header{display:flex;align-items:center;gap:var(--sp2);flex:0 0 auto;height:var(--pane-header-h);padding:0 var(--pane-pad-x);border-bottom:1px solid var(--border);background:var(--surface-raised);container-type:inline-size}@container (max-width: 347px){.canvas-detail-ask .canvas-detail-ask-label{display:none}}.workflow-actions-name{flex:1;min-width:0;font-size:var(--type-label);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-frame-wrap{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:clip}.canvas-visual{position:relative;flex:1;display:flex;min-height:0}.canvas-overview{position:relative;flex:0 0 auto;max-height:50%;display:flex;flex-direction:column;border-top:1px solid var(--ui-line);background:var(--surface-raised);overflow:hidden;transition:height var(--base) var(--ease)}.canvas-overview.is-resizing{transition:none}@media(prefers-reduced-motion:reduce){.canvas-overview{transition:none}}.canvas-overview-resize{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:row-resize;z-index:4;touch-action:none}.canvas-overview-resize:before{content:"";position:absolute;inset:50% 0 auto 0;height:1px;transform:translateY(-50%);background:transparent;transition:height var(--fast) var(--ease),background-color var(--fast) var(--ease)}.canvas-overview-resize:hover:before,.canvas-overview-resize:active:before,.canvas-overview.is-resizing .canvas-overview-resize:before,.canvas-overview-resize:focus-visible:before{height:2px;background:var(--brand)}.canvas-overview-resize:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.canvas-overview-resize:before{transition:none}}.canvas-visual.is-offstage{display:none}.canvas-steps-surface{flex:1;min-height:0;overflow-y:auto;padding:var(--sp2) var(--pane-pad-x) var(--sp4);container-type:inline-size}@container (max-width: 420px){.canvas-step-meta{display:none}}.workflow-actions-count{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.canvas-slide-track{display:flex;width:100%;flex:1;min-height:0}.canvas-slide-pane{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.canvas-detail-ask{margin-left:auto;flex:0 0 auto}.canvas-detail-menu-wrap{position:relative;flex:0 0 auto}.canvas-detail-menu{min-width:200px}.canvas-step-item{border-radius:var(--radius)}.canvas-step-item.is-open{background:var(--surface-inset)}.canvas-step-caret{display:flex;align-items:center;flex:0 0 auto;color:var(--text-faint);transition:transform var(--transition-fast)}.canvas-step-caret.is-open{transform:rotate(180deg)}.canvas-step-expand{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp1) var(--sp2) var(--sp3) calc(var(--sp2) + 7px + var(--sp2))}.canvas-step-expand .canvas-detail{flex:initial}.canvas-step-expand .canvas-detail-body{overflow-y:visible;padding:0;gap:var(--sp2)}.canvas-detail-actions{display:flex;flex-wrap:wrap;gap:var(--sp1)}.canvas-detail-actions .btn-ghost{gap:4px;font-size:var(--type-meta)}.canvas-step-desc{margin:0;font-size:var(--type-meta);line-height:1.55;color:var(--text-dim)}.canvas-step-transition{display:flex;align-items:center;gap:var(--sp2);font-size:var(--type-meta);color:var(--text-faint)}.canvas-step-transition-target{color:var(--text-dim)}.canvas-step-transition-cond{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-family:var(--font-mono);color:var(--brand)}.canvas-step-open{display:inline-flex;align-items:center;gap:var(--sp1);align-self:flex-start;padding:2px 0;border:0;background:transparent;font-size:var(--type-meta);font-weight:510;color:var(--text-dim);transition:color var(--transition-fast)}.canvas-step-open:hover{color:var(--text);text-decoration:underline}.canvas-step-open:active{color:var(--text-dim)}.canvas-steps-list{display:flex;flex-direction:column;gap:1px}.canvas-steps-label{display:flex;align-items:baseline;gap:var(--sp2);font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint);padding:var(--sp1) 0}.canvas-steps-run-note{margin-left:auto;font-family:var(--font-mono);font-weight:400;letter-spacing:0;color:var(--text-dim);white-space:nowrap}.canvas-step-band{position:relative;padding:0 0 var(--sp1);margin:var(--sp1) 0}.canvas-step-band:before{content:"";position:absolute;inset:0 calc(-1 * var(--sp1));border:1px dashed var(--ui-line-strong);background:var(--surface-raised);border-radius:var(--radius);pointer-events:none;z-index:-1}.canvas-step-group{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.04em;color:var(--text-faint);padding:var(--sp2) var(--sp2) var(--sp1)}.canvas-step-row{display:grid;grid-template-columns:20px 10px minmax(0,1fr) auto 16px;align-items:center;gap:var(--sp2);width:100%;min-height:44px;padding:var(--sp1) var(--sp2);border:0;background:transparent;border-radius:var(--radius);color:var(--text-dim);text-align:left;transition:background-color var(--transition-fast)}.canvas-step-row:hover{background:var(--surface-hover);color:var(--text)}.canvas-step-row:active{background:var(--surface-selected)}.canvas-step-row[aria-expanded=true]{background:var(--active-shade)}.canvas-step-row.is-static,.canvas-step-row.is-static:hover,.canvas-step-row.is-static:active{cursor:default;background:transparent;color:var(--text-dim)}.canvas-step-row.is-static:hover .canvas-step-name{color:inherit}.canvas-step-row:focus-visible,.canvas-step-open:focus-visible{outline:1.5px solid var(--brand);outline-offset:1px}.canvas-step-index{font-family:var(--font-mono);font-size:var(--type-label);color:var(--text-faint)}.canvas-step-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.canvas-step-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.canvas-step-name{font-size:var(--type-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-step-row:hover .canvas-step-name,.canvas-step-row[aria-expanded=true] .canvas-step-name{color:var(--text)}.canvas-step-role{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-faint)}.canvas-step-meta{font-family:var(--font-mono);font-size:var(--type-label);color:var(--text-faint);white-space:nowrap;max-width:35cqw;overflow:hidden;text-overflow:ellipsis}.canvas-input-card,.canvas-detail-contract{display:flex;align-items:baseline;gap:var(--sp2)}.canvas-input-label{flex:0 0 auto;min-width:52px;font-size:var(--type-micro);font-weight:590;letter-spacing:.02em;color:var(--text-faint)}.canvas-input-fields{display:flex;flex-wrap:wrap;gap:var(--sp1);min-width:0}.canvas-input-field{display:inline-flex;align-items:baseline;gap:var(--sp1);padding:2px var(--sp2);border:1px solid var(--ui-line-strong);border-radius:var(--radius);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim)}.canvas-input-field.is-required{color:var(--text)}.canvas-input-type{color:var(--text-faint)}.canvas-detail-timeout{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-dim)}.canvas-run-status{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 auto}.canvas-run-status.is-passed{color:var(--green)}.canvas-run-status.is-failed{color:var(--red, #e05a57)}.canvas-run-status.is-running{border:1.5px solid var(--brand);border-right-color:transparent;border-radius:50%;width:10px;height:10px;animation:canvas-run-spin .9s linear infinite}.canvas-run-status.is-pending{width:7px;height:7px;border:1px solid var(--text-faint);border-radius:50%}@keyframes canvas-run-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.canvas-run-status.is-running{animation:none;border-right-color:var(--brand);opacity:.6}}.canvas-run-text{display:inline-flex;align-items:center;gap:var(--sp1);font-family:var(--font-mono);font-size:var(--type-meta)}.canvas-run-text.is-passed{color:var(--green-text, var(--green))}.canvas-run-text.is-failed{color:var(--red-text, var(--red))}.canvas-run-text.is-running{color:var(--text-dim)}.canvas-run-text.is-pending{color:var(--text-faint)}.canvas-run-error{margin:0;padding:var(--sp2) var(--sp3);border:1px solid color-mix(in srgb,var(--red, #e05a57) 30%,var(--ui-line));border-radius:var(--radius);background:color-mix(in srgb,var(--red, #e05a57) 6%,transparent);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim);white-space:pre-wrap;word-break:break-word}.canvas-run-logs summary{font-size:var(--type-micro);font-weight:590;color:var(--text-faint);cursor:pointer}.canvas-run-logs pre{margin:var(--sp1) 0 0;padding:var(--sp2) var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius);background:var(--surface-inset);font-size:var(--type-micro);max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}.payload-block>summary{display:flex;align-items:center;gap:var(--sp1);list-style:none;padding:4px 6px;border-radius:var(--radius-sm);color:var(--text-dim);transition:background-color var(--transition-fast)}.payload-block>summary::-webkit-details-marker{display:none}.payload-block>summary:hover{background:var(--surface-hover, var(--bg-hover))}.payload-block-caret{display:inline-flex;color:var(--text-faint);transition:transform var(--transition-fast)}.payload-block[open]>summary .payload-block-caret{transform:rotate(90deg)}.payload-block .payload-block-label{margin-right:auto;color:var(--text-dim);font-weight:560}@media(prefers-reduced-motion:reduce){.payload-block-caret,.payload-block>summary{transition:none}}.payload-copy{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);font-size:var(--type-micro);font-weight:510;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.payload-copy:hover{color:var(--text-dim);border-color:var(--border-strong, var(--ui-line))}.payload-copy.is-copied{color:var(--green-text, var(--green));border-color:color-mix(in srgb,var(--green) 40%,var(--ui-line))}.payload-copy:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.deploy-status-banner{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp3);margin-bottom:var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius);background:var(--surface-inset)}.deploy-status-banner.is-ready{border-color:color-mix(in srgb,var(--green) 35%,var(--ui-line));background:color-mix(in srgb,var(--green) 6%,transparent)}.deploy-status-banner.is-error{border-color:color-mix(in srgb,var(--red, #e05a57) 35%,var(--ui-line));background:color-mix(in srgb,var(--red, #e05a57) 6%,transparent)}.deploy-status-head{display:flex;align-items:center;gap:var(--sp2)}.deploy-status-label{font-size:var(--type-meta);font-weight:590;color:var(--text)}.deploy-status-dismiss{margin-left:auto;border:0;background:transparent;color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer}.deploy-status-dismiss:hover{color:var(--text-dim)}.deploy-status-actions{display:flex;flex-wrap:wrap;gap:var(--sp3)}.deploy-status-actions .status-tag-action{color:var(--brand);font-weight:560}.session-step[data-running]{animation:session-step-running 1.4s ease-in-out infinite}@keyframes session-step-running{0%,to{box-shadow:0 0 color-mix(in srgb,var(--brand) 42%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}}@media(prefers-reduced-motion:reduce){.session-step[data-running]{animation:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 30%,transparent)}}.canvas-run-chip{font-family:var(--font-mono)}.canvas-run-chip.is-completed{color:var(--green-text, var(--green))}.canvas-run-chip.is-failed{color:var(--red-text, var(--red))}.canvas-run-picker-wrap{position:relative;flex:0 0 auto}.canvas-run-menu{min-width:260px}.canvas-run-menu .profile-menu-item{font-family:var(--font-mono);font-size:var(--type-micro)}.canvas-run-option-meta{margin-left:auto;padding-left:var(--sp3);color:var(--text-faint)}.session-preview-chip{color:var(--brand)}.session-preview-chip:active{color:var(--brand-hover)}.canvas-detail{display:flex;flex-direction:column;flex:1;min-height:0}.canvas-detail-groups{margin:0;font-size:var(--type-meta);color:var(--text-faint)}.canvas-detail-warnings{list-style:disc;margin:0;padding-left:18px;display:flex;flex-direction:column;gap:var(--sp1);font-size:var(--type-meta);color:var(--amber-text)}.canvas-run-stub-chip{flex:0 0 auto;padding:1px 6px;border-radius:var(--radius-md);border:1px solid var(--border-warning);background:var(--bg-warning);color:var(--amber-text);font-family:var(--font-mono);font-size:var(--type-micro);font-weight:590;letter-spacing:.01em;white-space:nowrap}.canvas-stub-notice+.canvas-stub-notice{margin-top:var(--sp2)}.canvas-stub-notice-hint{margin:2px 0 var(--sp1);font-size:var(--type-micro);color:var(--text-faint)}.canvas-links-list{display:flex;flex-direction:column;gap:var(--sp2)}.canvas-link-thumb-wrap{display:inline-flex;align-items:flex-start;border:1px solid var(--ui-line);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:border-color var(--transition-fast);max-width:200px}.canvas-link-thumb-wrap:hover{border-color:var(--ui-line-strong)}.canvas-link-thumb-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-link-thumb{display:block;max-width:200px;max-height:120px;object-fit:cover}.canvas-link-item{display:inline-flex;align-items:center;gap:var(--sp1);font-size:var(--type-meta);color:var(--text-dim);text-decoration:none;transition:color var(--transition-fast);max-width:100%}.canvas-link-item:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.canvas-link-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-link-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.canvas-capability-calls{display:flex;flex-direction:column;gap:var(--sp2)}.canvas-capability-call{display:flex;flex-direction:column;gap:var(--sp1);padding:var(--sp2) var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--surface-raised)}.canvas-capability-call-head{display:flex;align-items:center;gap:var(--sp2);flex-wrap:wrap}.canvas-detail-kind{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-md);border:1px solid var(--ui-line);background:var(--surface-inset);font-size:var(--type-meta);color:var(--text-dim)}.canvas-detail-kind.node--entry,.canvas-detail-kind.node--terminal-success{color:var(--brand);border-color:var(--accent-border);background:var(--accent-dim)}.canvas-detail-kind.node--terminal-warn{color:var(--amber);border-color:var(--border-warning);background:var(--bg-warning)}.canvas-detail-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp3) var(--pane-pad-x) var(--sp4);display:flex;flex-direction:column;gap:var(--sp3)}.canvas-detail-role{margin:0;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.canvas-detail-desc{margin:0;font-size:var(--type-label);line-height:1.55;color:var(--text-dim)}.canvas-detail-section h4{display:flex;align-items:center;gap:var(--sp2);margin:0 0 var(--sp2);font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-dim)}.canvas-detail-count{padding:0 6px;border-radius:var(--radius-full);background:var(--surface-inset);color:var(--text-dim);font-variant-numeric:tabular-nums}.canvas-detail-empty{margin:0;font-size:var(--type-meta);color:var(--text-faint)}.canvas-detail-edges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--ui-line-strong);border-radius:var(--radius);background:var(--surface-raised);overflow:hidden}.canvas-detail-edges li+li{border-top:1px solid var(--ui-line)}.canvas-detail-edge{display:flex;align-items:center;gap:var(--sp2);width:100%;min-height:40px;padding:var(--sp1) var(--sp3);color:var(--text-dim);text-align:left}.canvas-detail-edge>svg{flex:0 0 auto;color:var(--text-faint)}.canvas-detail-edge-target{flex:0 0 auto;font-size:var(--type-label)}.canvas-detail-edge-kind{flex:0 0 auto;padding:1px 6px;border-radius:var(--radius-full);border:1px solid var(--ui-line);background:var(--surface-inset);font-size:var(--type-micro);color:var(--text-faint)}.canvas-detail-edge-cond{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--brand)}.canvas-overview-head{display:flex;align-items:center;gap:var(--sp2);flex:0 0 auto;height:var(--pane-header-h);padding:0 var(--pane-pad-x);border-bottom:1px solid var(--ui-line);color:var(--text);font-size:var(--type-label);font-weight:510}.canvas-overview-head svg{color:var(--text-faint)}.canvas-overview-close{flex:0 0 auto;margin-left:var(--sp1)}.canvas-overview-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp4) var(--pane-pad-x);font-size:var(--type-label);line-height:1.55;color:var(--text-dim)}.canvas-overview-content{display:flex;flex-direction:column;gap:var(--sp3)}.canvas-overview-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-overview-head .canvas-step-dot{flex:0 0 auto}.canvas-inspector-open-steps{margin-left:auto;color:var(--text-faint)}.canvas-inspector-open-steps:hover,.canvas-inspector-open-steps:focus-visible{color:var(--text-dim)}.canvas-inspector{display:flex;flex-direction:column;gap:var(--sp2)}.canvas-inspector .canvas-detail-role{margin:0}.canvas-inspector-run{display:flex;align-items:baseline;gap:var(--sp2);font-size:var(--type-meta)}.canvas-inspector-run-meta{color:var(--text-dim);font-variant-numeric:tabular-nums}.canvas-inspector-macros{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp2)}.canvas-inspector-macro-btn{flex:1 1 auto;text-align:center}.canvas-inspector-freeform{flex:1 0 100%;display:flex;flex-direction:row;align-items:flex-end;gap:var(--sp2)}.canvas-inspector-freeform-input{flex:1;min-width:0;resize:none;padding:0;border:0;background:transparent;font:inherit;font-size:var(--type-label);line-height:1.5;color:var(--text);field-sizing:content;min-height:1.5em;max-height:7.5em;overflow-y:auto}.canvas-inspector-freeform-input::placeholder{color:var(--text-faint)}.canvas-inspector-freeform-input:focus-visible{outline:none}.canvas-inspector-freeform-ask{align-self:flex-end}.canvas-overview-desc{margin:0;color:var(--text)}.canvas-overview-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp2);font-size:var(--type-meta);color:var(--text-dim)}.canvas-overview-badge{padding:1px var(--sp2);border:1px solid var(--ui-line);border-radius:999px;font-size:var(--type-micro);color:var(--text-dim)}.canvas-overview-legend{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp1) var(--sp3);font-size:var(--type-micro);color:var(--text-faint)}.canvas-overview-legend-item{display:flex;align-items:center;gap:var(--sp1)}.canvas-overview-legend .dot--entry{background:transparent;border:1px solid var(--text-faint)}.canvas-overview-legend-item .dot--cross{width:7px;height:7px;border:1px dashed var(--text-faint);border-radius:2px}.canvas-describe-ai{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--text);font:inherit;font-size:var(--type-meta);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.canvas-describe-ai svg{color:var(--ink-muted)}.canvas-describe-ai:hover{background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.canvas-describe-ai:hover svg{color:var(--text)}.canvas-describe-ai:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-describe-ai.is-loading,.canvas-describe-ai:disabled{cursor:default;background:var(--accent-dim);border-color:var(--accent-border);color:var(--text)}.canvas-describe-spinner{flex:0 0 auto;width:12px;height:12px;border:2px solid var(--accent-border);border-top-color:var(--ink-muted);border-radius:50%;animation:canvas-run-spin .9s linear infinite}.canvas-overview-notes{margin:0;padding-left:var(--sp4);display:flex;flex-direction:column;gap:var(--sp1)}.dot--entry{background:var(--brand)}.dot--step{border:1px solid var(--text-faint)}.dot--terminal{background:var(--text-faint)}.dot--pause{border:1px dashed var(--text-faint)}.dot--terminal-success{background:var(--green)}.dot--terminal-warn{background:var(--amber)}.dot--launched-workflow{border:1px dashed var(--brand)}.canvas-overview-open{position:absolute;right:calc(var(--sp3) + 40px);bottom:var(--sp3);z-index:3;background:var(--surface-raised);border:1px solid var(--ui-line);box-shadow:var(--shadow-soft);font-weight:590}.canvas-chat-toggle{position:absolute;right:var(--sp3);bottom:var(--sp3);z-index:3;background:var(--surface-raised);border:1px solid var(--ui-line);box-shadow:var(--shadow-soft)}.canvas-chat-toggle.is-active{background:var(--active-shade);border-color:var(--ui-line-strong);color:var(--text)}.canvas-chat-panel{flex:0 0 auto;max-height:45%;overflow-y:auto;border-top:1px solid var(--ui-line);background:var(--surface-raised);padding:var(--sp3)}.canvas-chat-head{display:flex;align-items:center;gap:var(--sp2);margin-bottom:var(--sp2)}.canvas-chat-title{flex:1;min-width:0;font-size:var(--type-label);font-weight:590;color:var(--text)}.canvas-chat-close{flex:0 0 auto}.canvas-frame-wrap.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg-0)}.canvas-view-controls{position:absolute;bottom:var(--sp3);left:var(--sp3);z-index:3;display:flex;align-items:center;gap:2px;padding:var(--sp1);background:var(--surface-raised);border:1px solid var(--ui-line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.canvas-view-controls .theme-toggle:disabled{opacity:.42;cursor:default}.canvas-zoom-reset{font-family:var(--font-mono);font-size:var(--type-micro);font-variant-numeric:tabular-nums}.canvas-iframe{flex:1;width:100%;border:none;background:#fff}.canvas-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-faint)}.canvas-loading--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--bg-1)}.canvas-skeleton{display:flex;flex-direction:column;gap:var(--sp3);padding:var(--sp5);opacity:1;transition:opacity .32s ease-out}.canvas-skeleton.is-fading{opacity:0;pointer-events:none}.canvas-skeleton-row{display:flex;gap:var(--sp3)}@keyframes canvas-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.canvas-skeleton-block{flex:1;height:44px;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface-inset) 40%,var(--surface-hover) 50%,var(--surface-inset) 60%);background-size:200% 100%;animation:canvas-skeleton-shimmer 1.6s ease-in-out infinite}.canvas-skeleton-title{flex:0 0 auto;height:16px;max-width:40%}.canvas-skeleton-wide{flex:0 0 auto;height:24px}@media(prefers-reduced-motion:reduce){.canvas-skeleton-block{animation:none}}.canvas-pan-layer{position:absolute;top:0;right:0;bottom:56px;left:0;z-index:1;cursor:grab;touch-action:none}.canvas-pan-layer.is-panning{cursor:grabbing}.canvas-pan-layer[data-over-node]{cursor:pointer}.canvas-expand-exit{position:absolute;top:var(--sp3);right:var(--sp3);z-index:4;background:var(--surface-raised);box-shadow:var(--shadow-sm)}.canvas-render-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp3);padding:var(--sp5);text-align:center}.canvas-error-icon{display:flex;color:var(--amber)}.canvas-error-summary{margin:0;max-width:44ch;font-size:var(--type-label);line-height:1.55;color:var(--text-dim);overflow-wrap:anywhere}.canvas-error-actions{display:flex;gap:var(--sp2)}.canvas-error-details{max-width:52ch;font-size:var(--type-meta);color:var(--text-faint)}.canvas-error-details summary{cursor:pointer}.canvas-error-details pre{margin:var(--sp2) 0 0;padding:var(--sp2) var(--sp3);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);background:var(--surface-inset);border:1px solid var(--ui-line);border-radius:var(--radius)}.code-panel{flex:1;min-height:0;display:flex;flex-direction:column}.code-panel-empty{flex:1;min-height:0}.code-panel-body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp2) var(--pane-pad-x) var(--sp4)}.code-panel-header .workflow-deployed-tag,.code-panel-draft-tag{flex:0 0 auto;margin-left:auto}.code-panel .snippet-panel{border:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--bg-1);padding-top:var(--sp1);padding-bottom:var(--sp1)}.code-panel .snippet-panel-header,.code-panel .snippet-slug-row,.code-panel .snippet-slug-inferred,.code-panel .snippet-tabs,.code-panel .snippet-hint{padding-left:var(--sp3);padding-right:var(--sp3)}.code-panel .snippet-code-wrap{margin-left:var(--sp3);margin-right:var(--sp3)}.code-panel .snippet-code{max-height:24rem}.snippet-panel{display:flex;flex-direction:column;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--surface-raised)}.snippet-panel-header{display:flex;align-items:center;padding:var(--sp2) var(--pane-pad-x) var(--sp1)}.snippet-panel-title{font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint)}.snippet-slug-row{display:flex;align-items:center;gap:var(--sp2);padding:0 var(--pane-pad-x) var(--sp1)}.snippet-slug-label{font-size:var(--type-micro);font-weight:600;color:var(--text-faint);white-space:nowrap;flex-shrink:0}.snippet-slug{flex:1;min-width:0;overflow-x:auto;background:var(--surface-inset);border:1px solid var(--ui-line);border-radius:var(--radius);padding:3px var(--sp2);color:var(--text);font-family:var(--font-mono);font-size:var(--type-meta);white-space:nowrap}.snippet-slug-inferred{margin:0;padding:0 var(--pane-pad-x) var(--sp1);font-size:var(--type-micro);line-height:1.4;color:var(--text-faint)}.snippet-tabs{display:flex;gap:2px;padding:0 var(--pane-pad-x) var(--sp1)}.snippet-tab{padding:3px var(--sp2);font-size:var(--type-meta);font-weight:510;color:var(--text-faint);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.snippet-tab:hover{color:var(--text-dim);background:var(--bg-hover)}.snippet-tab:active{transform:translateY(.5px)}.snippet-tab.is-active{color:var(--text);background:var(--bg-1);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.snippet-tab:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.snippet-code-wrap{position:relative;margin:0 var(--pane-pad-x) var(--sp1)}.snippet-code{margin:0;padding:var(--sp2) var(--sp3);padding-right:56px;background:var(--surface-inset);border:1px solid var(--ui-line);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.55;color:var(--text-dim);overflow-x:auto;white-space:pre;max-height:10rem;overflow-y:auto}.snippet-copy{position:absolute;top:var(--sp1);right:var(--sp1);padding:2px var(--sp2);font-size:var(--type-micro);font-weight:510;color:var(--text-faint);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.snippet-copy:hover:not(.is-copied){color:var(--text);border-color:var(--accent-border)}.snippet-copy:active:not(.is-copied){transform:translateY(.5px)}.snippet-copy:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.snippet-copy.is-copied{color:var(--brand);border-color:var(--accent-border);background:var(--accent-dim);cursor:default}.snippet-hint{margin:0;padding:0 var(--pane-pad-x) var(--sp2);font-size:var(--type-micro);color:var(--text-faint);line-height:1.5}.snippet-hint code{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim)}.snippet-link{color:var(--brand);text-decoration:none;font-weight:510}.snippet-link:hover{text-decoration:underline}.snippet-link:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:2px}@media(prefers-reduced-motion:reduce){.snippet-tab,.snippet-copy{transition:none}.snippet-tab:active,.snippet-copy:active:not(.is-copied){transform:none}}.canvas-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:var(--sp5) var(--pane-pad-x);color:var(--text-faint);font-size:var(--type-label);line-height:1.6;background-image:radial-gradient(color-mix(in srgb,var(--text) 10%,transparent) 1px,transparent 1px);background-size:16px 16px}.canvas-empty code{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta)}.canvas-empty-hint{max-width:320px;color:var(--text-faint);font-size:var(--type-meta)}.canvas-task-activity,.canvas-task-failed{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp3);text-align:center;padding:var(--sp5);color:var(--text-dim);font-size:var(--type-label);line-height:1.6}.canvas-task-activity--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:color-mix(in srgb,var(--bg-1) 88%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.canvas-task-activity--overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--text) 10%,transparent) 1px,transparent 1px);background-size:16px 16px;animation:canvas-grid-shimmer 2.6s ease-in-out infinite;pointer-events:none}@keyframes canvas-grid-shimmer{0%,to{opacity:.45}50%{opacity:1}}.canvas-task-activity--overlay>*{position:relative}.canvas-task-icon{display:flex;align-items:center;justify-content:center;color:var(--brand);animation:canvas-task-breathe 2s ease-in-out infinite}@keyframes canvas-task-breathe{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.canvas-task-activity--overlay:before,.canvas-task-icon{animation:none}}.canvas-task-title{display:flex;align-items:center;gap:var(--sp2);color:var(--text);font-size:var(--type-label);font-weight:510}.canvas-task-spinner{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--accent);animation:session-tab-busy-pulse 1.2s ease-in-out infinite}.canvas-task-lines{list-style:none;margin:0;padding:0;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-family:var(--font-mono);font-size:var(--type-meta);text-align:left;color:var(--text-faint)}.canvas-task-lines li{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-task-lines li:last-child{color:var(--text-dim)}.canvas-task-error{max-width:340px;max-height:160px;width:100%;overflow:auto;margin:0;padding:var(--sp2) var(--sp3);text-align:left;font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--text-faint);background:var(--bg-inset, rgba(128, 128, 128, .08));border:1px solid var(--border);border-radius:var(--radius-md)}.canvas-task-actions{display:flex;align-items:center;gap:8px}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:5px 10px;font-size:var(--type-label);font-weight:500;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.btn-ghost:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-primary{background:var(--btn);border:1px solid transparent;color:var(--btn-ink);font-weight:500;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:5px 10px;font-size:var(--type-label);transition:background-color var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--ink-muted)}.btn-primary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-ghost:disabled,.btn-primary:disabled{opacity:.42;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim-bg);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in var(--transition-fast) ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:24px;width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);animation:pop-in var(--transition-fast) ease-out}.run-sheet-backdrop{justify-content:flex-end}.run-sheet{width:min(520px,calc(100vw - 24px));max-width:100vw;height:calc(100dvh - 24px);margin:12px;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.run-sheet-header{display:flex;justify-content:space-between;gap:var(--sp4);padding:var(--sp5);border-bottom:1px solid var(--border)}.run-sheet-header h2{margin:3px 0 5px;color:var(--text);font-size:var(--type-title);line-height:1.2}.run-sheet-header p,.run-sheet-notice{margin:0;color:var(--text-dim);font-size:var(--type-label);line-height:1.5}.run-sheet-kicker,.run-sheet-field-head span,.run-sheet-shortcut{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.run-sheet-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.06em}.run-sheet-body{min-height:0;overflow-y:auto;padding:var(--sp5)}.run-sheet-field-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp2);color:var(--text);font-size:var(--type-label);font-weight:550}.run-sheet-field-head h3{margin:0;font:inherit}.run-input-mode{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset)}.run-input-mode button{min-height:24px;padding:0 var(--sp2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);font-size:var(--type-meta)}.run-input-mode button[aria-selected=true]{background:var(--surface-raised);box-shadow:var(--shadow-xs);color:var(--text)}.run-sheet-notice{margin-bottom:var(--sp3);padding:var(--sp3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset)}.run-sheet-notice[data-tone=warning]{color:var(--text-warning);border-color:color-mix(in srgb,var(--text-warning) 30%,var(--border))}.run-sheet-editor{display:block;width:100%;min-height:280px;resize:vertical;padding:var(--sp3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-inset);color:var(--text);font-family:var(--font-mono);font-size:var(--type-label);line-height:1.55;-moz-tab-size:2;tab-size:2}.run-sheet-editor:focus{outline:2px solid var(--focus);outline-offset:2px}.run-sheet-editor[aria-invalid=true]{border-color:var(--red-text)}.run-sheet-loading{padding:var(--sp5) 0;color:var(--text-faint);font-size:var(--type-label)}.run-sheet-stale{display:flex;align-items:center;gap:var(--sp3);margin-bottom:var(--sp4);padding:var(--sp3);border:1px solid color-mix(in srgb,var(--text-warning) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--text-warning) 7%,transparent);color:var(--text-warning);font-size:var(--type-label);line-height:1.45}.run-sheet-stale span{flex:1}.run-sheet-validation-list{margin:var(--sp2) 0 0;padding-left:var(--sp5);color:var(--red-text);font-size:var(--type-label);line-height:1.5}.run-schema-form{display:grid;gap:var(--sp4)}.schema-object-fields,.schema-property{display:grid;gap:var(--sp3)}.schema-property+.schema-property{padding-top:var(--sp3);border-top:1px solid var(--border)}.schema-field,.schema-json-field{display:grid;gap:var(--sp1)}.schema-field>label,.schema-json-field>label,.schema-object>legend,.schema-array-field>legend{color:var(--text);font-size:var(--type-label);font-weight:550}.schema-field>p,.schema-json-field>p,.schema-object>p,.schema-array-field>p{margin:0 0 var(--sp1);color:var(--text-faint);font-size:var(--type-meta);line-height:1.4}.schema-field>:is(input,select),.schema-array-row>:is(input,select),.schema-json-field textarea{width:100%;min-height:var(--control-h);padding:0 var(--sp2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-inset);color:var(--text);font-size:var(--type-ui)}.schema-json-field textarea{min-height:110px;padding:var(--sp2);resize:vertical;font-family:var(--font-mono);font-size:var(--type-label);line-height:1.5}.schema-field>:is(input,select):focus,.schema-array-row>:is(input,select):focus,.schema-json-field textarea:focus{outline:2px solid var(--focus);outline-offset:2px}.schema-object{min-width:0;margin:0;padding:var(--sp3);border:1px solid var(--border);border-radius:var(--radius)}.schema-object>legend{padding:0 var(--sp1)}.schema-array-field{min-width:0;margin:0;padding:0;border:0}.schema-array-field>legend{padding:0}.schema-optional-toggle{display:inline-flex;align-items:center;gap:var(--sp2);color:var(--text-dim);font-size:var(--type-label)}.schema-array{display:grid;gap:var(--sp2)}.schema-array-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp1)}.schema-array-row .schema-field-errors{grid-column:1 / -1}.schema-array-add,.run-sheet-reset{justify-self:start;display:inline-flex;align-items:center;gap:var(--sp1)}.schema-field-error{display:block;color:var(--red-text);font-size:var(--type-meta);line-height:1.4}.schema-field-errors{display:grid;gap:2px}.run-sheet-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp2);padding:var(--sp4) var(--sp5);border-top:1px solid var(--border)}.run-sheet-actions .btn-primary{display:inline-flex;align-items:center;gap:var(--sp1)}.run-workspace{display:flex;flex-direction:column;min-height:0;color:var(--text)}.run-workspace-header{display:flex;align-items:center;gap:var(--sp2);min-height:38px;padding:0 var(--sp3);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:var(--type-meta)}.run-workspace-header>span:not(.run-workspace-spacer)+span:not(.run-workspace-spacer):before{content:"·";margin-right:var(--sp2);color:var(--border-strong)}.run-workspace-status{display:inline-flex;align-items:center;gap:var(--sp1);color:var(--text-dim);font-weight:550}.run-workspace-status[data-status=completed]{color:var(--brand)}.run-workspace-status[data-status=failed],.run-workspace-status[data-status=cancelled]{color:var(--red-text)}.run-workspace-spacer{flex:1}.run-workspace-header a{display:inline-flex;align-items:center;gap:var(--sp1);color:var(--text-faint);text-decoration:none}.run-workspace-header a:hover{color:var(--text)}.run-workspace-pulse,.run-workspace-pending{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand)}.run-workspace-pulse{animation:run-workspace-pulse 1.4s ease-in-out infinite}.run-workspace-pending{background:transparent;border:1px solid var(--text-faint)}@keyframes run-workspace-pulse{50%{opacity:.35;transform:scale(.75)}}.run-overview,.run-attempt-inspector{min-height:0;overflow-y:auto;padding:var(--sp3)}.run-overview{display:grid;gap:var(--sp4)}.run-result-pending,.run-result-error{display:flex;align-items:center;gap:var(--sp2);min-height:72px;padding:var(--sp4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);color:var(--text-faint);font-size:var(--type-label)}.run-result-error{align-items:flex-start;color:var(--red-text)}.run-result-error pre{margin:0;white-space:pre-wrap;font:inherit}.run-stub-notices{border:1px solid color-mix(in srgb,var(--text-warning) 28%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--text-warning) 5%,transparent);color:var(--text-dim);font-size:var(--type-label)}.run-stub-notices>summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 var(--sp3);color:var(--text-warning);cursor:pointer}.run-stub-notices>summary span{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.run-stub-notices section{padding:0 var(--sp3) var(--sp3)}.run-stub-notices h4{margin:var(--sp2) 0 var(--sp1);color:var(--text-dim);font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.04em}.run-stub-notices ul{margin:0;padding-left:var(--sp4);line-height:1.55}.run-timeline{display:grid;align-content:start;min-height:0}.run-timeline-title{display:flex;justify-content:space-between;padding:var(--sp2) 0;color:var(--text-faint);font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.05em}.run-timeline-row{display:grid;grid-template-columns:25px 18px minmax(0,1fr) auto;gap:0 var(--sp1);align-items:center;width:100%;min-height:54px;padding:var(--sp2);border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-dim);text-align:left}.run-timeline-row:hover,.run-timeline-row[aria-selected=true]{background:var(--surface-hover);color:var(--text)}.run-timeline-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.run-timeline-index,.run-timeline-duration{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.run-timeline-status{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--brand)}.run-timeline-row[data-status=failed] .run-timeline-status{color:var(--red-text)}.run-timeline-copy{display:grid;min-width:0}.run-timeline-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:var(--type-label);font-weight:550}.run-timeline-copy small{color:var(--text-faint);font-size:var(--type-meta)}.run-timeline-track{position:relative;grid-column:3 / 5;height:3px;margin-top:var(--sp2);overflow:hidden;border-radius:var(--radius-full);background:var(--border)}.run-timeline-track>span{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--text-dim)}.run-timeline-row[data-status=failed] .run-timeline-track>span{background:var(--red-text)}.run-timeline-row[data-status=running] .run-timeline-track>span{background:var(--brand)}.run-workspace.is-focus{height:100%}.run-focus-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;isolation:isolate;overflow:hidden;background:var(--bg-0)}.run-focus-layer>.run-workspace{width:100%;height:100%;background:var(--bg-0)}.run-focus-layer .run-workspace-header{min-height:var(--pane-header-h);background:var(--bg-0)}:root[data-window-frame=macos] .run-focus-layer .run-workspace-header{padding-left:var(--mac-lights-inset);-webkit-app-region:drag}:root[data-window-frame=macos] .run-focus-layer .run-workspace-header :is(button,a){-webkit-app-region:no-drag}.run-workspace-focus-grid{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);min-height:0;flex:1}.run-workspace-focus-grid>.run-timeline{overflow-y:auto;padding:var(--sp3);border-right:1px solid var(--border)}.run-workspace-inspector{min-width:0;min-height:0}.run-workspace-inspector>:is(.run-overview,.run-attempt-inspector){height:100%}.run-attempt-head{display:flex;align-items:center;gap:var(--sp3);margin-bottom:var(--sp3)}.run-attempt-head>div{min-width:0;flex:1}.run-attempt-head h3{margin:0;font-size:var(--type-title)}.run-attempt-head p{margin:3px 0 0;color:var(--text-faint);font-size:var(--type-meta)}.run-attempt-head p span[data-status=failed]{color:var(--red-text)}.run-attempt-back,.run-attempt-debug{display:inline-flex;align-items:center;gap:var(--sp1)}.run-attempt-error{display:flex;gap:var(--sp2);margin-bottom:var(--sp3);padding:var(--sp3);border:1px solid color-mix(in srgb,var(--red-text) 35%,var(--border));border-radius:var(--radius);color:var(--red-text);font-size:var(--type-label)}.run-evidence-tabs{display:flex;gap:var(--sp0);overflow-x:auto;border-bottom:1px solid var(--border)}.run-evidence-tabs button{min-height:34px;padding:0 var(--sp2);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-faint);font-size:var(--type-meta)}.run-evidence-tabs button[aria-selected=true]{border-bottom-color:var(--text);color:var(--text)}.run-evidence-panel{padding-top:var(--sp3)}.run-evidence-empty{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp4);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-faint);font-size:var(--type-label)}.run-call-list{display:grid;gap:var(--sp3)}.run-call{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.run-call>header{display:flex;justify-content:space-between;padding:var(--sp2) var(--sp3);background:var(--surface-inset)}.run-call>header span{color:var(--brand);font-size:var(--type-meta)}.run-call-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.run-call-pair section{min-width:0;padding:var(--sp3)}.run-call-pair section+section{border-left:1px solid var(--border)}.run-call p{color:var(--text-faint);font-size:var(--type-meta)}.artifact-renderer{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}.artifact-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp3);min-height:42px;padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--border)}.artifact-disclosure{display:inline-flex;align-items:center;gap:var(--sp1);min-width:0;padding:var(--sp1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text)}.artifact-disclosure:hover{background:var(--surface-hover)}.artifact-disclosure:focus-visible{outline:2px solid var(--focus)}.artifact-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-label);font-weight:600}.artifact-actions{display:flex;align-items:center;gap:var(--sp2)}.artifact-mode{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset)}.artifact-mode button{min-height:24px;padding:0 var(--sp2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);font-size:var(--type-meta)}.artifact-mode button[aria-selected=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-xs)}.artifact-copy{display:inline-flex;align-items:center;gap:var(--sp1)}.artifact-object,.artifact-list{display:grid}.artifact-field,.artifact-list-item{display:grid;grid-template-columns:minmax(92px,28%) minmax(0,1fr);gap:var(--sp3);padding:var(--sp3);border-top:1px solid var(--border)}.artifact-field[data-composite],.artifact-list-item[data-composite]{grid-template-columns:1fr;gap:var(--sp2)}.artifact-object>.artifact-field:first-child,.artifact-list>.artifact-list-item:first-child{border-top:0}.artifact-field-label{color:var(--text-faint);font-size:var(--type-meta);text-transform:capitalize}.artifact-field-value{min-width:0}.artifact-list-index{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--type-meta)}.artifact-markdown{color:var(--text);font-size:var(--type-body);line-height:1.58}.artifact-markdown>:first-child{margin-top:0}.artifact-markdown>:last-child{margin-bottom:0}.artifact-markdown p{white-space:pre-wrap}.artifact-markdown a,.artifact-link,.artifact-media a{color:var(--link, var(--brand))}.artifact-link{display:inline-flex;align-items:center;gap:var(--sp1);overflow-wrap:anywhere}.artifact-scalar{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-label)}.artifact-media{margin:0;display:grid;gap:var(--sp2)}.artifact-media img,.artifact-media video{display:block;width:min(100%,720px);max-height:420px;object-fit:contain;border-radius:var(--radius);background:var(--surface-inset)}.artifact-media audio{width:min(100%,520px)}.artifact-media figcaption{font-size:var(--type-meta);overflow-wrap:anywhere}.artifact-collection-more{border-top:1px solid var(--border)}.artifact-collection-more>summary{padding:var(--sp3);color:var(--text-faint);font-size:var(--type-meta);cursor:pointer}.artifact-source{margin:0;padding:var(--sp3);overflow:auto;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.artifact-text-more{display:inline-flex;align-items:center;gap:var(--sp1);margin:0 var(--sp3) var(--sp3)}.artifact-text[data-kind=source]{background:var(--surface-inset)}.artifact-renderer[data-collapsed] .artifact-header{border-bottom:0}@media(max-width:720px){.run-attempt-head{align-items:flex-start;flex-wrap:wrap}.run-attempt-debug{width:100%;justify-content:center}.run-call-pair{grid-template-columns:1fr}.run-call-pair section+section{border-left:0;border-top:1px solid var(--border)}.artifact-field{grid-template-columns:1fr;gap:var(--sp1)}}@media(prefers-reduced-motion:reduce){.run-workspace-pulse{animation:none}}.run-sheet-shortcut{margin-right:auto}@media(max-width:640px){.run-sheet-backdrop{align-items:flex-end}.run-sheet{width:100vw;height:min(86dvh,760px);margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.run-sheet-shortcut{display:none}}.command-palette{width:min(640px,calc(100vw - 32px));padding:0;overflow:hidden}.command-palette-search{display:flex;align-items:center;gap:8px;height:var(--pane-header-h);padding:0 var(--pane-pad-x);border-bottom:1px solid var(--border);color:var(--text-faint)}.command-palette-input{flex:1;min-width:0;height:100%;padding:0;border:none;background:transparent;color:var(--text);font-size:var(--type-body)}.command-palette-input:focus{outline:none}.command-palette-clear{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-dim);flex-shrink:0}.command-palette-clear:hover{color:var(--text);background:var(--active-shade)}.tab-track{position:relative}.tab-indicator{position:absolute;z-index:0;top:50%;left:0;height:var(--control-h);margin-top:calc(var(--control-h) / -2);border-radius:var(--radius);background:var(--active-shade);pointer-events:none;transition:transform .18s ease,width .18s ease,opacity var(--transition-fast)}.tab-track>[role=tab]{position:relative;z-index:1;border-radius:var(--radius)}.command-palette-filters{display:flex;align-items:center;gap:4px;height:40px;flex:0 0 auto;padding:0 var(--sp2);border-bottom:1px solid var(--border)}.command-palette-filter{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-h);padding:0 10px;border:none;background:transparent;color:var(--text-faint);font-size:var(--type-label)}.command-palette-filter:hover{color:var(--text-dim);background:var(--surface-hover)}.command-palette-filter.is-active{background:transparent;color:var(--text)}.command-palette-footer{display:flex;align-items:center;gap:var(--sp3);height:40px;flex:0 0 auto;padding:0 var(--sp2) 0 var(--sp3);overflow:hidden;border-top:1px solid var(--border);color:var(--text-faint);font-size:var(--type-meta)}.command-palette-footer kbd{margin-right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1;color:var(--text-dim)}.command-palette-footer-mod{margin-left:auto}.command-palette-footer-cta{margin-left:auto;height:var(--control-h);font-size:var(--type-meta)}.command-palette-list{max-height:320px;overflow-y:auto;padding:6px}.command-palette-empty{padding:12px 10px;color:var(--text-faint);font-size:var(--type-label)}.command-palette-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-dim);text-align:left;transition:background-color var(--transition-fast)}.command-palette-item.is-selected{background:var(--nested-shade);color:var(--text)}.command-palette-item-label{font-size:var(--type-ui);color:var(--text);flex:0 0 auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette-item-meta{font-size:var(--type-meta);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.command-palette-item-meta[data-code]{font-family:var(--font-mono)}.command-palette-item.is-selected .command-palette-item-label{color:var(--text)}.command-palette-item.is-selected .command-palette-item-meta{color:var(--text-dim)}.command-palette-current{flex-shrink:0;padding:1px 7px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:var(--type-micro);font-weight:600;letter-spacing:.02em}.modal-header{font-size:var(--type-ui);font-weight:600;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid var(--border)}.modal-input{width:100%;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);height:var(--control-h-xs);padding:0 var(--sp2);color:var(--text);font-size:var(--type-ui);transition:border-color var(--transition-fast)}.modal-input:focus{outline:2px solid var(--focus);outline-offset:2px}.modal-error{color:var(--red);font-size:var(--type-label);margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.recent-dirs{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sp1);height:var(--pane-header-h);margin-inline:calc(-1 * var(--modal-pad-x, var(--sp5)));padding-inline:var(--modal-pad-x, var(--sp5));border-bottom:1px solid var(--ui-line);overflow-x:auto;scrollbar-width:none}.recent-dirs::-webkit-scrollbar{display:none}.recent-dir-chip{display:inline-flex;align-items:center;flex:0 0 auto;height:var(--control-h-xs);background:var(--bg-3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-md);padding:0 var(--sp3);font-size:var(--type-meta);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.recent-dir-chip:hover{color:var(--text);border-color:var(--ui-line-strong)}.recent-dir-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.modal-start,.modal-confirm{--modal-pad-x: var(--pane-pad-x);width:440px;padding:0}.modal-confirm{width:400px}.modal-close{margin-left:auto}.modal-primary-cta{min-width:128px}.modal-confirm .modal-header{display:flex;align-items:center;min-height:var(--pane-header-h);padding:0 var(--modal-pad-x);margin-bottom:0}.modal-confirm .modal-body{padding:var(--sp4) var(--modal-pad-x)}.modal-copy{margin:0;color:var(--text-dim);font-size:var(--type-ui);line-height:1.55}.modal-confirm .modal-actions{margin-top:0;padding:var(--sp3) var(--modal-pad-x)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h-xs);padding:0 var(--sp3);border:1px solid transparent;border-radius:var(--radius);background:var(--red);color:#fff;font-weight:510;font-size:var(--type-label);transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-danger:hover{transform:translateY(-1px)}.btn-danger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.modal-start .modal-header{display:flex;align-items:center;min-height:var(--pane-header-h);padding:0 var(--modal-pad-x);margin-bottom:0}.modal-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp4);padding:0 var(--modal-pad-x, var(--sp5))}.modal-field-hint{margin:0;padding-bottom:var(--sp2);font-size:var(--type-meta);color:var(--text-faint);line-height:1.5}.modal-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp1);min-width:0}.modal-start .modal-actions{margin-top:0;padding:var(--sp3) var(--modal-pad-x)}.modal-start .modal-actions{flex-wrap:wrap}.modal-start .modal-actions>button{flex-shrink:0;white-space:nowrap}.modal-start{display:flex;flex-direction:column;max-height:min(88vh,760px)}.modal-start .modal-header,.modal-start .modal-actions{flex:none}.modal-start .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-top:var(--sp3)}.modal-start-title{font-weight:var(--fw-strong, 600);font-size:var(--type-h2, 1rem)}.harness-select{display:inline-flex;align-items:center;gap:var(--sp2);min-width:0;margin-right:auto;height:var(--control-h-xs);padding:0 var(--sp2);max-width:15rem;background:var(--surface-inset);border:1px solid var(--ui-line);border-radius:var(--radius);color:var(--text);font-size:var(--type-label);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.harness-select:hover:not(:disabled),.harness-select[aria-expanded=true]{background:var(--surface-hover)}.harness-select:active:not(:disabled){background:var(--active-shade)}.harness-select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.harness-select:disabled{opacity:.42;cursor:default}.harness-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.harness-select{transition:none}}.harness-select-menu{min-width:230px;z-index:140}.dir-picker-inputrow{display:flex;align-items:center;gap:var(--sp2);height:var(--pane-header-h);margin-inline:calc(-1 * var(--modal-pad-x, var(--sp5)));padding-inline:var(--modal-pad-x, var(--sp5));border-bottom:1px solid var(--ui-line)}.dir-picker-up{flex:0 0 auto;width:var(--control-h-xs);height:var(--control-h-xs);display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-dim);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.dir-picker-up:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ui-line-strong);color:var(--text)}.dir-picker-up:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dir-picker-up:disabled{opacity:.42;cursor:default}.dir-picker-input{flex:1;font-family:var(--font-mono)}.dir-picker-listing{margin:0 calc(-1 * var(--modal-pad-x, var(--sp5)));border-top:0;border-block:1px solid var(--ui-line);background:var(--surface-inset);max-height:180px;overflow-y:auto}.dir-picker-path{position:sticky;top:0;padding:var(--sp1) var(--modal-pad-x, var(--sp5));font-size:var(--type-micro);font-family:var(--font-mono);color:var(--text-faint);background:var(--bg-3);border-bottom:1px solid var(--border)}.dir-picker-newdir{padding:var(--sp2) var(--modal-pad-x, var(--sp5));font-size:var(--type-label);color:var(--brand)}.dir-picker-empty{padding:var(--sp2) var(--modal-pad-x, var(--sp5));font-size:var(--type-label);color:var(--text-faint)}.dir-picker-item{display:flex;align-items:center;gap:var(--sp2);width:100%;height:var(--control-h-xs);padding:0 var(--modal-pad-x, var(--sp5));border:none;background:transparent;border-radius:0;color:var(--text-dim);font-size:var(--type-ui);text-align:left;transition:background-color var(--transition-fast)}.dir-picker-item:hover{background:var(--surface-hover);color:var(--text)}.dir-picker-item-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-picker-item-badge{display:inline-flex;align-items:center;gap:var(--sp1);flex:0 0 auto;padding:1px var(--sp2);border:1px solid color-mix(in srgb,var(--green) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-text);font-size:var(--type-micro)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp2);max-width:480px;padding:var(--sp2) var(--sp2) var(--sp2) var(--sp3);background:var(--surface-floating);border:1px solid var(--ui-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;animation:toast-in .34s var(--ease) both}.toast-icon{display:flex;flex-shrink:0;color:var(--ink-faint)}.toast[data-tone=success] .toast-icon{color:var(--green-text, var(--green))}.toast[data-tone=error] .toast-icon{color:var(--red-text, var(--red))}.toast.is-leaving{animation:toast-out .18s ease-in both;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation-duration:.01s}}.toast-message{color:var(--text);font-size:var(--type-label);line-height:1.4}.toast-dismiss{margin-left:auto;border:none;background:transparent;color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.toast-dismiss:hover{color:var(--text);background:var(--bg-hover)}.toast-dismiss:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.right-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;container:rightpane / inline-size}@container rightpane (max-width: 360px){.right-pane-tabs{gap:2px;padding:0 var(--sp2)}.right-pane-tab{padding:3px var(--sp2)}}.right-pane-tabs{display:flex;align-items:center;gap:var(--sp1);flex-shrink:0;height:var(--pane-header-h);padding:0 var(--pane-pad-x)}.right-pane-tab{padding:3px 10px;font-size:var(--type-label);font-weight:500;color:var(--text-faint);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.right-pane-tab:hover{color:var(--text-dim);background:var(--bg-hover)}.right-pane-tab.is-active{color:var(--text);background:var(--bg-1);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.right-pane-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.right-pane-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.right-pane-panel.is-hidden,.right-pane.is-collapsed{display:none}.right-pane-corner{margin-left:auto;display:flex;align-items:center;gap:var(--sp1)}.right-pane-deployed{flex:0 0 auto;gap:4px}.right-pane-panel>.canvas-pane{flex:1;min-height:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a1a1aabf;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#a1a1aae6}*{scrollbar-width:thin;scrollbar-color:rgba(161,161,170,.75) transparent}.agent-view{position:relative;flex:1;min-height:0}.agent-view-panel{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.shell-scrim{display:none}@media(max-width:768px){.workspace-main{min-width:0}.shell-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;background:var(--scrim-bg);animation:fade-in var(--transition-fast)}.rail-workflows{position:fixed;inset:0 auto 0 0;z-index:80;width:min(20rem,85vw)!important;min-width:0!important;border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:shell-drawer-in .3s var(--ease)}.right-pane{position:fixed;left:0;right:0;bottom:0;top:var(--pane-header-h);z-index:80;border-top:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:shell-sheet-in .3s var(--ease)}}@keyframes shell-drawer-in{0%{transform:translate(-100%)}}@keyframes shell-sheet-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.rail-workflows,.right-pane,.shell-scrim{animation:none}}.command-palette-row{display:contents}.command-palette-section{font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint);padding:4px 10px;margin-top:var(--sp2)}.command-palette-row:first-child .command-palette-section{margin-top:0}.palette-match{font-weight:700;color:var(--text);background:color-mix(in srgb,var(--accent) 26%,transparent);border-radius:3px}.command-palette-item-meta .palette-match{color:var(--text-dim);background:color-mix(in srgb,var(--accent) 18%,transparent)}.command-palette-error{padding:12px 10px;color:var(--red);font-size:var(--type-label)}.aw-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aw-result{border-top:1px solid var(--border);padding:var(--sp3) var(--modal-pad-x)}.aw-result[data-tone=good]{background:color-mix(in srgb,var(--green) 8%,transparent)}.aw-result[data-tone=todo]{box-shadow:inset 2px 0 0 var(--amber)}.aw-result-head{display:flex;align-items:flex-start;gap:var(--sp2)}.aw-result-glyph{flex:0 0 auto;margin-top:1px}.aw-result[data-tone=good] .aw-result-glyph{color:var(--green)}.aw-result[data-tone=todo] .aw-result-glyph{color:var(--amber)}.aw-result-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.aw-result-title{font-size:var(--type-ui)}.aw-result-path{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aw-result-change{flex:0 0 auto}.aw-mcp{margin-top:var(--sp3);padding-top:var(--sp3);border-top:1px solid var(--border)}.aw-mcp-row,.aw-mcp-list-row{display:flex;align-items:center;gap:var(--sp2)}.aw-mcp-list{display:flex;flex-direction:column;gap:var(--sp1);margin-top:var(--sp2)}.aw-mcp-list-row{justify-content:space-between}.aw-mcp-text{flex:1 1 auto;min-width:0;font-size:var(--type-meta);color:var(--text-dim);line-height:1.5}.aw-mcp-row>.btn-ghost,.aw-mcp-list-row>.btn-ghost{flex-shrink:0;white-space:nowrap}.aw-mcp-dim{color:var(--text-faint)}.aw-mcp-more{flex:0 0 auto;padding-left:var(--sp2);padding-right:var(--sp2)}.aw-field{display:flex;flex-direction:column;gap:var(--sp2);padding:0 var(--modal-pad-x) var(--sp3)}.aw-field-label{font-size:var(--type-label);font-weight:500;color:var(--text)}.aw-textarea{resize:vertical;min-height:68px;line-height:1.5}.aw-target{display:flex;align-items:center;gap:var(--sp2);padding:0 var(--modal-pad-x) var(--sp2)}.aw-target-path{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aw-root-change{flex:0 0 auto}.aw-root-actions{display:flex;justify-content:flex-end;gap:var(--sp2);padding-top:var(--sp2)}.modal-field-hint[data-invalid=true]{color:var(--amber-text, var(--amber))}.recent-dirs[data-fade=right]{-webkit-mask-image:linear-gradient(to right,black calc(100% - 32px),transparent);mask-image:linear-gradient(to right,black calc(100% - 32px),transparent)}.recent-dirs[data-fade=left]{-webkit-mask-image:linear-gradient(to right,transparent,black 32px);mask-image:linear-gradient(to right,transparent,black 32px)}.recent-dirs[data-fade=both]{-webkit-mask-image:linear-gradient(to right,transparent,black 32px,black calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,black 32px,black calc(100% - 32px),transparent)}.dir-picker-error{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--modal-pad-x, var(--sp5));font-size:var(--type-label);color:var(--red)}.dir-picker-error>span{flex:1;min-width:0}.dir-picker-retry{flex:0 0 auto}.dead-session-detail{display:flex;flex-direction:column;gap:var(--sp1);min-width:240px;max-width:360px;margin:var(--sp2) 0 var(--sp3);padding:var(--sp2) var(--sp3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);text-align:left}.dead-session-detail-row{display:flex;justify-content:space-between;gap:var(--sp4);font-size:var(--type-label)}.dead-session-detail-row dt{color:var(--text-faint);flex:0 0 auto}.dead-session-detail-row dd{margin:0;color:var(--text-dim);text-align:right;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);padding:var(--sp2) var(--sp3);font-size:var(--type-ui);font-weight:500;color:var(--text);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-line:hover:not(:disabled){background:var(--surface-hover)}.btn-line:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.btn-line:disabled{opacity:.5;cursor:default}.pill{display:inline-flex;align-items:center;padding:1px var(--sp2);font-size:var(--type-micro);font-family:var(--font-mono);color:var(--text-dim);background:var(--surface-inset);border-radius:var(--radius-sm);white-space:nowrap}.pill--count{font-variant-numeric:tabular-nums;color:var(--text-faint)}.app.is-browsing>.center-pane,.app.is-browsing>.right-pane,.app.is-browsing>.pane-resize-handle{display:none}.templates-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.templates-bar{display:flex;align-items:center;gap:var(--sp2);flex:0 0 auto;min-height:var(--pane-header-h);padding:0 var(--pane-pad-x);border-bottom:1px solid var(--border)}.templates-bar-title{font-size:var(--type-ui);font-weight:550;color:var(--text)}.templates-bar-use{margin-left:auto}.templates-scroll{flex:1;min-height:0;overflow-y:auto}.templates-measure{width:100%;max-width:1080px;margin:0 auto;padding:var(--sp6) var(--sp5) var(--sp7)}.templates-hero{display:flex;flex-direction:column;gap:var(--sp2);margin-bottom:var(--sp5)}.templates-hero-title{margin:0;font-size:var(--type-h2);font-weight:600;letter-spacing:-.01em;color:var(--text)}.templates-hero-copy{margin:0;max-width:60ch;font-size:var(--type-ui);line-height:1.6;color:var(--text-dim)}.templates-degraded{display:flex;align-items:flex-start;gap:var(--sp2);margin-bottom:var(--sp4);padding:var(--sp3);font-size:var(--type-meta);line-height:1.5;color:var(--text-dim);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm)}.templates-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:var(--sp5);align-items:start}.template-filters{display:flex;flex-direction:column;gap:var(--sp4);position:sticky;top:0}.template-search{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);color:var(--text-faint);background:var(--surface-base);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.template-search:focus-within{outline:2px solid var(--focus);outline-offset:-1px}.template-search-input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:var(--type-ui);color:var(--text)}.template-search-input:focus{outline:none}.facet{display:flex;flex-direction:column;gap:var(--sp1)}.facet-title{padding:0 var(--sp2);font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint)}.facet-rows{display:flex;flex-direction:column;gap:1px}.facet-row{display:flex;align-items:center;gap:var(--sp2);width:100%;padding:var(--sp2);border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast)}.facet-row:hover{background:var(--surface-hover)}.facet-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.facet-row.is-active{background:var(--surface-selected);color:var(--text);font-weight:550}.facet-row-label{flex:1;min-width:0;font-size:var(--type-ui)}.templates-results{display:flex;flex-direction:column;gap:var(--sp5);min-width:0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp3)}.template-card{position:relative;display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.template-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.template-card:focus-within{border-color:var(--border-strong)}.template-card-hitbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;padding:0;border:none;border-radius:inherit;background:transparent;cursor:pointer}.template-card-hitbox:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.template-card-header,.template-card-desc,.template-card-tags{position:relative;z-index:1;pointer-events:none}.template-card-header{display:flex;align-items:flex-start;gap:var(--sp2)}.template-card-name{flex:1;min-width:0;margin:0;font-size:var(--type-ui);font-weight:600;color:var(--text)}.template-card-info{pointer-events:auto;flex:0 0 auto;color:var(--text-faint)}.template-card-desc{margin:0;font-size:var(--type-meta);line-height:1.55;color:var(--text-dim)}.template-card-tags{display:flex;flex-wrap:wrap;gap:var(--sp1);margin-top:auto;padding-top:var(--sp1)}.template-facts{width:240px;padding:var(--sp3);display:flex;flex-direction:column;gap:var(--sp3)}.template-fact-list{margin:0;display:flex;flex-direction:column;gap:var(--sp1)}.template-fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp2);font-size:var(--type-meta)}.template-fact dt{color:var(--text-faint)}.template-fact dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.template-fact-actions{display:flex;gap:var(--sp2)}.template-fact-actions>*{flex:1}.templates-starters{display:flex;flex-direction:column;gap:var(--sp2);padding-top:var(--sp4);border-top:1px solid var(--border)}.templates-starters-copy{margin:0 0 var(--sp2);font-size:var(--type-meta);color:var(--text-faint)}.templates-empty{padding:var(--sp7) var(--sp5)}@media(max-width:860px){.templates-layout{grid-template-columns:minmax(0,1fr);gap:var(--sp4)}.template-filters{position:static}.facet-rows{flex-direction:row;gap:var(--sp1);overflow-x:auto}.facet-row{width:auto;flex:0 0 auto}}.canvas-step-transition-label{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-faint)}.template-detail{display:flex;flex-direction:column;gap:var(--sp3);padding:var(--sp4) var(--modal-pad-x);overflow-y:auto}.template-detail-head{display:flex;align-items:baseline;gap:var(--sp2);flex-wrap:wrap}.template-detail-name{margin:0;font-size:var(--type-body);font-weight:600;color:var(--text)}.template-tags{display:inline-flex;gap:var(--sp1)}.template-tag{padding:0 var(--sp1);border:1px solid var(--ui-line);border-radius:var(--radius-sm);font-size:var(--type-micro);color:var(--text-faint)}.template-byline{font-size:var(--type-meta);color:var(--text-faint)}.template-byline a{color:inherit}.template-byline a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.template-lead{margin:0;font-size:var(--type-ui);color:var(--text-dim);line-height:1.55}.template-section{display:flex;flex-direction:column;gap:var(--sp2)}.template-section-title{margin:0;font-size:var(--type-micro);font-weight:700;letter-spacing:.01em;color:var(--text-faint)}.template-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp2)}.template-step{display:flex;align-items:baseline;gap:var(--sp2)}.template-step-index{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.template-step-copy{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.template-step-name{display:inline-flex;align-items:baseline;gap:var(--sp2);font-family:var(--font-mono);font-size:var(--type-label);color:var(--text)}.template-step-exit{padding:0 var(--sp1);border:1px solid var(--ui-line);border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--type-micro);color:var(--text-faint)}.template-step-exit--warn{border-color:var(--amber);color:var(--amber)}.template-step-pause{padding:0 var(--sp1);border:1px dashed var(--text-faint);border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--type-micro);color:var(--text-faint)}.template-step-role{font-size:var(--type-micro);color:var(--text-faint)}.template-step-desc{font-size:var(--type-meta);color:var(--text-faint);line-height:1.4}.template-graph{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius);background:var(--surface-inset)}.template-graph-item{display:flex;flex-direction:column;gap:var(--sp1)}.template-graph-node{display:flex;align-items:center;gap:var(--sp2);font-size:var(--type-meta);color:var(--text)}.template-graph-name{font-weight:510}.template-graph-edge{padding-left:var(--sp4)}.template-caps{display:flex;flex-wrap:wrap;gap:var(--sp1)}.template-cap{flex:0 0 auto;padding:0 var(--sp1);border:1px solid var(--ui-line);border-radius:var(--radius-sm);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim)}.template-note{margin:0;font-size:var(--type-meta);color:var(--text-faint);line-height:1.5}.template-usecases{margin:0;padding-left:var(--sp4);display:flex;flex-direction:column;gap:var(--sp1);font-size:var(--type-meta);color:var(--text-dim);line-height:1.5}.template-example{border:1px solid var(--ui-line);border-radius:var(--radius-sm)}.template-example-summary{padding:var(--sp2);font-size:var(--type-meta);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.template-example-summary:hover{background:var(--surface-hover)}.template-example-summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.template-example-body{display:flex;flex-direction:column;gap:var(--sp1);padding:var(--sp2);border-top:1px solid var(--ui-line)}.template-example-label{font-size:var(--type-micro);font-weight:700;color:var(--text-faint)}.template-example-json{margin:0;padding:var(--sp2);border-radius:var(--radius-sm);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere}.template-notes{font-size:var(--type-meta);color:var(--text-dim);line-height:1.5}.template-notes p{margin:0 0 var(--sp2)}.template-notes p:last-child{margin-bottom:0}.template-handoff{margin:0;padding-top:var(--sp2);border-top:1px solid var(--ui-line);font-size:var(--type-meta);color:var(--text-faint);line-height:1.5}@media(prefers-reduced-motion:reduce){.template-example-summary{transition:none}}.composer-home{position:relative;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp6);padding:var(--sp7) var(--sp5) var(--sp6);animation:refine-content-in var(--base, .22s) var(--ease) both}.composer-hero{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center}.composer-greeting{margin:0 0 var(--sp2);font-size:var(--type-ui);color:var(--text-dim)}.composer-heading{margin:0 0 var(--sp4);font-size:1.6rem;font-weight:640;letter-spacing:-.02em;color:var(--text)}.composer-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp2);margin-bottom:var(--sp4)}.composer-chip{height:var(--control-h-xs);padding:0 var(--sp3);border:1px solid var(--ui-line-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-dim);font-size:var(--type-label);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.composer-chip:hover{background:var(--surface-hover);color:var(--text);transform:translateY(-1px)}.composer-box{position:relative;width:100%;display:flex;flex-direction:column;padding:var(--sp3);border:1px solid var(--ui-line-strong);border-radius:var(--r-lg, 14px);background:var(--surface-raised);box-shadow:var(--shadow-soft);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.composer-box:focus-within{border-color:color-mix(in srgb,var(--brand) 55%,var(--ui-line-strong));box-shadow:var(--shadow)}.composer-box.is-dragging-files{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface-raised));box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent)}.composer-box.is-busy{border-color:color-mix(in srgb,var(--brand) 38%,var(--ui-line-strong));cursor:progress}.composer-drop-hint{position:absolute;inset:var(--sp1);z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--sp2);border-radius:calc(var(--r-lg) - var(--sp1));background:color-mix(in srgb,var(--brand) 10%,var(--surface-raised));color:var(--text);font-size:var(--type-ui);font-weight:590;pointer-events:none}.composer-input{width:100%;border:0;background:transparent;resize:none;color:var(--text);font:inherit;font-size:var(--type-ui);line-height:1.5;min-height:3em}.composer-input::placeholder{color:var(--text-faint)}.composer-input:focus-visible{outline:none}.composer-files{display:flex;flex-wrap:wrap;gap:var(--sp2);margin:var(--sp2) 0 0;padding:0;list-style:none}.composer-file{display:inline-flex;align-items:center;gap:var(--sp2);min-width:0;max-width:260px;height:var(--control-h-xs);padding:0 var(--sp1) 0 var(--sp2);border:1px solid var(--ui-line-strong);border-radius:var(--radius);background:var(--surface-hover);color:var(--text-dim)}.composer-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-label)}.composer-file-remove{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-2xs);height:var(--control-h-2xs);padding:0;border:0;border-radius:var(--r-sm, 5px);background:transparent;color:var(--text-faint);cursor:pointer}.composer-file-remove:hover{background:var(--surface-raised);color:var(--text)}.composer-box-actions{display:flex;align-items:center;gap:var(--sp2);margin-top:var(--sp2)}.composer-attach{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-xs);height:var(--control-h-xs);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.composer-attach:hover{background:var(--surface-hover);color:var(--text)}.composer-box-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp2)}.composer-harness{background:transparent}.composer-send{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-xs);height:var(--control-h-xs);border:0;border-radius:var(--radius);background:var(--btn);color:var(--btn-ink);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.composer-send:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.composer-send:disabled,.composer-attach:disabled,.composer-file-remove:disabled{cursor:default;opacity:.55}.composer-send:disabled:hover{transform:none;box-shadow:none}.composer-send:active{transform:translateY(0)}.composer-chip:focus-visible,.composer-attach:focus-visible,.composer-file-remove:focus-visible,.composer-send:focus-visible,.composer-templates-all:focus-visible,.composer-template-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:640px){.composer-home{justify-content:flex-start;padding:var(--sp5) var(--sp3)}.composer-files{width:100%;flex-direction:column}.composer-file{width:100%;max-width:100%;min-height:var(--icon-lg);height:auto}.composer-file-remove{width:var(--icon-lg);min-width:var(--icon-lg);height:var(--icon-lg);margin-left:auto}.composer-box-actions{flex-wrap:wrap}.composer-box-right{width:100%;margin-left:0}.composer-harness{flex:1;justify-content:flex-start}.composer-attach,.composer-send{width:var(--icon-lg);height:var(--icon-lg)}}@media(prefers-reduced-motion:reduce){.composer-home{animation:none}.composer-box,.composer-chip,.composer-attach,.composer-send{transition:none}}.composer-templates{width:100%;max-width:880px}.composer-templates-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp3)}.composer-templates-title{font-size:var(--type-label);font-weight:590;color:var(--text-dim)}.composer-templates-all{display:inline-flex;align-items:center;gap:var(--sp1);border:0;background:transparent;color:var(--text-dim);font-size:var(--type-label);cursor:pointer;transition:color var(--transition-fast)}.composer-templates-all:hover{color:var(--text)}.composer-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp3)}@media(max-width:900px){.composer-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.composer-template-grid{grid-template-columns:minmax(0,1fr)}}.composer-template-card{display:flex;flex-direction:column;gap:var(--sp2);padding:var(--sp3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--surface-raised);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.composer-template-card:hover{border-color:var(--ui-line-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.composer-template-cardhead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp2)}.composer-template-name{font-size:var(--type-ui);font-weight:590;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-template-suggested{flex:0 0 auto;padding:1px var(--sp2);border-radius:var(--radius-full, 999px);background:var(--brand-wash, var(--accent-dim));color:var(--green-text, var(--brand));font-size:var(--type-micro);font-weight:600}.composer-template-desc{color:var(--text-dim);font-size:var(--type-label);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.composer-template-meta{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-faint)}.composer-footer{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--sp3);text-align:center}.composer-consent{display:flex;align-items:flex-start;gap:var(--sp2);max-width:520px;text-align:left}.composer-consent-copy{font-size:var(--type-meta);color:var(--text-faint);line-height:1.5}.composer-docs{display:inline-flex;align-items:center;gap:var(--sp1);color:var(--text-dim);font-size:var(--type-label);text-decoration:none}.composer-docs:hover{color:var(--text)}.overview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--sp5) var(--sp4);overflow:hidden;background:var(--scrim-bg);animation:fade-in var(--transition-fast) ease-out}.overview-modal-card{position:relative;display:flex;flex-direction:column;width:min(600px,100%);max-height:100%;overflow:hidden;background:var(--surface-raised);border:1px solid var(--ui-line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:overview-modal-rise var(--slow) var(--ease) both}@keyframes overview-modal-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.overview-modal-close{position:absolute;top:var(--sp3);right:var(--sp3);z-index:2}.overview-modal-body{display:flex;flex-direction:column;gap:var(--sp3);min-height:0;padding:var(--sp6) var(--sp6) var(--sp5);overflow-y:auto}.overview-modal-title{margin:0;font-size:var(--type-display);font-weight:var(--fw-strong, 600);letter-spacing:-.02em;line-height:1.2;color:var(--text)}.overview-modal-version{margin:calc(var(--sp3) * -1) 0 0;font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-faint)}.overview-modal-intro{margin:0 0 var(--sp1);font-size:var(--type-label);line-height:1.55;color:var(--text-dim)}.overview-modal-path{display:flex;align-items:center;gap:var(--sp3);padding:var(--sp4);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.overview-modal-path-icon{display:grid;place-items:center;flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--surface-inset);color:var(--text-dim)}.overview-modal-path-copy{display:flex;flex-direction:column;flex:1;min-width:0}.overview-modal-path-title{font-size:var(--type-label);font-weight:var(--fw-strong, 600);color:var(--text)}.overview-modal-path-desc{font-size:var(--type-meta);line-height:1.4;color:var(--text-faint)}.overview-modal-cta{flex:0 0 auto;white-space:nowrap}.overview-modal-docs{display:flex;align-items:center;justify-content:center;gap:var(--sp1);height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:var(--type-label);font-weight:510;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.overview-modal-docs:hover{color:var(--text);border-color:var(--ui-line-strong);background:var(--surface-hover)}.overview-modal-docs:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media(max-width:640px){.overview-modal-body{padding:var(--sp5) var(--sp4)}.overview-modal-path{flex-wrap:wrap}.overview-modal-cta{width:100%}}@media(prefers-reduced-motion:reduce){.overview-modal-card{animation:none}}body{font-size:var(--type-ui, 13px)}.session-item-meta,.palette-trigger-hint,.session-history-badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.brand-product{letter-spacing:-.01em}.theme-toggle{width:var(--control-h-xs);height:var(--control-h-xs);border-radius:var(--radius)}.theme-toggle:active{transform:scale(.96)}.brand-identity{font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:-.01em}.rail{background:var(--surface-base)}.workflow-item{border-radius:var(--radius);border:1px solid transparent}.workflow-item:hover{background:var(--surface-hover, var(--bg-hover))}.pane-resize-handle{width:9px;background:transparent}.pane-resize-handle:before{content:"";position:absolute;inset:0 auto 0 50%;width:1px;transform:translate(-50%);background:var(--ui-line, var(--border));transition:width var(--fast, .13s) var(--ease),background-color var(--fast, .13s) var(--ease)}.pane-resize-handle:hover,.pane-resize-handle:active{background:transparent}.pane-resize-handle:hover:before,.pane-resize-handle:active:before,.pane-resize-handle:focus-visible:before{width:2px;background:var(--brand)}.pane-resize-handle:focus-visible{outline:none}.center-pane{background:var(--surface-base)}.terminal-empty,.rail-empty{color:var(--text-faint)}.session-bar{background:transparent}.btn-ghost,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);border-radius:var(--radius);height:var(--control-h-xs);padding:0 var(--sp3);font-weight:510;transition:background-color var(--fast, .13s) var(--ease),border-color var(--fast, .13s) var(--ease),color var(--fast, .13s) var(--ease),transform var(--fast, .13s) var(--ease)}.btn-ghost{border-color:var(--ui-line, var(--border));box-shadow:none}.btn-ghost:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--btn);color:var(--btn-ink);border-color:transparent;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--btn);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.right-pane{background:var(--surface-raised);box-shadow:-4px 0 16px -6px color-mix(in srgb,var(--ink) 24%,transparent)}@media(min-width:769px){.right-pane{position:relative;z-index:1}}.right-pane-tabs{background:transparent}.right-pane-tab{display:inline-flex;align-items:center;gap:var(--sp1);border-radius:var(--radius);height:var(--control-h-xs);padding:0 var(--sp3);font-weight:510}.right-pane-tab:hover{background:var(--surface-hover, var(--bg-hover))}.right-pane-tab.is-active{background:var(--active-shade);border-color:var(--ui-line, var(--border));box-shadow:none;color:var(--text)}.canvas-pane,.right-pane-panel{background:transparent}.canvas-empty,.canvas-empty-hint{color:var(--text-dim)}.canvas-empty-hint code{font-family:var(--font-mono);font-size:var(--type-meta);padding:1px 5px;border-radius:var(--radius);background:var(--surface-inset, var(--bg-2))}.canvas-frame-wrap{animation:refine-content-in var(--base, .22s) var(--ease) both}.modal-backdrop{background:var(--scrim-bg, rgba(3, 3, 5, .55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.command-palette,.settings-popover{border:1px solid var(--ui-line-strong, var(--border-strong));border-radius:var(--radius);box-shadow:var(--shadow);animation:refine-dialog-in var(--base, .22s) var(--ease) both}.settings-popover{border-radius:var(--radius)}.rail-empty,.workspace-group-empty,.terminal-empty,.canvas-empty,.skills-empty,.skills-loading,.dir-picker-empty,.session-dropdown-empty,.command-palette-empty{color:var(--text-faint);font-size:var(--type-label, 12px);line-height:1.5}.skills-error,.modal-error,.welcome-error,.command-palette-error,.dir-picker-error{color:var(--red-text);font-size:var(--type-label, 12px);line-height:1.5}.command-palette-error,.dir-picker-error{padding:var(--sp2, 8px) var(--sp3, 12px);font-family:var(--font-mono);font-size:var(--type-meta, 11px)}.dir-picker-error{padding:var(--sp2, 8px) var(--sp5, 24px)}.workflow-dot,.session-dot{box-shadow:none}@keyframes refine-content-in{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes refine-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.composer-home.is-leaving{animation:composer-leave var(--base, .22s) var(--ease) forwards;pointer-events:none}.agent-view{animation:refine-content-in var(--base, .22s) var(--ease) both}@media(min-width:769px){.app.canvas-animated{transition:grid-template-columns var(--base, .22s) var(--ease)}.app.canvas-animated.canvas-dragging{transition:none}.app.canvas-animated.canvas-sliding .right-pane.is-collapsed{display:flex}.app.canvas-animated.canvas-sliding .right-pane>*{width:var(--rp-w, 100%);align-self:flex-end}}@keyframes composer-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@media(prefers-reduced-motion:reduce){.btn-ghost:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:none}.canvas-frame-wrap,.modal,.command-palette,.settings-popover,.agent-view,.composer-home.is-leaving{animation-duration:1ms}.app.canvas-animated{transition-duration:1ms}}