dot-studio 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 monarchjuno
+
+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.

package/README.md

@@ -0,0 +1,214 @@
+<p align="center">
+  <img src="https://img.shields.io/npm/v/dot-studio?style=flat-square&color=ff6b6b" alt="npm version" />
+  <img src="https://img.shields.io/badge/node-%3E%3D20.19.0-brightgreen?style=flat-square" alt="node version" />
+  <img src="https://img.shields.io/github/license/dance-of-tal/dance-of-tal?style=flat-square&color=blue" alt="license" />
+  <img src="https://img.shields.io/badge/PRs-welcome-ff69b4?style=flat-square" alt="PRs welcome" />
+</p>
+
+<h1 align="center">🎭 DOT Studio</h1>
+
+<p align="center">
+  <strong>The visual workspace for composing and orchestrating AI agents.</strong><br />
+  Build Performers. Wire Act graphs. Watch them run — node by node.
+</p>
+
+<p align="center">
+  <a href="https://danceoftal.com/docs/studio">Documentation</a> ·
+  <a href="https://danceoftal.com">Website</a> ·
+  <a href="https://github.com/dance-of-tal/dance-of-tal/issues">Report Bug</a> ·
+  <a href="https://github.com/dance-of-tal/dance-of-tal/issues">Request Feature</a>
+</p>
+
+---
+
+## Why DOT Studio?
+
+Most AI tools bury agent behavior behind hidden prompts and opaque configs. DOT Studio makes agent composition **visible, editable, and reusable**.
+
+Website: [danceoftal.com](https://danceoftal.com)
+
+- 🎨 **Performers are workspace objects** — not hidden prompt presets
+- 🔀 **Acts are first-class graphs** — not ad-hoc routing conventions
+- 👁️ **Everything stays visible** — execution history, thread sessions, performer bindings
+- 🔌 **MCP assignment is explicit** — project-scoped and inspectable
+
+> **Not just a prettier chat shell.** Studio treats agent behavior as structured workspace state.
+
+---
+
+## ✨ Features
+
+<table>
+  <tr>
+    <td width="50%">
+
+### 🎭 Performer Composer
+
+Connect **Tal** (identity layer) and **Dance** (skill context) assets, choose models, assign MCP servers, and preview the compiled prompt envelope — all on a visual canvas.
+
+  </td>
+    <td width="50%">
+
+### 🔀 Act Editor
+
+Build multi-node AI workflows with **worker**, **orchestrator**, and **parallel** nodes. Set entry points, wire flow and branch edges, and inspect everything directly on the graph.
+
+  </td>
+  </tr>
+  <tr>
+    <td width="50%">
+
+### 🧵 Thread Runner
+
+Execute acts and watch output unfold **node-by-node** in real time. Keep node sessions alive across a thread for iterative workflows.
+
+  </td>
+    <td width="50%">
+
+### 📦 Draft & Publish
+
+Create Tal and Dance drafts on the canvas, save them locally, and publish through the DOT registry — without leaving Studio.
+
+  </td>
+  </tr>
+</table>
+
+---
+
+## 🧬 Core Concepts
+
+| Concept | Description |
+|:---|:---|
+| **Tal** | The always-on instruction layer — identity, rules, and baseline behavior |
+| **Dance** | Optional skill or capability context, loaded on demand |
+| **Performer** | A runnable composition of Tal + Dance + model + agent mode + MCP bindings |
+| **Act** | A directed workflow graph of worker, orchestrator, and parallel nodes |
+| **Stage** | The saved Studio workspace state for a project |
+
+---
+
+## 🚀 Quick Start
+
+### One-liner
+
+```bash
+npx dot-studio .
+```
+
+### Global install
+
+```bash
+npm install -g dot-studio
+dot-studio .
+```
+
+> **Flags:** `dot-studio [projectDir]` · `dot-studio --no-open [projectDir]` · `dot-studio --port 3005 [projectDir]`
+>
+> If no port is specified, DOT Studio starts from `3001` and automatically picks the next free port when that port is already in use.
+>
+> When you launch the published CLI interactively, it checks npm for a newer `dot-studio` version and asks whether to update before starting.
+
+---
+
+## 🛠️ Development
+
+### Prerequisites
+
+- **Node.js** `≥ 20.19.0` (repo pins `22.22.1` via `.nvmrc`)
+- macOS or Linux recommended
+
+### Setup
+
+```bash
+npm install
+npm run dev:all
+```
+
+This spins up three processes:
+
+| Service | URL |
+|:---|:---|
+| Vite (client) | `http://localhost:5173` |
+| Hono (API) | `http://localhost:3001` |
+| OpenCode (runtime) | `http://localhost:4096` |
+
+> The Vite dev server proxies `/api` and `/ws` — browser traffic stays same-origin.
+
+### Commands
+
+```bash
+npm run dev          # Client only
+npm run server       # API server only
+npm run type-check   # Full type checking
+npm run build:all    # Production build
+```
+
+### Packaging
+
+```bash
+npm run type-check
+npm run pack:check
+npm pack
+```
+
+Smoke test:
+```bash
+npx dot-studio --no-open <projectDir>
+```
+
+---
+
+## 🏗️ Architecture
+
+```
+studio/
+├── src/           # React app, canvas components, state slices
+├── server/        # Hono routes, OpenCode integration, act runtime
+├── shared/        # Cross-runtime helpers and metadata utilities
+├── client/        # Built browser assets (generated)
+└── cli.ts         # CLI entry point
+```
+
+### Runtime Boundaries
+
+```mermaid
+graph LR
+    A["🎨 Studio"] -->|stage state, UX, prompt assembly| B["📦 dance-of-tal"]
+    A -->|model execution, sessions, tools| C["⚡ OpenCode"]
+    B -->|asset formats, registry semantics| D["🌐 Registry"]
+```
+
+> Studio is the **workspace layer** — it orchestrates UX and state, while OpenCode owns the actual model runtime.
+
+---
+
+## 🧰 Tech Stack
+
+| Layer | Technology |
+|:---|:---|
+| Frontend | React 19, Zustand, React Flow, Vite |
+| Backend | Hono, tsx |
+| Orchestration | XState |
+| AI Runtime | OpenCode SDK |
+| Asset System | dance-of-tal |
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome! Here's how to get started:
+
+1. Fork the repo and create your branch from `main`
+2. Run `npm run type-check` before pushing
+3. Keep runtime behavior aligned with DOT asset semantics
+4. Treat OpenCode as the execution authority — don't re-implement it in Studio
+
+## 📄 License
+
+[MIT](./LICENSE) © [monarchjuno](https://github.com/monarchjuno)
+
+---
+
+<p align="center">
+  Built with 🎭 by the <a href="https://danceoftal.com">Dance of Tal</a> community
+</p>

package/client/assets/index-C2eIILoa.css

@@ -0,0 +1,41 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-canvas: #E5E5E5;--bg-panel: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F0F0F0;--bg-selected: #E5F4FF;--border-light: #F0F0F0;--border-main: #E5E5E5;--border-strong: #D0D0D0;--border-active: #0D99FF;--text-primary: #333333;--text-secondary: #888888;--text-muted: #B3B3B3;--accent: #0D99FF;--accent-hover: #0A85E0;--shadow-window: 0 4px 12px rgba(0, 0, 0, .08), 0 20px 40px rgba(0, 0, 0, .08);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--shadow-panel: 1px 0 0 rgba(0, 0, 0, .1);--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--tal-color: #F24822;--tal-bg: rgba(242, 72, 34, .1);--dance-color: #FFA629;--dance-bg: rgba(255, 166, 41, .1);--model-color: #9747FF;--model-bg: rgba(151, 71, 255, .1);--mcp-color: #14AE5C;--mcp-bg: rgba(20, 174, 92, .1);--figma-blue: #0D99FF;--figma-blue-hover: #0A85E0;--figma-bg-hover: #F0F0F0;--figma-border: #E5E5E5;color-scheme:light}[data-theme=dark]{--bg-canvas: #1E1E1E;--bg-panel: #2C2C2C;--bg-card: #383838;--bg-hover: #444444;--bg-selected: rgba(13, 153, 255, .15);--border-light: #383838;--border-main: #444444;--border-strong: #555555;--border-active: #0D99FF;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--text-muted: #888888;--shadow-window: 0 4px 12px rgba(0, 0, 0, .3), 0 20px 40px rgba(0, 0, 0, .4);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .4);--shadow-panel: 1px 0 0 rgba(0, 0, 0, .5);--tal-color: #F24822;--tal-bg: rgba(242, 72, 34, .15);--dance-color: #FFA629;--dance-bg: rgba(255, 166, 41, .15);--model-color: #9747FF;--model-bg: rgba(151, 71, 255, .15);--mcp-color: #14AE5C;--mcp-bg: rgba(20, 174, 92, .15);--figma-blue: #0D99FF;--figma-blue-hover: #0A85E0;--figma-bg-hover: #444444;--figma-border: #444444;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased}html{scroll-behavior:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.figma-app{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;overflow:hidden}.figma-sidebar{min-width:180px;height:100%;background:var(--bg-panel);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;flex-shrink:0;z-index:10;border-right:1px solid var(--border-main)}.figma-canvas-area{flex:1;position:relative;background:var(--bg-canvas);overflow:hidden}.canvas-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .16s ease}.canvas-drop-overlay.is-active{opacity:1}.canvas-drop-overlay__card{min-width:260px;max-width:360px;padding:14px 16px;border-radius:18px;border:1px solid rgba(80,120,255,.32);background:#0f1420d6;box-shadow:0 24px 60px #040a1859;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.canvas-drop-overlay__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.canvas-drop-overlay__body{font-size:13px;color:var(--text-primary);line-height:1.5}.canvas-top-right-bar{position:absolute;top:16px;right:16px;z-index:1000;display:flex;align-items:center;gap:8px;pointer-events:auto}.canvas-controls{display:flex;align-items:center;gap:0;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-dropdown)}.canvas-controls__btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:none;border-right:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.canvas-controls__btn:last-child{border-right:none}.canvas-controls__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.canvas-controls__btn svg{fill:currentColor}.figma-compose-banner{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(56,189,248,.28);background:#0a0e18b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);box-shadow:var(--shadow-window);font-size:11px}.figma-compose-banner strong{color:#38bdf8;font-weight:700}.react-flow__background{background:var(--bg-canvas)!important}.react-flow__controls{box-shadow:var(--shadow-window)!important;border:1px solid var(--border-main)!important;border-radius:var(--radius)!important;overflow:hidden;background:var(--bg-panel)!important;display:flex!important;flex-direction:row!important}.react-flow__controls-button{background:var(--bg-panel)!important;border-bottom:none!important;border-right:1px solid var(--border-light)!important;color:var(--text-secondary)!important;transition:background .15s,color .15s!important;display:flex;align-items:center;justify-content:center}.react-flow__controls-button:last-child{border-right:none!important;border-bottom:none!important}.react-flow__controls-button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.react-flow__controls-button svg{fill:currentColor!important}.icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn--active{background:var(--bg-selected);color:var(--accent)}.text-btn{padding:4px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:background .1s}.text-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.text-input{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 6px;color:var(--text-primary);font-size:11px;outline:none;transition:border-color .1s,background .1s}.text-input:hover{border-color:var(--border-main)}.text-input:focus{border-color:var(--accent);background:var(--bg-panel)}.drag-overlay-card{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 4px 16px #00000026;font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:9999}.app-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(242,72,34,.18);background:#f2482214;color:#9f341f}.app-warning-banner__copy{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:500}.app-warning-banner__copy span{min-width:0;line-height:1.4}.asset-popover{position:fixed;z-index:1000;width:320px;max-height:70vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;padding:12px;pointer-events:auto;animation:popover-in .15s ease-out}.asset-popover__urn{font-size:9px;color:var(--text-muted);font-family:var(--font-mono, monospace);background:var(--bg-hover);padding:2px 6px;border-radius:3px;margin-bottom:6px;word-break:break-all}.asset-popover__content{font-size:11px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;padding:8px 10px;margin:4px 0 0;max-height:260px;overflow-y:auto;line-height:1.5}.asset-popover__content h1,.asset-popover__content h2,.asset-popover__content h3{font-size:12px;font-weight:700;color:var(--text-primary);margin:8px 0 4px}.asset-popover__content h1:first-child,.asset-popover__content h2:first-child,.asset-popover__content h3:first-child{margin-top:0}.asset-popover__content p{margin:4px 0}.asset-popover__content ul,.asset-popover__content ol{margin:4px 0;padding-left:16px}.asset-popover__content li{margin:2px 0}.asset-popover__content code{font-family:var(--font-mono, monospace);font-size:10px;background:var(--bg-hover);padding:1px 4px;border-radius:3px}.asset-popover__content pre{background:var(--bg-secondary);border-radius:4px;padding:6px 8px;overflow-x:auto;margin:4px 0}.asset-popover__content pre code{background:none;padding:0;font-size:10px}@keyframes popover-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.asset-popover__title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.asset-popover__meta{font-size:10px;color:var(--text-muted);margin-bottom:8px}.asset-popover__desc{font-size:10px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.asset-popover__tags{display:flex;flex-wrap:wrap;gap:4px}.asset-popover__tag{font-size:9px;padding:1px 6px;border-radius:3px;background:var(--border-light);color:var(--text-muted)}.asset-popover__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.asset-popover__section-title{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.asset-popover__section-item{font-size:10px;color:var(--text-secondary);padding:2px 0}.scope-selector{display:flex;gap:2px;padding:4px 8px;border-bottom:1px solid var(--border-light);flex-shrink:0}.scope-btn{flex:1;padding:4px 0;font-size:10px;font-weight:600;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s;text-align:center}.scope-btn:hover{color:var(--text-primary);background:var(--border-light)}.scope-btn.active{color:var(--accent);background:#0d99ff14;border-color:#0d99ff33}.sub-scope-row{display:flex;gap:4px;padding:4px 8px;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.sub-scope-row::-webkit-scrollbar{display:none}.sub-scope-tag{padding:2px 8px;font-size:9px;font-weight:600;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.sub-scope-tag:hover{border-color:var(--accent);color:var(--accent)}.sub-scope-tag.active{background:var(--accent);border-color:var(--accent);color:#fff}.source-badge{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;margin-left:auto}.source-badge.global{background:#8b5cf61a;color:#8b5cf6}.source-badge.stage{background:#10b9811a;color:#10b981}.source-badge.draft{background:#f59e0b1f;color:#f59e0b}.figma-explorer{flex:1;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border-main)}.figma-explorer--stacked{gap:0}.figma-explorer-section{display:flex;flex-direction:column;min-height:0}.figma-explorer-section:last-child{border-bottom:none}.figma-explorer__divider{flex:0 0 4px;cursor:row-resize;background:transparent;border-top:1px solid var(--border-light);transition:background .15s ease}.figma-explorer__divider:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.figma-explorer-section--stages{flex:0 0 190px}.figma-explorer-section--threads{flex:1 1 auto}.figma-explorer__subheader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--bg-elevated, rgba(255, 255, 255, .02));border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:2}.figma-explorer__actions{display:flex;align-items:center;gap:4px}.figma-explorer__title{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.figma-explorer__context{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.figma-explorer__context--selected{padding-top:4px}.figma-explorer__context-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.figma-explorer__context strong{font-size:12px;color:var(--text-primary)}.figma-explorer__context-path{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-explorer__tree{min-height:0;overflow-y:auto;padding:4px 6px 8px}.figma-layer-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:6px;transition:background .1s ease}.figma-layer-row:hover{background:var(--bg-hover)}.figma-layer-row.active{background:var(--bg-selected)}.figma-layer-row.muted .figma-layer-row__label,.figma-layer-row.muted .figma-layer-row__meta{color:var(--text-muted)}.figma-layer-row__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.figma-layer-row__body{display:flex;flex-direction:column;min-width:0;flex:1}.figma-layer-row__label{font-size:11px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-layer-row__meta{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-layer-row__meta--default{color:var(--text-muted)}.figma-layer-row__meta--success,.figma-layer-row__meta--warn,.figma-layer-row__meta--danger{display:inline-flex;align-items:center;width:fit-content;padding:2px 7px;border-radius:999px;border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-hover) 84%,transparent)}.figma-layer-row__meta--success{color:#10b981;border-color:color-mix(in srgb,#10b981 25%,var(--border-light));background:color-mix(in srgb,#10b981 10%,var(--bg-hover))}.figma-layer-row__meta--warn{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 25%,var(--border-light));background:color-mix(in srgb,#f59e0b 10%,var(--bg-hover))}.figma-layer-row__meta--danger{color:#ef4444;border-color:color-mix(in srgb,#ef4444 25%,var(--border-light));background:color-mix(in srgb,#ef4444 10%,var(--bg-hover))}.figma-layer-row__actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity .12s ease}.figma-layer-row:hover .figma-layer-row__actions,.figma-layer-row.active .figma-layer-row__actions{opacity:1}.figma-thread-group{display:flex;flex-direction:column}.figma-thread-card{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 4px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .1s ease}.figma-thread-card:hover{background:var(--bg-hover)}.figma-thread-card.active{background:var(--bg-selected)}.figma-thread-card.muted .figma-thread-card__name{color:var(--text-muted)}.figma-thread-card.muted .figma-thread-card__icon{opacity:.5}.figma-thread-card__chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);transition:transform .15s ease;cursor:pointer;flex-shrink:0;border-radius:3px}.figma-thread-card__chevron:hover{color:var(--text-primary)}.figma-thread-card__chevron.is-open{transform:rotate(90deg)}.figma-thread-card__chevron-spacer{width:16px;height:16px;flex-shrink:0}.figma-thread-card__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:color .1s ease}.figma-thread-card.active .figma-thread-card__icon{color:var(--text-secondary)}.figma-thread-card__body{display:flex;flex-direction:column;min-width:0;flex:1}.figma-thread-card__name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.figma-thread-card__meta{display:none}.figma-thread-card__actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;opacity:.5;transition:opacity .1s ease}.figma-thread-card:hover .figma-thread-card__actions,.figma-thread-card.active .figma-thread-card__actions{opacity:1}.figma-thread-card__actions .icon-btn{color:var(--text-muted);transition:color .1s ease}.figma-thread-card__actions .icon-btn:hover{color:var(--text-primary)}.figma-thread-card__actions .icon-btn.visibility-on,.figma-thread-card__actions .icon-btn.visibility-off{color:var(--text-secondary)}.figma-thread-card__delete-label{font-size:10px;font-weight:600;color:var(--tal-color);padding-right:2px}.figma-thread-children{display:flex;flex-direction:column;gap:0;padding:0 0 2px 12px;margin-left:12px;border-left:1px solid var(--border-light)}.figma-thread-children .figma-layer-row{padding:4px 8px;border-radius:5px}.figma-thread-children .figma-layer-row__label{font-size:11px}.figma-thread-children .figma-layer-row__meta{font-size:9px}.figma-thread-inline-input{width:100%;min-width:0;border:1px solid var(--border-main);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-size:11px;padding:4px 6px}.figma-thread-inline-input:focus{outline:none;border-color:var(--accent)}.figma-empty--nested{padding-left:8px}.figma-badge{margin-left:auto;font-size:9px;padding:2px 5px;background:var(--border-light);border-radius:999px;color:var(--text-secondary)}.figma-empty{font-size:11px;color:var(--text-muted);padding:20px 16px;text-align:center;line-height:1.5}.figma-empty--tight{padding:6px 12px;text-align:left;font-size:10px;color:var(--text-muted);opacity:.7}.figma-show-more-btn{margin:2px 8px 0;padding:6px 8px;border:1px solid var(--border-light);background:transparent;border-radius:8px;font-size:10px;color:var(--text-secondary);cursor:pointer;text-align:left}.figma-show-more-btn:hover{background:var(--bg-hover)}.figma-assets-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-panel)}.search-wrapper{display:flex;align-items:center;gap:6px;width:100%}.figma-assets-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.asset-scope-selector{border-top:1px solid var(--border-light)}.asset-authoring-row{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;border-bottom:1px solid var(--border-light)}.asset-authoring-btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600;color:var(--text-primary);cursor:pointer}.asset-authoring-btn:hover{border-color:var(--accent-light);background:var(--bg-hover)}.asset-authoring-row__note{min-width:0;font-size:10px;color:var(--text-muted);line-height:1.3}.asset-authoring-hint{padding:0 12px 8px;font-size:10px;color:var(--text-secondary)}.asset-mcp-manager{display:flex;flex-direction:column;gap:10px}.asset-mcp-editor-list{display:flex;flex-direction:column;gap:10px;padding:0 12px}.asset-mcp-editor{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.asset-mcp-editor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.asset-mcp-editor__title{font-size:12px;font-weight:700;color:var(--text-primary)}.asset-mcp-editor__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:10px;color:var(--text-secondary)}.asset-mcp-editor__status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap;background:var(--bg-hover);color:var(--text-secondary)}.asset-mcp-editor__status--connected{color:#14ae5c;background:#14ae5c1a}.asset-mcp-editor__status--needs_auth,.asset-mcp-editor__status--failed{color:#f59e0b;background:#f59e0b1f}.asset-mcp-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-mcp-editor__field{display:flex;flex-direction:column;gap:6px}.asset-mcp-editor__field--wide{grid-column:1 / -1}.asset-mcp-editor__field span{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.asset-mcp-editor__textarea{min-height:78px;resize:vertical}.asset-mcp-editor__actions{display:flex;flex-wrap:wrap;gap:8px}.asset-mcp-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:0 12px}.figma-asset-card{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.figma-asset-card:hover{border-color:var(--accent-light);box-shadow:0 2px 4px #0000000d}.figma-asset-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px #0066ff29;background:var(--bg-hover)}.figma-asset-card:active{cursor:grabbing}.figma-asset-card.is-dragging{opacity:.5;cursor:grabbing;background:var(--bg-hover);border-color:var(--accent-color)}.asset-card__header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.asset-card__name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__author{font-size:9px;color:var(--text-muted);margin-bottom:6px}.asset-icon.tal{color:var(--tal-color)}.asset-icon.dance{color:var(--dance-color)}.asset-icon.combo{color:var(--accent)}.asset-icon.model{color:#8b5cf6}.asset-icon.mcp{color:#10b981}.figma-assets-tabs{display:flex;border-bottom:1px solid var(--border-main);background:var(--bg-panel);flex-shrink:0}.figma-asset-tab{flex:1;background:transparent;border:none;padding:6px 0;font-size:10px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:3px}.figma-asset-tab:hover{color:var(--text-primary)}.figma-asset-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.asset-card__desc{font-size:10px;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.performer-card{cursor:default;border-left:2px solid var(--accent)}.asset-icon.performer{color:var(--accent)}.performer-detail{margin-top:8px;padding-top:6px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.performer-detail__item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-secondary);padding:2px 0}.performer-detail__item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-section{display:flex;flex-direction:column;gap:6px}.asset-section__title{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 0;margin-top:4px}.asset-group{display:flex;flex-direction:column;gap:6px}.asset-group__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0}.asset-group__meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.asset-group__count{font-size:9px;padding:1px 5px;border-radius:999px;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.asset-group__status{font-size:9px;color:var(--text-muted)}.asset-group__toggle{border:none;background:transparent;color:var(--accent);font-size:10px;font-weight:600;cursor:pointer;padding:0}.sub-scope-tag__count{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 4px;margin-left:4px;border-radius:999px;background:#ffffff2e;font-size:9px;font-weight:700}.asset-group__toggle:hover{opacity:.8}.asset-library-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.registry-filters{display:flex;align-items:center;gap:4px;padding:4px 12px}.registry-kind-select{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 6px;font-size:10px;color:var(--text-primary);cursor:pointer}.registry-search-btn{background:transparent;border:1px solid var(--border-color);border-radius:5px;padding:4px 7px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:all .15s ease}.registry-search-btn:hover{border-color:var(--accent);color:var(--accent);background:#0d99ff0f}.registry-search-btn:disabled{opacity:.4;cursor:not-allowed}.registry-counts{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}.registry-count-chip{font-size:9px;padding:3px 7px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.registry-group{display:flex;flex-direction:column;gap:6px}.registry-group__header{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:2px 0}.registry-result{position:relative}.registry-kind-badge{font-size:8px;padding:1px 5px;border-radius:999px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.04em}.registry-install-btn{margin-left:auto;background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;cursor:pointer;color:var(--text-secondary);font-size:10px;display:flex;align-items:center;transition:all .2s}.registry-install-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.registry-install-btn:disabled{opacity:.5;cursor:default}.registry-install-btn.is-installed{border-color:#14ae5c40;color:#14ae5c;background:#14ae5c14}.registry-tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.registry-tag{font-size:9px;padding:1px 6px;border-radius:8px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-color)}.install-scope-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;min-width:100px}.install-scope-opt{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:11px;color:var(--text-primary);transition:background .1s;white-space:nowrap}.install-scope-opt:hover{background:var(--bg-hover)}.install-scope-opt:first-child{border-bottom:1px solid var(--border-color)}.install-error{margin-top:4px;padding:4px 6px;font-size:10px;color:#f24822;background:#f248220f;border-radius:4px;border:1px solid rgba(242,72,34,.15);line-height:1.3;word-break:break-word}.figma-asset-card.has-error{border-color:#f248224d}.asset-detail-panel{flex-shrink:0;max-height:280px;overflow-y:auto;padding:10px 12px 12px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.asset-detail-panel--empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px}.asset-detail-panel__empty-copy{padding:14px 10px;text-align:center}.asset-detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.asset-detail-panel__eyebrow{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.asset-detail-panel__title{font-size:12px;font-weight:700;color:var(--text-primary)}.asset-detail-panel__badge{margin-left:6px;font-size:8px;padding:1px 5px;border-radius:999px;background:#14ae5c14;border:1px solid rgba(20,174,92,.25);color:#14ae5c;text-transform:uppercase;letter-spacing:.04em}.asset-detail-panel__actions{display:flex;gap:6px;margin-bottom:8px}.asset-detail-panel__action{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:6px 8px;font-size:10px;font-weight:600;color:var(--text-primary);cursor:pointer}.asset-detail-panel__action:hover:not(:disabled){border-color:var(--accent-light);background:var(--bg-hover)}.asset-detail-panel__action:disabled{opacity:.55;cursor:default}.asset-detail-panel__note{margin-top:8px;padding:7px 8px;font-size:10px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;line-height:1.35}.asset-detail-panel .asset-popover__content{max-height:none}.figma-sidebar{display:flex;flex-direction:column;position:relative}.sidebar-container{display:flex;flex-direction:row;height:100%;position:relative;z-index:10}.sidebar-main-top{flex:1;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border-main)}.sidebar-main-bottom{flex:0 0 auto;max-height:45%;display:flex;flex-direction:column;overflow-y:auto}.sidebar-main-bottom--asset-drawer{max-height:none;overflow:visible;padding-bottom:8px;border-top:1px solid var(--border-main)}.sidebar-resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent);opacity:.5}.sidebar-resize-handle--occluded{pointer-events:none}.sidebar-drawer{width:0;overflow:hidden;background:var(--bg-panel);border-right:1px solid var(--border-main);box-shadow:2px 0 12px #0000000f;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:40;pointer-events:none}.sidebar-drawer.open{width:280px;pointer-events:auto}.sidebar-drawer.left-drawer{border-left:none;border-right:1px solid var(--border-main);box-shadow:2px 0 12px #0000000f}.sidebar-container--drawer-open .figma-sidebar{z-index:20}.sidebar-resize-handle--drawer{right:-2px;left:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-main);flex-shrink:0}.drawer-header__title{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.asset-library-btn{display:flex;align-items:center;gap:6px;width:calc(100% - 16px);margin:6px 8px 2px;padding:7px 10px;background:var(--bg-elevated, rgba(13, 153, 255, .04));border:1px solid var(--border-main);border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;transition:all .15s ease}.asset-library-btn:hover{background:#0d99ff14;border-color:var(--accent);color:var(--accent)}.asset-library-btn.active{background:#0d99ff1a;border-color:var(--accent);color:var(--accent)}.asset-library-btn span{flex:1;text-align:left}.asset-library-arrow{transition:transform .2s ease;opacity:.6}.asset-library-arrow.rotated{transform:rotate(180deg)}.figma-sidebar__tabs{display:flex;border-bottom:1px solid var(--border-main);background:var(--bg-panel)}.figma-tab{flex:1;padding:10px 0;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .1s;text-align:center}.figma-tab:hover{color:var(--text-secondary)}.figma-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.figma-sidebar__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);flex-shrink:0;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.canvas-drag-handle--interactive{cursor:grab}.canvas-drag-handle--interactive:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--bg-card) 84%,white 16%)}.canvas-drag-handle--interactive:focus-visible{outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--accent, #3b82f6) 58%,var(--border-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #3b82f6) 16%,transparent)}.canvas-drag-handle--active{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent, #3b82f6) 58%,var(--border-strong));background:color-mix(in srgb,var(--accent, #3b82f6) 12%,var(--bg-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, #3b82f6) 18%,transparent)}.canvas-drag-handle svg{pointer-events:none}.figma-frame{background:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--radius);width:100%;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-window);transition:box-shadow .2s,border-color .2s;overflow:hidden}.figma-frame--active{border-color:var(--text-muted);box-shadow:0 0 0 1px var(--text-muted),var(--shadow-window)}.figma-frame--content-active.figma-frame--active{border-color:var(--border-main);box-shadow:var(--shadow-window)}.figma-handle{width:8px;height:8px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:50%}.figma-frame .react-flow__resize-control{z-index:5}.figma-frame__header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border-light);-webkit-user-select:none;user-select:none;cursor:grab}.figma-frame__header:active{cursor:grabbing}.figma-frame__header-start{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.figma-frame__header-end{display:flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;overflow:hidden}.figma-frame__header-actions{display:flex;align-items:center;gap:6px;min-width:0}.figma-frame__variant{display:inline-flex;align-items:center;min-width:0}.figma-frame__variant .text-input{min-width:86px;max-width:112px;height:22px;padding:0 22px 0 8px;font-size:10px}.figma-frame__badges{display:flex;align-items:center;gap:4px;min-width:0}.figma-frame__name{font-size:12px;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-frame__badge{display:inline-flex;align-items:center;font-size:9px;font-weight:500;padding:2px 4px;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-main);max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-frame__body{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-panel);cursor:text;-webkit-user-select:text;user-select:text}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.model-quick-picker{display:flex;flex-direction:column;gap:10px;margin:0 14px 14px;padding:12px;border:1px solid var(--border-light);border-radius:14px;background:color-mix(in srgb,var(--bg-panel) 96%,transparent)}.model-quick-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.model-quick-picker__header strong{display:block;font-size:12px;color:var(--text-primary)}.model-quick-picker__header span{display:block;margin-top:3px;font-size:10px;color:var(--text-secondary)}.model-quick-picker__controls{display:flex;flex-direction:column;gap:8px}.model-quick-picker__search{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.model-quick-picker__providers{display:flex;flex-wrap:wrap;gap:6px}.model-quick-picker__provider{padding:4px 10px;border-radius:999px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer}.model-quick-picker__provider.active{background:var(--accent);border-color:var(--accent);color:#fff}.model-quick-picker__list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.model-quick-picker__item{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-panel);text-align:left;color:inherit;cursor:pointer}.model-quick-picker__item:hover,.model-quick-picker__item.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-panel))}.model-quick-picker__item-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);flex-shrink:0}.model-quick-picker__item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.model-quick-picker__item-copy strong{font-size:11px;color:var(--text-primary)}.model-quick-picker__item-copy span,.model-quick-picker__empty{font-size:10px;color:var(--text-secondary)}.plan-toggle{display:flex;align-items:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.plan-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.plan-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.figma-frame__body{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-panel)}.figma-edit-workbench{display:flex;flex-direction:column;gap:12px;padding:14px;height:100%;overflow-y:auto}.figma-edit-workbench__header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-light)}.figma-edit-workbench__back{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-main);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.figma-edit-workbench__back:hover{background:var(--bg-hover);color:var(--text-primary)}.figma-edit-workbench__eyebrow{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.figma-edit-grid{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.figma-edit-grid--hidden{height:0;overflow:hidden;padding:0;opacity:0;pointer-events:none}.figma-edit-workbench__header{padding:10px 14px}.figma-edit-card-shell{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-panel);transition:border-color .15s ease,background .15s ease}.figma-edit-card{display:flex;align-items:center;gap:8px;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.figma-edit-card-shell:hover,.figma-edit-card-shell.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-panel))}.figma-edit-card:disabled{cursor:default;opacity:.55}.figma-edit-card--wide{grid-column:1 / -1}.figma-edit-card__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-hover);flex-shrink:0}.figma-edit-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.figma-edit-card__body strong{font-size:11px;color:var(--text-primary)}.figma-edit-card__hint{color:var(--text-muted);font-weight:600}.figma-edit-card__body span{font-size:10px;line-height:1.45;color:var(--text-secondary);word-break:break-word}.figma-edit-card__stack{display:flex;flex-direction:column;gap:6px;padding-top:2px}.figma-edit-card__stack-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-hover) 72%,transparent)}.figma-edit-card__stack-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.figma-edit-card__stack-body strong{font-size:10px;color:var(--text-primary);line-height:1.4}.figma-edit-card__stack-body span{font-size:10px;color:var(--text-secondary);line-height:1.45;word-break:break-word}.figma-edit-card__remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border-main);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.figma-edit-card__remove:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.figma-edit-workbench__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.figma-edit-workbench__tab{padding:4px 10px;font-size:10px;font-weight:600;border-radius:999px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.figma-edit-workbench__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.figma-edit-workbench__tab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.figma-edit-section-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;border-radius:999px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.figma-edit-section-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.figma-edit-section-btn:disabled{opacity:.45;cursor:default}.figma-edit-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:6px 28px 6px 10px;font-size:11px;font-weight:500;border:1px solid var(--border-main);border-radius:var(--radius-sm);background:var(--bg-panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--text-primary);cursor:pointer;transition:border-color .15s}.figma-edit-select:focus{outline:none;border-color:var(--accent)}.figma-edit-advanced{display:flex;flex-direction:column;gap:8px;padding:4px 14px 14px;overflow:auto}.adv-section{display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-panel);overflow:hidden}.adv-section__head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:color-mix(in srgb,var(--bg-hover) 50%,transparent);border-bottom:1px solid var(--border-light)}.adv-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.adv-section__action{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;border-radius:999px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.adv-section__action:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.adv-section__action:disabled{opacity:.35;cursor:default}.adv-section__body{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.adv-section__summary{font-size:11px;color:var(--text-secondary);line-height:1.4}.adv-field{display:flex;flex-direction:column;gap:4px}.adv-field__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.adv-list{display:flex;flex-direction:column;gap:4px}.adv-list__item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-hover);font-size:11px;color:var(--text-primary);transition:background .15s}.adv-list__item:hover{background:color-mix(in srgb,var(--bg-hover) 180%,transparent)}.adv-list__icon{color:var(--text-muted);flex-shrink:0}.adv-list__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adv-list__actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.adv-list__item:hover .adv-list__actions{opacity:1}.adv-toggle{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.adv-toggle__input{position:absolute;opacity:0;width:0;height:0}.adv-toggle__switch{position:relative;width:28px;height:16px;border-radius:999px;background:var(--border-main);flex-shrink:0;transition:background .2s}.adv-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.adv-toggle__input:checked+.adv-toggle__switch{background:var(--accent)}.adv-toggle__input:checked+.adv-toggle__switch:after{transform:translate(12px);background:#fff}.adv-toggle__label{font-size:11px;font-weight:600;color:var(--text-primary)}.adv-toggle__hint{font-size:10px;color:var(--text-muted);margin-left:auto}.adv-runtime-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.figma-edit-advanced__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.figma-edit-field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--text-secondary)}.figma-edit-advanced__section{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-panel)}.figma-edit-advanced__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.figma-edit-advanced__summary{font-size:11px;color:var(--text-secondary)}.figma-edit-advanced__runtime-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.model-variant-select{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--text-secondary)}.figma-edit-advanced__list{display:flex;flex-direction:column;gap:8px}.figma-edit-advanced__list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-panel);border:1px solid var(--border-light);font-size:11px}.figma-edit-advanced__list-actions{display:flex;align-items:center;gap:4px}.figma-chat-history{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;user-select:text;-webkit-user-select:text}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);padding:32px 24px}.empty-icon{color:var(--accent);opacity:.45;margin-bottom:4px}.empty-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0}.empty-subtitle{font-size:12px;margin:0;color:var(--text-muted);opacity:.8}.thread-msg{position:relative;padding:12px 0;border-bottom:1px solid var(--border-light)}.thread-msg:last-child{border-bottom:none}.user-input-box{display:flex;align-items:flex-start;gap:8px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--text-primary)}.user-input-text{flex:1;white-space:pre-wrap;word-wrap:break-word}.user-input-revert{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;opacity:0;transition:opacity .2s,color .2s}.user-input-box:hover .user-input-revert{opacity:1}.user-input-revert:hover{color:var(--text-primary);background:#ffffff0f}.assistant-body{font-size:13px;line-height:1.65;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.mode-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--border-light);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:11px;font-weight:600}.mode-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.mode-toggle.is-active{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.mode-toggle.mode-plan.is-active{color:#f59e0b;border-color:#f59e0b59;background:#f59e0b1a}.mode-toggle.mode-compact{margin-left:auto}.compaction-divider{display:flex;align-items:center;gap:10px;padding:12px 0}.compaction-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-main),transparent)}.compaction-divider__label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.loading-dots{display:flex;align-items:center;gap:4px;padding:6px 0}.loading-dots span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:dot-pulse 1.4s ease-in-out infinite both}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes dot-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.pulse-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.md-renderer{font-size:13px;line-height:1.65;color:var(--text-primary)}.md-renderer p{margin:0 0 8px}.md-renderer p:last-child{margin-bottom:0}.md-renderer h1,.md-renderer h2,.md-renderer h3,.md-renderer h4{margin:12px 0 6px;font-weight:600;color:var(--text-primary)}.md-renderer h1{font-size:18px}.md-renderer h2{font-size:16px}.md-renderer h3{font-size:14px}.md-renderer ul,.md-renderer ol{margin:4px 0 8px;padding-left:20px}.md-renderer li{margin:2px 0}.md-renderer blockquote{border-left:3px solid var(--accent);margin:8px 0;padding:4px 12px;color:var(--text-secondary);background:var(--bg-hover);border-radius:0 4px 4px 0}.md-renderer a{color:var(--accent);text-decoration:none}.md-renderer a:hover{text-decoration:underline}.md-renderer hr{border:none;border-top:1px solid var(--border-light);margin:12px 0}.inline-code{background:var(--bg-hover);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.88em;color:#e879f9}.code-block-wrapper{margin:8px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-main);background:#0d1117}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#161b22;border-bottom:1px solid #30363d}.code-lang{font-size:11px;font-family:var(--font-mono);color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.code-copy-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.code-copy-btn:hover{color:#e6edf3;background:#30363d}.code-block-wrapper pre{margin:0;padding:12px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.5;background:#0d1117!important}.code-block-wrapper code{font-family:var(--font-mono);font-size:12px;background:transparent!important}.md-renderer table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.md-renderer th,.md-renderer td{border:1px solid var(--border-light);padding:6px 10px;text-align:left}.md-renderer th{background:var(--bg-hover);font-weight:600}.thinking-block{margin-bottom:8px;border-radius:6px;border:1px solid var(--border-light);overflow:hidden}.thinking-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:var(--bg-hover);border:none;cursor:pointer;color:var(--text-muted);font-size:11px;transition:background .15s}.thinking-toggle:hover{background:var(--bg-secondary)}.thinking-label{font-weight:500;color:var(--text-secondary)}.thinking-preview{color:var(--text-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.thinking-content{padding:8px 12px;font-size:11px;line-height:1.5;color:var(--text-muted);background:var(--bg-panel);border-top:1px solid var(--border-light);white-space:pre-wrap}.figma-chat-input{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid var(--border-light);background:var(--bg-card);box-shadow:0 -2px 8px #0000000f}.figma-chat-input__warning{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid color-mix(in srgb,#f59e0b 30%,var(--border-light));border-radius:var(--radius-sm);background:color-mix(in srgb,#f59e0b 12%,var(--bg-card));color:var(--text-primary);font-size:11px;line-height:1.45}.figma-chat-input__main{display:flex;align-items:flex-end;gap:6px;width:100%}.figma-chat-input__runtime-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.figma-chat-input__mode-group{display:inline-flex;align-items:center;gap:6px;min-width:0}.figma-chat-input__variant{display:inline-flex;align-items:center;min-width:0}.figma-chat-input__variant .text-input{min-width:88px;max-width:132px;height:28px;padding:0 24px 0 8px;font-size:11px}.figma-chat-input .text-input{min-height:32px;max-height:102px;resize:none;overflow-y:hidden;padding:6px 10px;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:10px;font-size:12px;line-height:1.5;color:var(--text-primary);transition:border-color .15s,box-shadow .15s;flex:1}.figma-chat-input .text-input:focus{background:var(--bg-panel);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.figma-chat-input .text-input::placeholder{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-send-btn{width:30px;height:30px;border-radius:8px;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.figma-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.figma-send-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--text-muted)}.figma-send-btn.abort{background:#ef4444}.figma-send-btn.abort:hover{background:#dc2626}.slash-menu{position:absolute;bottom:100%;left:6px;right:6px;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-dropdown);overflow:hidden;z-index:1000;font-size:12px}.slash-menu-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;color:var(--text-secondary);transition:background-color .1s,color .1s}.slash-menu-item:hover,.slash-menu-item.active{background:var(--bg-hover);color:var(--text-primary)}.mention-menu-item{justify-content:flex-start;align-items:flex-start;gap:10px}.mention-result__icon{--mention-icon: none;flex:0 0 auto;width:18px;height:18px;margin-top:1px;background:var(--text-secondary);mask:var(--mention-icon) center / contain no-repeat;-webkit-mask:var(--mention-icon) center / contain no-repeat}.mention-result__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.mention-result__name{min-width:0;overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mention-result__path{min-width:0;overflow:hidden;color:var(--text-secondary);font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.slash-menu__section+.slash-menu__section{border-top:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent)}.slash-menu__section-title{padding:6px 12px 4px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dance-menu-item{justify-content:flex-start;align-items:center;gap:8px}.dance-result__scope{display:inline-flex;min-width:58px;justify-content:center;padding:2px 6px;border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:999px;color:var(--text-secondary);font-size:10px;line-height:1.2;text-transform:capitalize}.dance-result__scope--performer{border-color:color-mix(in srgb,#f59e0b 40%,var(--border-strong))}.dance-result__scope--draft{border-color:color-mix(in srgb,#a855f7 40%,var(--border-strong))}.dance-result__scope--stage{border-color:color-mix(in srgb,#14b8a6 40%,var(--border-strong))}.dance-result__scope--global{border-color:color-mix(in srgb,#3b82f6 40%,var(--border-strong))}.turn-option-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:var(--figma-bg-hover);padding:2px 6px;color:var(--text-primary);font-size:10px}.turn-option-pill__scope{display:inline-flex;align-items:center;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text-secondary);text-transform:capitalize}.slash-cmd{font-family:var(--font-mono);font-weight:500;color:var(--accent)}.slash-desc{opacity:.7;font-size:10px}.tool-call-card{margin:6px 0;border-radius:8px;border:1px solid var(--border-light);overflow:hidden;background:var(--bg-card);transition:border-color .2s}.tool-call-card--pending,.tool-call-card--running{border-color:#f59e0b59;background:#f59e0b0a}.tool-call-card--completed{border-color:#22c55e4d;background:#22c55e0a}.tool-call-card--error{border-color:#ef444459;background:#ef44440a}.tool-call-header{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:11px;transition:background .15s}.tool-call-header:hover{background:var(--bg-hover)}.tool-call-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0}.tool-call-card--pending .tool-call-icon,.tool-call-card--running .tool-call-icon{color:#f59e0b}.tool-call-card--completed .tool-call-icon{color:#22c55e}.tool-call-card--error .tool-call-icon{color:#ef4444}.tool-call-name{display:inline-flex;align-items:center;flex:1;font-weight:500;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.tool-call-status-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:4px;flex-shrink:0}.tool-call-card--pending .tool-call-status-label,.tool-call-card--running .tool-call-status-label{color:#f59e0b;background:#f59e0b1a}.tool-call-card--completed .tool-call-status-label{color:#22c55e;background:#22c55e1a}.tool-call-card--error .tool-call-status-label{color:#ef4444;background:#ef44441a}.tool-call-duration{font-size:9px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.tool-call-preview{padding:0 10px 8px 36px;font-family:var(--font-mono);font-size:10px;line-height:1.45;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;opacity:.9}.tool-call-detail{border-top:1px solid var(--border-light);padding:8px 10px;display:flex;flex-direction:column;gap:6px}.tool-call-section{display:flex;flex-direction:column;gap:3px}.tool-call-section--error .tool-call-pre{color:#ef4444}.tool-call-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.tool-call-pre{margin:0;padding:6px 8px;background:var(--bg-hover);border-radius:4px;font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:160px;overflow-y:auto}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.act-area-frame{position:relative;width:100%;height:100%;overflow:hidden}.act-area-frame--drop{border-color:color-mix(in srgb,var(--accent, #3b82f6) 65%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--accent, #3b82f6) 8%,var(--bg-panel)),color-mix(in srgb,var(--bg-panel) 98%,transparent))}.react-flow__node-actArea{overflow:visible!important}.react-flow__node-actArea .act-area-frame{position:relative;z-index:1}.react-flow__node-actArea .react-flow__resize-control,.act-area-frame .react-flow__resize-control{z-index:20!important}.act-area-frame__resize-grip{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;padding:0;border:1px solid var(--border-strong);border-radius:3px;background:var(--bg-panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-panel) 72%,transparent);cursor:nwse-resize;z-index:30}.act-area-frame__title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-primary)}.act-area-frame__meta{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--text-secondary)}.act-area-frame__body-shell{padding:0}.act-area-frame__header-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.act-area-frame__description{padding:8px 14px 0;font-size:11px;color:var(--text-secondary);line-height:1.35}.act-area-frame__title-input{min-width:180px;height:28px}.act-area-frame__settings{display:grid;grid-template-columns:minmax(0,1fr) 140px 180px;gap:10px;padding:8px 14px 0}.act-area-frame__description-input{min-height:56px;resize:vertical}.act-area-frame__iterations{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--text-secondary)}@media(max-width:1100px){.act-area-frame__settings{grid-template-columns:minmax(0,1fr)}}.act-area-frame__hint{padding:8px 14px 0;font-size:10px;color:var(--text-secondary)}.act-area-frame__body{position:relative;flex:1 1 auto;min-height:140px;overflow:hidden;padding:8px 12px 0;display:flex;gap:12px}.act-area-frame__body--thread{padding-top:10px;flex-direction:column;container-type:size;container-name:act-thread}.act-area-frame__edit-layout{display:flex;flex-direction:row;flex:1 1 auto;min-height:0;width:100%;gap:0}.act-area-frame__add-rail{position:absolute;bottom:14px;left:14px;z-index:20;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-light) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px color-mix(in srgb,black 12%,transparent)}.act-area-frame__detail-panel{width:320px;flex-shrink:0;border-right:1px solid color-mix(in srgb,var(--border-light) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 95%,transparent);overflow-y:auto;overflow-x:hidden}.act-area-frame__add-rail-head,.act-area-frame__detail-section-head{display:flex;flex-direction:column;gap:4px}.act-area-frame__add-rail-head strong,.act-area-frame__detail-section-head strong{font-size:12px;color:var(--text-primary)}.act-area-frame__add-rail-head span,.act-area-frame__detail-section-head span{font-size:10px;color:var(--text-secondary);line-height:1.4}.act-area-frame__add-button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-size:11px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}.act-area-frame__add-button:hover{border-color:color-mix(in srgb,var(--accent, #3b82f6) 32%,var(--border-light));background:color-mix(in srgb,var(--accent, #3b82f6) 10%,var(--bg-panel))}.act-area-frame__add-button strong{font-size:11px}.act-area-frame__add-button span{display:none}.act-area-frame__add-hint{display:inline!important;font-size:10px;font-weight:400;color:var(--text-tertiary);opacity:.8}.act-area-frame__add-rail-head,.act-area-frame__add-rail-note{display:none}.act-area-frame__detail-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.act-area-frame__detail-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:12px;gap:12px}.act-area-frame__detail-card--empty{align-items:flex-start;justify-content:center}.act-area-frame__detail-card--empty strong{font-size:13px;color:var(--text-primary)}.act-area-frame__detail-card--empty span{font-size:11px;color:var(--text-secondary);line-height:1.5}.act-area-frame__detail-section{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border-light) 92%,transparent)}.act-area-frame__thread-shell{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;flex-direction:column;gap:8px;padding-bottom:12px}.act-area-frame__thread-graph{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border-light) 92%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-panel) 95%,transparent)}.act-area-frame__thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.act-area-frame__thread-head-copy{display:flex;flex-direction:column;gap:4px}.act-area-frame__thread-head-copy strong{font-size:13px;color:var(--text-primary)}.act-area-frame__thread-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary)}.act-area-frame__thread-meta-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--bg-hover) 80%,transparent);border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap}.act-area-frame__thread-meta-pill--status{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border-light));background:color-mix(in srgb,var(--accent) 8%,var(--bg-hover))}.act-area-frame__thread-meta-pill--warn{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 30%,var(--border-light));background:color-mix(in srgb,#f59e0b 8%,var(--bg-hover))}.act-area-frame__thread-actions{display:inline-flex;align-items:center;gap:6px}.act-area-frame__graph-minimap{position:relative;border:1px dashed color-mix(in srgb,var(--border-strong) 68%,transparent);border-radius:10px;background:radial-gradient(circle at top,color-mix(in srgb,var(--bg-canvas) 72%,transparent),transparent 70%),color-mix(in srgb,var(--bg-panel) 92%,transparent);overflow:hidden;min-height:40px;max-height:220px;transition:height .2s ease}.act-area-frame__graph-minimap-inner{position:absolute;top:0;left:0;transform-origin:top left}.act-area-frame__graph-edges{position:absolute;top:0;right:0;bottom:0;left:0;color:color-mix(in srgb,var(--border-strong) 82%,transparent)}.act-area-frame__graph-edge{stroke:currentColor;stroke-width:1.4;opacity:.65}.act-area-frame__graph-edge.is-completed{color:color-mix(in srgb,#10b981 82%,var(--border-strong));opacity:.95}.act-area-frame__graph-node{position:absolute;width:92px;min-height:34px;display:flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,white 8%);color:var(--text-primary);box-shadow:0 8px 18px color-mix(in srgb,black 8%,transparent);font-size:10px;text-align:center}.act-area-frame__graph-node.is-entry{border-color:color-mix(in srgb,#f59e0b 58%,var(--border-strong))}.act-area-frame__graph-node.is-active{border-color:color-mix(in srgb,var(--accent, #3b82f6) 72%,var(--border-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #3b82f6) 20%,transparent),0 8px 18px color-mix(in srgb,black 8%,transparent)}.act-area-frame__graph-node.is-active span{animation:act-runtime-pulse 1.2s ease-in-out infinite}.act-area-frame__graph-node.is-completed{border-color:color-mix(in srgb,#10b981 58%,var(--border-strong));background:color-mix(in srgb,#10b981 8%,var(--bg-panel))}.act-area-frame__graph-node.is-failed{border-color:color-mix(in srgb,#ef4444 58%,var(--border-strong));background:color-mix(in srgb,#ef4444 8%,var(--bg-panel))}.act-area-frame__thread-messages{flex:1 1 auto;min-height:80px;padding:12px;border:1px solid var(--border-light);border-radius:14px;background:color-mix(in srgb,var(--bg-canvas) 72%,transparent);display:flex;flex-direction:column;overflow-y:auto}.act-area-frame__thread-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}.act-area-frame__thread-filter{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.act-area-frame__thread-filter:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary)}.act-area-frame__thread-filter.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-panel));color:var(--text-primary)}.act-area-frame__thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;font-size:12px;color:var(--text-secondary);text-align:center}.act-area-frame__thread-empty strong{font-size:13px;color:var(--text-primary)}.act-area-frame__thread-empty span{font-size:11px;color:var(--text-muted);line-height:1.5}.act-area-frame__thread-message{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.act-area-frame__thread-message-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.act-area-frame__thread-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.act-area-frame__thread-subrole{font-size:10px;color:var(--text-secondary)}.act-area-frame__thread-body{padding:10px 12px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-panel);color:var(--text-primary);font-size:13px;line-height:1.65}.act-area-frame__thread-message--assistant .act-area-frame__thread-body{background:color-mix(in srgb,var(--bg-panel) 86%,transparent)}.act-area-frame__thread-message--system .act-area-frame__thread-body{border-color:#f59e0b47;background:#f59e0b14}.act-area-frame__thread-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;line-height:inherit}.act-area-frame__thread-loading{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.act-area-frame__thread-composer{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:0 0 12px}.act-area-frame__chat-input{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border-light);background:var(--bg-card);box-shadow:0 -2px 8px #00000014;flex-shrink:0}.act-area-frame__chat-note{padding:8px 12px;border:1px solid color-mix(in srgb,#f59e0b 26%,var(--border-light));border-radius:12px;background:color-mix(in srgb,#f59e0b 10%,var(--bg-panel));color:var(--text-secondary);font-size:11px;line-height:1.45}.act-area-frame__chat-textarea{min-height:36px;max-height:120px;resize:none;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:12px;font-size:13px;line-height:1.5;color:var(--text-primary);transition:border-color .15s,box-shadow .15s;flex:1}.act-area-frame__chat-textarea:focus{background:var(--bg-panel);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.act-area-frame__chat-textarea::placeholder{color:var(--text-muted)}@container act-thread (max-height: 380px){.act-area-frame__thread-graph{display:none}}.act-area-frame__thread-send{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;justify-content:center;min-width:108px;padding:10px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}.act-area-frame__thread-send:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.act-area-frame__thread-send:disabled{opacity:.4;cursor:not-allowed;background:var(--text-muted);box-shadow:none}.act-area-frame__thread-send.is-stop{background:#ef4444;box-shadow:0 2px 8px #ef44443d}.act-area-frame__thread-send.is-stop:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 4px 12px #ef444452}@keyframes act-runtime-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.03)}}.act-area-frame__canvas{position:relative;flex:1 1 auto;min-width:0;min-height:0;z-index:2}.act-area-frame__canvas.is-editing{border-radius:14px;background:color-mix(in srgb,var(--bg-panel) 94%,transparent)}.act-area-edges{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;color:color-mix(in srgb,var(--border-strong) 88%,transparent);z-index:1}.act-area-edge{fill:none;stroke:currentColor;stroke-width:1.6;pointer-events:stroke;cursor:pointer}.act-area-edge:hover{color:color-mix(in srgb,var(--accent, #3b82f6) 80%,currentColor)}.act-area-edge.is-selected{color:color-mix(in srgb,var(--accent, #3b82f6) 92%,currentColor);stroke-width:2.4}.act-area-edge--branch{color:color-mix(in srgb,#14b8a6 86%,var(--border-strong));stroke-dasharray:7 4}.act-area-edge--branch:hover,.act-area-edge--branch.is-selected{color:color-mix(in srgb,#14b8a6 96%,white 4%)}.act-area-frame__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:14px;color:var(--text-secondary);font-size:11px;text-align:center;padding:24px 20px;background:color-mix(in srgb,var(--bg-panel) 92%,transparent)}.act-area-node{position:absolute;width:180px;min-height:48px;display:inline-flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 90%,white 10%);box-shadow:0 6px 14px color-mix(in srgb,black 8%,transparent);color:var(--text-primary);font-size:11px;z-index:4;cursor:pointer;pointer-events:auto;transition:box-shadow .15s ease,border-color .15s ease}.act-area-node--semantic-over{border-color:color-mix(in srgb,var(--accent, #3b82f6) 72%,var(--border-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #3b82f6) 24%,transparent),0 10px 20px color-mix(in srgb,black 8%,transparent)}.act-area-node--orchestrator{background:color-mix(in srgb,#f59e0b 8%,var(--bg-panel))}.act-area-node--parallel{background:color-mix(in srgb,#06b6d4 8%,var(--bg-panel))}.act-area-node--entry{border-color:color-mix(in srgb,#f59e0b 55%,var(--border-strong))}.act-area-node--target{border-color:color-mix(in srgb,var(--accent, #3b82f6) 55%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, #3b82f6) 24%,transparent),0 10px 20px color-mix(in srgb,black 8%,transparent)}.act-area-node--focused{border-color:color-mix(in srgb,var(--accent, #3b82f6) 72%,var(--border-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #3b82f6) 24%,transparent),0 10px 20px color-mix(in srgb,black 8%,transparent)}.act-area-node--orphaned{border-style:dashed;border-color:color-mix(in srgb,#ef4444 50%,var(--border-strong));opacity:.7}.act-area-node__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--bg-panel) 80%,black 20%);color:var(--text-secondary);flex:0 0 auto;margin-top:1px}.act-area-node__content{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:5px}.act-area-node__meta{display:flex;flex-wrap:wrap;gap:4px}.act-area-node__type{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 75%,transparent);background:color-mix(in srgb,var(--bg-panel) 94%,transparent);color:var(--text-secondary);font-size:10px;line-height:1.2}.act-area-node__type--entry{border-color:color-mix(in srgb,#f59e0b 44%,var(--border-strong));color:#f59e0b}.act-area-node__type--orphaned{display:inline-flex;align-items:center;gap:2px;border-color:color-mix(in srgb,#ef4444 44%,var(--border-strong));color:#ef4444}.act-area-node__label{overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.35;font-size:12px;font-weight:600}.act-area-node__actions{display:none}.act-area-node__dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);transform:translateY(-50%) scale(.6);opacity:0;transition:opacity .15s ease,transform .15s ease,background .15s ease,border-color .15s ease;cursor:crosshair;z-index:10}.act-area-node:hover .act-area-node__dot,.act-area-node--focused .act-area-node__dot{opacity:1;transform:translateY(-50%) scale(1)}.act-area-node__dot--source{right:-6px}.act-area-node__dot--target{left:-6px}.act-area-node__dot:hover{border-color:var(--accent, #3b82f6);background:color-mix(in srgb,var(--accent, #3b82f6) 20%,var(--bg-panel));transform:translateY(-50%) scale(1.3)}.act-area-node__dot.is-active{opacity:1;border-color:var(--accent, #3b82f6);background:var(--accent, #3b82f6);transform:translateY(-50%) scale(1.2)}.act-area-node__dot.is-ready{opacity:1;border-color:var(--accent, #3b82f6);background:color-mix(in srgb,var(--accent, #3b82f6) 20%,var(--bg-panel));transform:translateY(-50%) scale(1.2);animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:translateY(-50%) scale(1.2)}50%{transform:translateY(-50%) scale(1.5)}}.act-area-node__entry-btn{position:absolute;top:-8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text-secondary);cursor:pointer;font-size:9px;font-weight:600;opacity:0;transition:opacity .15s ease}.act-area-node:hover .act-area-node__entry-btn,.act-area-node--focused .act-area-node__entry-btn{opacity:1}.act-area-node__entry-btn:hover{border-color:color-mix(in srgb,#f59e0b 55%,var(--border-strong));color:#f59e0b}.act-area-node__delete-btn{position:absolute;top:-8px;left:8px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text-secondary);cursor:pointer;font-size:9px;opacity:0;transition:opacity .15s ease,border-color .15s ease,color .15s ease,background .15s ease;padding:0}.act-area-node:hover .act-area-node__delete-btn,.act-area-node--focused .act-area-node__delete-btn{opacity:1}.act-area-node__delete-btn:hover{border-color:color-mix(in srgb,#ef4444 55%,var(--border-strong));color:#ef4444;background:color-mix(in srgb,#ef4444 12%,var(--bg-panel))}.act-area-edge--preview{opacity:.75;stroke-dasharray:5 4;pointer-events:none}.act-area-frame__rail-empty{padding:10px;border:1px dashed color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:12px;font-size:10px;color:var(--text-secondary)}.act-area-frame__pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 40%,var(--border-strong));background:color-mix(in srgb,#f59e0b 10%,var(--bg-panel))}.act-area-frame__node-config-hint{font-size:10px;color:var(--text-muted)}.act-area-frame__identity-row{padding:8px 12px 10px;border-bottom:1px solid color-mix(in srgb,var(--border-light) 60%,transparent)}.act-area-frame__node-control{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--text-muted)}.act-area-frame__node-control .text-input{min-width:0;padding:5px 8px;font-size:11px}.act-area-frame__toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-strong) 82%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text-secondary);cursor:pointer;font-size:10px}.act-area-frame__toolbar-btn:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent, #3b82f6) 55%,var(--border-strong))}.act-area-frame__toolbar-btn:disabled{opacity:.58;cursor:wait}.act-area-frame__toolbar-btn--danger:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 55%,var(--border-strong))}.act-area-frame__focus-editor{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent, #3b82f6) 24%,var(--border-strong));background:color-mix(in srgb,var(--bg-card) 94%,white 6%)}.act-area-frame__focus-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.act-area-frame__focus-editor-head strong{display:block;font-size:11px;color:var(--text-primary)}.act-area-frame__focus-editor-head span{display:block;margin-top:2px;font-size:10px;color:var(--text-secondary)}.act-area-frame__focus-editor-tabs{display:inline-flex;align-items:center;gap:6px}.act-area-frame__focus-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.act-area-frame__focus-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,252px);gap:12px;min-height:0;align-items:start}.act-area-frame__focus-editor-main{min-width:0;display:flex;flex-direction:column;gap:10px}.act-area-frame__focus-editor-side{min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.act-area-frame__side-panel{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);background:color-mix(in srgb,var(--bg-panel) 94%,white 6%)}.act-area-frame__side-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.act-area-frame__side-panel-head strong{display:block;font-size:11px;color:var(--text-primary)}.act-area-frame__side-panel-head span{display:block;margin-top:2px;font-size:10px;color:var(--text-secondary);line-height:1.4}.act-area-frame__focus-editor-summary{display:flex;flex-wrap:wrap;gap:6px}.act-area-frame__focus-editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.act-area-frame__focus-editor-advanced{display:flex;flex-direction:column;gap:10px}@media(max-width:1400px){.act-area-frame__focus-editor-layout{grid-template-columns:minmax(0,1fr)}}.act-semantics-palette{display:flex;flex-direction:column;gap:8px}.act-semantics-palette__header{display:flex;flex-direction:column;gap:4px}.act-semantics-palette__header strong{font-size:11px;color:var(--text-primary)}.act-semantics-palette__header span{font-size:10px;color:var(--text-secondary);line-height:1.4}.act-semantics-palette__section{display:flex;flex-direction:column;gap:6px}.act-semantics-palette__section-head{display:flex;flex-direction:column;gap:2px}.act-semantics-palette__section-head strong{font-size:10px;color:var(--text-primary)}.act-semantics-palette__section-head span{font-size:10px;color:var(--text-muted);line-height:1.4}.act-semantics-palette__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.act-semantics-palette__item{display:flex;align-items:flex-start;gap:8px;width:100%;min-height:70px;padding:8px 9px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);background:color-mix(in srgb,var(--bg-card) 92%,white 8%);text-align:left;color:inherit;cursor:grab}.act-semantics-palette__item:hover,.act-semantics-palette__item.is-dragging{border-color:color-mix(in srgb,var(--accent, #3b82f6) 60%,var(--border-strong));background:color-mix(in srgb,var(--accent, #3b82f6) 8%,var(--bg-card))}.act-semantics-palette__item-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-panel);color:var(--text-secondary);flex-shrink:0}.act-semantics-palette__item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.act-semantics-palette__item-copy strong{font-size:11px;color:var(--text-primary)}.act-semantics-palette__item-copy span{font-size:10px;line-height:1.4;color:var(--text-secondary)}.act-area-frame__edge-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);background:color-mix(in srgb,var(--bg-card) 92%,white 8%)}.act-area-frame__edge-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}.act-area-frame__inline-editor{flex:0 0 280px;min-width:220px;display:flex;flex-direction:column;border-left:1px solid var(--border-light);background:var(--bg-panel);overflow:hidden}.act-area-frame__inline-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.act-area-frame__inline-editor-actions{display:flex;gap:4px}.act-area-frame__inline-editor-textarea{flex:1;width:100%;resize:none;border:none;outline:none;padding:12px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:11px;line-height:1.6;color:var(--text-primary);background:color-mix(in srgb,var(--bg-panel) 90%,black 10%);-moz-tab-size:2;tab-size:2}.act-area-frame__inline-editor-textarea::placeholder{color:var(--text-tertiary)}.markdown-editor-frame{width:100%;height:100%;overflow:hidden}.markdown-editor-frame .react-flow__resize-control{z-index:5}.markdown-editor-frame--missing{justify-content:center}.markdown-editor-frame__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.markdown-editor-frame__dirty{padding:2px 6px;border-radius:999px;background:#f248221f;color:var(--tal-color);font-size:10px;font-weight:600}.markdown-editor-frame__actions{display:flex;align-items:center;gap:4px}.markdown-editor-frame__meta{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border-main)}.markdown-editor-frame__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.markdown-editor-frame__field{display:flex;flex-direction:column;gap:3px}.markdown-editor-frame__field-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.markdown-editor-frame__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0}.markdown-editor-frame__editor-pane,.markdown-editor-frame__preview-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden}.markdown-editor-frame__editor-pane{border-right:1px solid var(--border-main)}.markdown-editor-frame__pane-label{display:block;padding:6px 14px 4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);flex-shrink:0}.markdown-editor-frame__textarea{width:100%;flex:1;resize:none;border:none;background:var(--bg-main);color:var(--text-main);padding:14px;font:12px/1.6 var(--font-mono, "SFMono-Regular", Consolas, monospace);outline:none;min-height:0}.markdown-editor-frame__preview{overflow:auto;padding:14px;background:var(--bg-panel);flex:1;min-height:0}.markdown-editor-frame__preview-empty{color:var(--text-muted);font-size:12px;font-style:italic}.markdown-editor-frame__status{padding:8px 12px;border-top:1px solid var(--border-main);font-size:11px;color:var(--text-secondary)}.markdown-editor-frame__status--error{color:var(--tal-color)}.markdown-editor-frame__status--success{color:var(--dance-color)}.tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;transition:border-color .1s,background .1s;cursor:text;min-height:26px}.tags-input:hover{border-color:var(--border-main)}.tags-input:focus-within{border-color:var(--accent);background:var(--bg-panel)}.tags-input__chip{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:3px;background:var(--bg-hover);color:var(--text-secondary);font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap;-webkit-user-select:none;user-select:none}.tags-input__remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:2px;background:transparent;color:var(--text-muted);font-size:12px;line-height:1;cursor:pointer;transition:color .1s,background .1s}.tags-input__remove:hover{color:var(--tal-color);background:#f248221a}.tags-input__field{flex:1 1 60px;min-width:60px;border:none;background:transparent;color:var(--text-primary);font-size:11px;outline:none;padding:2px 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-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.canvas-terminal-frame{display:flex;flex-direction:column;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #00000059;min-width:400px;min-height:250px}.canvas-terminal-frame:hover{border-color:#6366f14d}.canvas-terminal-frame__header{display:flex;align-items:center;padding:0 10px;height:32px;background:#000;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;gap:8px;cursor:grab}.canvas-terminal-frame__header:active{cursor:grabbing}.canvas-terminal-frame__header-left{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#a0a0b8;flex:1;min-width:0}.canvas-terminal-frame__header-left svg{flex-shrink:0;color:#a78bfa}.canvas-terminal-frame__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-terminal-frame__status{font-size:9px;font-weight:500;padding:1px 6px;border-radius:3px;background:#4ade8026;color:#4ade80;flex-shrink:0}.canvas-terminal-frame__status--disconnected{background:#f8717126;color:#f87171}.canvas-terminal-frame__close{background:none;border:none;color:#4a4a6a;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:all .15s}.canvas-terminal-frame__close:hover{background:#f8717133;color:#f87171}.canvas-terminal-frame__body{flex:1;padding:4px 8px;overflow:hidden}.canvas-terminal-frame__body .xterm{height:100%;font-kerning:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 0,"calt" 0;text-rendering:geometricPrecision}.canvas-terminal-frame__body .xterm-viewport{overflow-y:auto!important}.canvas-terminal-frame__resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;opacity:0;transition:opacity .15s}.canvas-terminal-frame:hover .canvas-terminal-frame__resize{opacity:.5}.canvas-terminal-frame__resize:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.25);border-bottom:2px solid rgba(255,255,255,.25);border-radius:0 0 2px}.canvas-terminal-frame__exited{position:absolute;top:32px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000e6;color:#6a6a8a;font-size:12px;gap:6px}.canvas-tracking-frame{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card) 94%,white 6%);box-shadow:0 12px 28px color-mix(in srgb,black 12%,transparent)}.canvas-tracking-frame__header{justify-content:space-between}.canvas-tracking-frame__header-left{display:inline-flex;align-items:center;gap:8px}.canvas-tracking-frame__title{font-size:12px;font-weight:600;color:var(--text-primary)}.canvas-tracking-frame__status{font-size:10px;color:var(--text-secondary)}.canvas-tracking-frame__close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px}.canvas-tracking-frame__close:hover{background:var(--bg-hover);color:var(--text-primary)}.canvas-tracking-frame__body{flex:1;min-height:0;padding:10px 12px 12px}.canvas-tracking-frame__empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-secondary);font-size:12px}.canvas-tracking-frame__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.canvas-tracking-frame__item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-light) 85%,transparent);background:color-mix(in srgb,var(--bg-panel) 92%,transparent)}.canvas-tracking-frame__icon{margin-top:2px;color:var(--text-secondary);flex-shrink:0}.canvas-tracking-frame__icon--modified{color:#f59e0b}.canvas-tracking-frame__icon--added{color:#10b981}.canvas-tracking-frame__icon--deleted{color:#ef4444}.canvas-tracking-frame__info{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.canvas-tracking-frame__path{font-size:11px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-tracking-frame__dir{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-tracking-frame__stats{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:10px;font-weight:600}.canvas-tracking-frame__added{color:#10b981}.canvas-tracking-frame__removed{color:#ef4444}.canvas-tracking-frame__resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-modal{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);width:540px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.settings-header h3{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-header-actions{display:flex;align-items:center;gap:6px}.settings-body{padding:8px 0;overflow-y:auto}.settings-tabs{display:flex;gap:8px;padding:12px 20px 4px;border-bottom:1px solid var(--border-light);background:var(--bg-panel);position:sticky;top:0;z-index:1}.settings-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.settings-filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:600;cursor:pointer}.settings-filter-chip:hover{background:var(--figma-bg-hover)}.settings-filter-chip.active{color:#fff;background:var(--figma-blue);border-color:var(--figma-blue)}.settings-filter-chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 4px;border-radius:999px;background:#ffffff2e;font-size:9px;font-weight:700}.settings-tab{border:1px solid var(--border-main);background:transparent;color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;cursor:pointer}.settings-tab:hover{background:var(--figma-bg-hover)}.settings-tab.active{color:#fff;background:var(--figma-blue);border-color:var(--figma-blue)}.settings-section{padding:12px 20px;border-bottom:1px solid var(--border-light)}.settings-section:last-child{border-bottom:none}.settings-section h4{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.settings-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.settings-caption{color:var(--text-muted);font-size:10px;line-height:1.4;max-width:280px;text-align:right}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:11px}.settings-row--stacked{align-items:flex-start;flex-direction:column}.settings-label{color:var(--text-secondary)}.settings-value{color:var(--text-primary);display:flex;align-items:center;gap:4px;font-weight:500;text-align:right}.settings-value.mono{font-family:SF Mono,Menlo,monospace;font-size:10px;font-weight:400;color:var(--text-secondary);word-break:break-all}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field__label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.settings-select{border:1px solid var(--border-main);background:var(--bg-panel);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:11px}.settings-select:focus{outline:none;border-color:var(--figma-blue)}.provider-list{display:flex;flex-direction:column;gap:10px}.provider-card{border:1px solid var(--border-light);border-radius:10px;padding:12px;background:var(--bg-canvas)}.provider-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.provider-card__title{font-size:12px;font-weight:600;color:var(--text-primary)}.provider-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;color:var(--text-muted);font-size:10px}.provider-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600;white-space:nowrap}.provider-status.connected{color:#14ae5c;background:#14ae5c1a}.provider-status.pending{color:#f59e0b;background:#f59e0b1f}.provider-status.idle{color:var(--text-secondary);background:var(--figma-bg-hover)}.provider-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-action-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-main);background:var(--bg-panel);color:var(--text-primary);border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}.settings-action-btn:hover{background:var(--figma-bg-hover)}.settings-action-btn:disabled{opacity:.6;cursor:default}.settings-action-btn--primary{background:var(--figma-blue);border-color:var(--figma-blue);color:#fff}.settings-action-btn--primary:hover{background:var(--figma-blue-hover)}.settings-note{margin-top:10px;border-radius:8px;padding:9px 10px;font-size:10px;line-height:1.5;color:var(--text-secondary);background:var(--figma-bg-hover)}.settings-note--muted{background:transparent;padding-left:0;padding-right:0}.settings-note--error{color:#f24822;background:#f248221a}.settings-note--success{color:#14ae5c;background:#14ae5c1a}.settings-note__title{font-size:10px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.oauth-flow{margin-top:10px;border-top:1px solid var(--border-light);padding-top:10px}.oauth-flow__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.oauth-flow__title{font-size:11px;font-weight:600;color:var(--text-primary)}.oauth-code{display:flex;gap:8px;margin-top:10px}.provider-model-picker{display:flex;flex-direction:column;gap:10px;margin-top:10px}.provider-model-picker__list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.provider-model-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;border:1px solid var(--border-light);background:var(--bg-canvas);color:var(--text-primary);border-radius:10px;padding:10px;cursor:pointer;text-align:left}.provider-model-option:hover{border-color:var(--figma-blue);background:var(--bg-panel)}.provider-model-option__name{font-size:11px;font-weight:600;color:var(--text-primary)}.provider-model-option__meta{font-size:10px;color:var(--text-muted);line-height:1.4}.settings-input{flex:1;border:1px solid var(--border-main);background:var(--bg-panel);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:11px}.settings-input:focus{outline:none;border-color:var(--figma-blue)}.settings-checkbox-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.settings-checkbox{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border-light);border-radius:10px;padding:10px;background:var(--bg-canvas);cursor:pointer}.settings-checkbox input{margin-top:2px}.settings-checkbox__body{display:flex;flex-direction:column;gap:2px}.settings-checkbox__title{font-size:11px;font-weight:600;color:var(--text-primary)}.settings-checkbox__meta{font-size:10px;color:var(--text-muted);line-height:1.4}.settings-save-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:700px){.settings-modal{width:min(540px,calc(100vw - 24px))}.settings-form-grid{grid-template-columns:1fr}.settings-section-head{flex-direction:column;align-items:flex-start}.settings-caption{max-width:none;text-align:left}}.publish-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000003d;display:flex;align-items:flex-start;justify-content:center;padding:88px 24px 24px}.publish-modal{width:min(560px,100%);max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:16px;box-shadow:var(--shadow-dropdown);overflow:hidden}.publish-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border-main)}.publish-modal__header p{margin:4px 0 0;font-size:11px;color:var(--text-secondary)}.publish-modal__body{display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow:auto}.publish-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.publish-modal__field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-secondary)}.publish-modal__preflight{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border-main);border-radius:12px;background:color-mix(in srgb,var(--bg-card) 94%,white 6%)}.publish-modal__preflight strong{font-size:11px;color:var(--text-main)}.publish-modal__preflight-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-secondary)}.publish-modal__preflight-row.is-ready span:last-child{color:var(--dance-color)}.publish-modal__preflight-row.is-draft span:last-child,.publish-modal__preflight-row.is-missing span:last-child{color:var(--tal-color)}.publish-modal__status{padding:10px 12px;border-radius:10px;font-size:11px;background:color-mix(in srgb,var(--bg-card) 94%,white 6%)}.publish-modal__status--error{color:var(--tal-color)}.publish-modal__status--success{color:var(--dance-color)}.publish-modal__auth-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-main));border-radius:12px;background:color-mix(in srgb,var(--bg-card) 88%,var(--accent) 12%)}.publish-modal__auth-callout strong{display:block;font-size:11px;color:var(--text-main)}.publish-modal__auth-callout p{margin:4px 0 0;font-size:11px;color:var(--text-secondary)}.publish-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--border-main)}.publish-modal__action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-main);background:var(--bg-card);color:var(--text-main);border-radius:999px;padding:8px 12px;font-size:11px;cursor:pointer}.publish-modal__action:disabled{opacity:.5;cursor:not-allowed}.publish-modal__action--primary{background:var(--accent);border-color:var(--accent);color:#fff}.publish-modal__action--auth{flex-shrink:0}.publish-modal__empty{padding:24px 18px;color:var(--text-secondary);font-size:12px}.publish-modal__picker-section{display:flex;flex-direction:column;gap:2px}.publish-modal__picker-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:6px 4px 4px}.publish-modal__picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-main);font-size:12px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.publish-modal__picker-item:hover{background:color-mix(in srgb,var(--bg-card) 94%,white 6%);border-color:var(--border-main)}.publish-modal__picker-item-icon{flex-shrink:0;color:var(--text-secondary)}.publish-modal__picker-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-modal__picker-item-badge{flex-shrink:0;font-size:10px;color:var(--text-secondary);opacity:.7}.publish-modal__picker-item-issue{flex-shrink:0;font-size:10px;color:var(--tal-color)}.publish-modal__picker-item.is-warning{opacity:.6}.publish-modal__picker-item.is-warning:hover{opacity:.85}.figma-toolbar{display:flex;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:6px 12px;box-shadow:var(--shadow-dropdown)}.figma-toolbar__item{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-secondary)}.dot-auth-status{border-radius:999px;transition:background .12s ease,color .12s ease,border-color .12s ease}.dot-auth-status--ok{color:#14ae5c}.dot-auth-status--warn{color:var(--text-main)}.dot-auth-status--warn:hover{background:var(--bg-hover)}.figma-divider-v{width:1px;height:16px;background:var(--border-strong);margin:0 4px}.figma-toolbar__dropdown{position:relative}.figma-toolbar__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:168px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-panel);border:1px solid var(--border-main);border-radius:12px;box-shadow:var(--shadow-dropdown)}.figma-toolbar__menu--right{left:auto;right:0}.figma-toolbar__menu-item{border:none;background:transparent;color:var(--text-main);text-align:left;padding:8px 10px;border-radius:8px;font-size:11px;cursor:pointer}.figma-toolbar__menu-item:hover{background:var(--bg-hover)}.studio-toast-viewport{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}.studio-toast-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius);font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 4px 16px #0000002e;border:1px solid var(--border-main);background:var(--bg-card);color:var(--text-primary);pointer-events:auto}.studio-toast-card--info{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-main)}.studio-toast-card--error{background:#f248221f;color:#d9412c;border-color:#f2482233}.studio-toast-card--warning{background:#db93201f;color:#9a6300;border-color:#db93203d}.studio-toast-card--success{background:#14ae5c1f;color:#0d9e4f;border-color:#14ae5c33}.studio-toast-card__content{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.studio-toast-card__title{font-size:11px;font-weight:700;line-height:1.3}.studio-toast-card__message{min-width:0}.studio-toast-card__count{margin-left:6px;font-size:10px;font-weight:700;opacity:.8}.studio-toast-card__action{align-self:flex-start;border:0;background:#00000014;color:inherit;font-size:10px;font-weight:600;line-height:1;padding:5px 8px;border-radius:999px;cursor:pointer}.studio-toast-card__action:hover{background:#00000024}.studio-toast-card__dismiss{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;background:transparent;color:currentColor;opacity:.72;cursor:pointer;border-radius:6px}.studio-toast-card__dismiss:hover{opacity:1;background:#0000000f}.terminal-panel{position:relative;display:flex;flex-direction:column;background:#000;border-top:1px solid var(--border-main, #444444);z-index:20}.terminal-resize-handle{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:ns-resize;z-index:30}.terminal-resize-handle:hover{background:var(--accent, #0D99FF);opacity:.5}.terminal-header{display:flex;align-items:center;padding:0 10px;height:32px;background:var(--bg-panel, #2C2C2C);border-bottom:1px solid var(--border-light, #383838);flex-shrink:0;gap:8px}.terminal-header-left{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted, #888888);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.terminal-tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;padding:0 4px}.terminal-tabs::-webkit-scrollbar{height:0}.terminal-tab{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:11px;color:var(--text-secondary, #B3B3B3);white-space:nowrap;transition:all .15s;border:1px solid transparent}.terminal-tab:hover{background:var(--bg-hover, #444444);color:var(--text-primary, #FFFFFF)}.terminal-tab.active{background:var(--bg-selected, rgba(13, 153, 255, .15));color:var(--text-primary, #FFFFFF);border-color:var(--border-active, rgba(13, 153, 255, .3))}.terminal-tab-title{max-width:120px;overflow:hidden;text-overflow:ellipsis;cursor:default}.terminal-tab-rename-input{width:80px;background:var(--bg-hover, #444444);border:1px solid var(--accent, #0D99FF);border-radius:3px;color:var(--text-primary, #FFFFFF);font-size:11px;padding:1px 4px;outline:none}.terminal-tab-close{background:none;border:none;color:inherit;cursor:pointer;padding:1px;border-radius:3px;display:flex;align-items:center;opacity:0;transition:opacity .15s}.terminal-tab:hover .terminal-tab-close,.terminal-tab.active .terminal-tab-close{opacity:.6}.terminal-tab-close:hover{opacity:1!important;background:#f8717133;color:#f87171}.terminal-tab-add{background:none;border:none;color:var(--text-muted, #888888);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:all .15s}.terminal-tab-add:hover{background:var(--bg-hover, #444444);color:var(--text-primary, #FFFFFF)}.terminal-header-actions{display:flex;gap:2px;flex-shrink:0}.terminal-header-actions button{background:none;border:none;color:var(--text-muted, #888888);cursor:pointer;padding:4px 5px;border-radius:4px;display:flex;align-items:center;transition:all .15s}.terminal-header-actions button:hover{background:var(--bg-hover, #444444);color:var(--text-primary, #FFFFFF)}.terminal-body{flex:1;padding:4px 8px;overflow:hidden}.terminal-body .xterm{height:100%;font-kerning:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 0,"calt" 0;text-rendering:geometricPrecision}.terminal-body .xterm-viewport{overflow-y:auto!important}.terminal-toggle-btn{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 14px;background:var(--bg-panel, #2C2C2C);border:1px solid var(--border-main, #444444);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text-secondary, #B3B3B3);font-size:11px;font-weight:600;cursor:pointer;z-index:20;transition:all .2s}.terminal-toggle-btn:hover{background:var(--bg-hover, #444444);color:var(--text-primary, #FFFFFF);border-color:var(--accent, #0D99FF)}