:root{--p-indigo-500: #6366f1;--p-indigo-600: #4f46e5;--p-violet-500: #8b5cf6;--p-green-500: #22c55e;--p-amber-500: #f59e0b;--p-red-500: #ef4444;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--line-tight: 1.3;--line-base: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--border-width: 1px;--motion-fast: .12s;--motion-base: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--shell-panel-width: 248px;--shell-collapsed-width: 44px;--workbench-deck-width: 280px;--workbench-conversation-min-width: 600px}:root,:root[data-theme=dark]{--color-bg: #0f0f12;--color-surface: #18181b;--color-surface-raised: #1f1f23;--color-border: #2c2c31;--color-border-strong: #3a3a40;--color-text: #e7e7ea;--color-text-dim: #a1a1aa;--color-text-faint: #71717a;--color-action: #6366f1;--color-action-hover: #4f46e5;--color-on-action: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-neutral: #52525b;--color-focus-ring: #818cf8;--tone-action-bg: rgba(99, 102, 241, .12);--tone-success-bg: rgba(34, 197, 94, .1);--tone-warning-bg: rgba(245, 158, 11, .12);--tone-danger-bg: rgba(239, 68, 68, .12);--tone-neutral-bg: rgba(82, 82, 91, .18);--elevation-1: 0 1px 2px rgba(0, 0, 0, .3);--elevation-2: 0 6px 24px rgba(0, 0, 0, .35);--skeleton-base: #1f1f23;--skeleton-shine: #2c2c31}:root[data-theme=light]{--color-bg: #f7f7f9;--color-surface: #ffffff;--color-surface-raised: #f1f1f4;--color-border: #e2e2e6;--color-border-strong: #cfcfd6;--color-text: #1b1b1f;--color-text-dim: #52525b;--color-text-faint: #71717a;--color-action: #4f46e5;--color-action-hover: #4338ca;--color-on-action: #ffffff;--color-success: #15803d;--color-warning: #b45309;--color-danger: #b91c1c;--color-neutral: #71717a;--color-focus-ring: #4f46e5;--tone-action-bg: rgba(79, 70, 229, .1);--tone-success-bg: rgba(21, 128, 61, .1);--tone-warning-bg: rgba(180, 83, 9, .12);--tone-danger-bg: rgba(185, 28, 28, .1);--tone-neutral-bg: rgba(113, 113, 122, .14);--elevation-1: 0 1px 2px rgba(24, 24, 27, .08);--elevation-2: 0 6px 24px rgba(24, 24, 27, .12);--skeleton-base: #ececef;--skeleton-shine: #f6f6f8}:root{--bg: var(--color-bg);--surface: var(--color-surface);--surface-raised: var(--color-surface-raised);--border: var(--color-border);--text: var(--color-text);--text-dim: var(--color-text-dim);--text-faint: var(--color-text-faint);--accent: var(--color-action);--accent-hover: var(--color-action-hover);--ready: var(--color-success);--warning: var(--color-warning);--review: var(--color-warning);--blocked: var(--color-danger);--unavailable: var(--color-neutral);--radius: var(--radius-md);--mono: var(--font-mono);--sans: var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;height:100%}.rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.rail-brand{font-weight:600;letter-spacing:.02em;padding:4px 8px 16px}.rail-brand small{display:block;color:var(--text-faint);font-weight:400;font-size:11px}.rail-link{padding:8px 10px;border-radius:8px;color:var(--text-dim);font-size:13px;display:flex;align-items:center;gap:8px}.rail-link:hover,.rail-link.active{background:var(--surface-raised);color:var(--text)}.rail-section{margin-top:16px;padding:4px 10px;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rail-deferred{color:var(--text-faint);cursor:default;opacity:.6}.main{overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.topbar h1{font-size:16px;font-weight:600;margin:0}.crumbs{color:var(--text-faint);font-size:12px}.content{padding:24px;max-width:1100px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}.card:hover{border-color:#3a3a40}.card h3{margin:0 0 4px;font-size:14px}.card .meta{color:var(--text-faint);font-size:12px;font-family:var(--mono)}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:8px}.row .label{font-size:13px}.row .sub{color:var(--text-faint);font-size:12px;font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-ready{color:var(--ready);background:#22c55e1a}.badge-review_required{color:var(--review);background:#f59e0b1f}.badge-warning{color:var(--warning);background:#f59e0b1f}.badge-blocked{color:var(--blocked);background:#ef44441f}.badge-unavailable{color:var(--text-dim);background:#52525b2e}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-raised);color:var(--text)}.input{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font-size:13px;width:100%}.input:focus{outline:none;border-color:var(--accent)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px}.state{padding:40px;text-align:center;color:var(--text-faint)}.state.error{color:var(--blocked)}.warnings{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.warnings ul{margin:6px 0 0;padding:0}.warnings li{color:var(--warning);font-size:12px;margin-left:16px}.note{color:var(--text-faint);font-size:12px}.deferred-tag{font-size:10px;color:var(--text-faint);border:1px solid var(--border);padding:1px 6px;border-radius:4px;margin-left:8px}.warn-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.warn-line{font-size:12px;padding:8px 12px;border-radius:8px;border:1px solid transparent}.warn-info{color:var(--text-dim);background:var(--surface);border-color:var(--border)}.warn-warn{color:var(--warning);background:#f59e0b14;border-color:#f59e0b40}.warn-error{color:var(--blocked);background:#ef444414;border-color:#ef444440}.row-actions{display:flex;align-items:center;gap:8px}.confirm-chip{background:var(--surface);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius);padding:12px 14px;margin:8px 0}.confirm-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.confirm-actions{display:flex;gap:8px;margin-top:8px}.confirm-result{margin-top:8px}.tool-result{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:6px 0;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}.select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:8px 0}.plan-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.plan-list{margin:0 0 10px 18px;padding:0;color:var(--text-dim);font-size:13px;line-height:1.5}.mix-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:8px}.mix-strip-head{display:flex;align-items:baseline;gap:8px}.mix-strip-name{font-size:13px;font-weight:600}.mix-strip-params{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;color:var(--text-dim);font-size:12px;font-family:var(--mono)}.mix-flag{color:var(--warning)}.mix-chain{display:flex;flex-wrap:wrap;gap:6px}.mix-lane{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px}.mix-lane-head{display:flex;align-items:center;justify-content:space-between}.mix-lane-svg{width:100%;height:40px;color:var(--accent);margin:6px 0;display:block}.mix-snapshot-detail{margin-top:8px}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%}.login-card{width:340px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:24px 0 10px}.theme-control button:focus-visible,.panel a:focus-visible,.theme-opt:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.icon{display:inline-block;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.loading-block{padding:var(--space-2) 0}.tech-details{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);margin-top:var(--space-3)}.tech-details-summary{cursor:pointer;list-style:revert;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-dim)}.tech-details-summary:hover{color:var(--color-text)}.tech-details[open]>.tech-details-summary{border-bottom:var(--border-width) solid var(--color-border)}.tech-details-body{padding:var(--space-3)}.tech-kv{margin:0;display:grid;gap:var(--space-2)}.tech-kv-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:var(--space-3)}.tech-kv-row dt{color:var(--color-text-faint);font-size:var(--text-xs)}.tech-kv-row dd{margin:0;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-dim);word-break:break-all}.tech-details-summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.time-empty{color:var(--color-text-faint)}.entity-list{display:flex;flex-direction:column;gap:var(--space-2)}.entity-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.entity-row:hover{border-color:var(--color-border-strong)}.entity-main{display:flex;flex-direction:column;gap:2px;min-width:0}.entity-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text);word-break:break-word}.entity-sub{font-size:var(--text-sm);color:var(--color-text-dim);min-width:0;overflow-wrap:anywhere}.entity-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.review-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.review-toolbar-field{display:flex;flex-direction:column;gap:4px;min-width:0}.review-toolbar-label{font-size:var(--text-xs);color:var(--color-text-faint)}.review-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-unavailable{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-dim);font-size:var(--text-sm)}.preview-unavailable .icon{color:var(--color-text-faint)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-item{position:relative;display:flex;gap:var(--space-3);padding:0 0 var(--space-4) var(--space-5)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--color-border)}.timeline-item:last-child:before{display:none}.timeline-marker{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center}.timeline-marker--completed{border-color:var(--color-success);background:var(--color-success)}.timeline-marker--current{border-color:var(--color-action)}.timeline-marker--waiting{border-color:var(--color-warning);background:var(--color-warning)}.timeline-marker--failed{border-color:var(--color-danger);background:var(--color-danger)}.timeline-marker--pending{border-color:var(--color-border-strong)}.timeline-marker--unavailable{border-color:var(--color-border)}.timeline-body{min-width:0;display:flex;flex-direction:column;gap:2px}.timeline-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.timeline-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.timeline-state{font-size:var(--text-xs)}.timeline-when{font-size:var(--text-xs);color:var(--color-text-faint)}.timeline-detail{font-size:var(--text-sm);color:var(--color-text-dim)}.inspector{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.inspector-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint)}.inspector-row{display:flex;flex-direction:column;gap:2px}.inspector-label{font-size:var(--text-sm);color:var(--color-text-dim)}.inspector-value{font-size:var(--text-md);color:var(--color-text);word-break:break-word}.metric-grid{display:grid;gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.panel-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-5)}.panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.panel-title{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.panel-actions{display:flex;align-items:center;gap:var(--space-2)}.panel-body{padding:var(--space-4)}.panel-body--flush{padding:0}.panel-foot{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-faint);font-size:var(--text-sm)}.metric{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.metric-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-dim);font-size:var(--text-sm)}.metric-value{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);word-break:break-word}.metric-sub{margin-top:2px;color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-mono)}.metric-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--color-neutral)}.metric-dot-success{background:var(--color-success)}.metric-dot-warning{background:var(--color-warning)}.metric-dot-danger{background:var(--color-danger)}.metric-dot-action{background:var(--color-action)}.metric-dot-neutral{background:var(--color-neutral)}.theme-control{display:inline-flex;gap:2px;padding:3px;background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.theme-opt{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 9px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.theme-opt:hover{color:var(--color-text)}.theme-opt.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-1)}.theme-opt-label{font-size:var(--text-sm)}.skeleton-stack{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton{background:var(--skeleton-base);background-image:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background-image:none}.theme-opt{transition:none}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-action);color:var(--color-on-action);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.app-shell{--rail-w: var(--shell-panel-width);display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.app-shell[data-collapsed=true]{--rail-w: 72px}.app-rail{align-self:stretch;height:100%;background:var(--color-surface);border-right:var(--border-width) solid var(--color-border);overflow:hidden}.nav-rail{display:flex;flex-direction:column;height:100%;padding:var(--space-3) var(--space-2)}.nav-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3)}.nav-brand{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--color-text)}.nav-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-faint);cursor:pointer}.nav-collapse-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-context{padding:0 var(--space-2) var(--space-2)}.nav-groups{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:var(--space-2) var(--space-2) 2px}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:var(--text-base);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.nav-item:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-item.is-active{background:var(--tone-action-bg);color:var(--color-text);font-weight:var(--weight-medium)}.nav-item.is-active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 2px 2px 0;background:var(--color-action)}.nav-item--disabled{color:var(--color-text-faint);cursor:default}.nav-item--disabled:hover{background:transparent;color:var(--color-text-faint)}.nav-soon{margin-left:auto;font-size:var(--text-xs);border:var(--border-width) solid var(--color-border);border-radius:4px;padding:0 6px;color:var(--color-text-faint)}.nav-label{min-width:0}.nav-spacer{flex:0 0 auto}.nav-footer{flex:none;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.nav-signout{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);font-size:var(--text-base);cursor:pointer;text-align:left}.nav-signout:hover{background:var(--color-surface-raised);color:var(--color-text)}.app-content-wrap{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.app-topbar{flex:none;z-index:5;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg)}.app-topbar-titles{min-width:0}.app-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.app-crumbs{color:var(--color-text-faint);font-size:var(--text-sm)}.app-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.app-main{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:var(--space-5)}.app-main:focus{outline:none}.app-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.app-inspector{height:100%;overflow-y:auto;background:var(--color-surface);border-left:var(--border-width) solid var(--color-border)}.app-inspector-inner{display:flex;flex-direction:column;min-height:100%}.app-inspector-bar{display:flex;justify-content:flex-start;padding:var(--space-2) var(--space-3) 0}.app-inspector[data-collapsed=true]{overflow:hidden}.app-inspector-strip{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.app-inspector-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-faint);cursor:pointer}.app-inspector-toggle:hover{background:var(--color-surface-raised);color:var(--color-text)}.app-inspector-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.app-inspector-dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning)}.skip-link:focus-visible,.nav-item:focus-visible,.nav-collapse-btn:focus-visible,.nav-signout:focus-visible,.app-menu-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (min-width: 768px){.app-shell[data-collapsed=true] .nav-item,.app-shell[data-collapsed=true] .nav-signout{justify-content:center}.app-shell[data-collapsed=true] .nav-item .nav-soon{display:none}.app-shell[data-collapsed=true] .nav-header{justify-content:center}.app-shell[data-collapsed=true] .nav-label,.app-shell[data-collapsed=true] .nav-brand,.app-shell[data-collapsed=true] .nav-group-label,.app-shell[data-collapsed=true] .nav-context{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media (min-width: 1280px){.app-shell--with-inspector{grid-template-columns:var(--rail-w) minmax(0,1fr) var(--shell-panel-width)}.app-shell--with-inspector[data-inspector-collapsed=true]{grid-template-columns:var(--rail-w) minmax(0,1fr) var(--shell-collapsed-width)}}@media (max-width: 1279px){.app-inspector{display:none}}@media (max-width: 767px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-rail{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;width:272px;z-index:50;transform:translate(-100%);visibility:hidden;transition:transform var(--motion-base) var(--ease-standard);box-shadow:var(--elevation-2)}.nav-rail{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.app-shell[data-drawer=open] .app-rail{transform:translate(0);visibility:visible}.app-menu-btn{display:inline-flex}.nav-collapse-btn{display:none}}@media (prefers-reduced-motion: reduce){.app-rail,.nav-item{transition:none}}.workbench{container-type:inline-size;container-name:workbench;height:100%;min-height:0}.workbench-grid{display:grid;gap:var(--space-4);height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"center" "leftwing" "rightwing"}.workbench-center{grid-area:center;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;min-height:0}.creative-wing--left{grid-area:leftwing}.creative-wing--right{grid-area:rightwing}@container workbench (min-width: 900px){.workbench-grid{grid-template-columns:minmax(var(--workbench-conversation-min-width),1fr) var(--workbench-deck-width);grid-template-areas:"center rightwing" "leftwing leftwing"}.creative-wing--right{height:100%;overflow-y:auto}}@container workbench (min-width: 1200px){.workbench-grid{grid-template-columns:var(--workbench-deck-width) minmax(var(--workbench-conversation-min-width),1fr) var(--workbench-deck-width);grid-template-areas:"leftwing center rightwing"}.creative-wing{height:100%;overflow-y:auto}}@media (max-width: 899px){.workbench{height:auto;min-height:100%}.workbench-grid{height:auto}}.workbench-context-mobile{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.workbench-context-summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-dim);cursor:pointer}@media (min-width: 1280px){.workbench-context-mobile{display:none}}.conversation-frame{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.workbench-canvas{flex:1 1 auto;min-width:0;min-height:14rem;overflow-y:auto;padding:var(--space-5)}.workbench-empty{border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center}.workbench-empty-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.workbench-empty-text{margin:0 auto var(--space-3);max-width:46ch;color:var(--color-text-dim);font-size:var(--text-md);line-height:var(--line-base)}.workbench-empty-note{margin:0 auto;max-width:52ch}.workbench-turns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.workbench-turn-item{min-width:0}.workbench-turn{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.workbench-turn[data-kind=error]{border-color:var(--color-danger)}.workbench-turn-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.workbench-turn-label{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.workbench-turn-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint)}.workbench-result-summary{color:var(--color-text);font-size:var(--text-base)}.workbench-details{margin-top:var(--space-2)}.workbench-details>summary{cursor:pointer;color:var(--color-text-dim);font-size:var(--text-sm);padding:var(--space-1) 0}.workbench-composer{flex:none;margin:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.composer-main{min-width:0}.composer-guidance{margin:0;color:var(--color-text-dim);font-size:var(--text-md);line-height:var(--line-base);padding:var(--space-1) var(--space-1) var(--space-2)}.composer-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.composer-tool-icons{display:flex;align-items:center;gap:var(--space-1)}.composer-action-context{font-size:var(--text-sm);color:var(--color-text-dim);min-width:0;overflow-wrap:anywhere}.composer-help{font-size:var(--text-xs);color:var(--color-text-faint)}.workbench-field-label{font-size:var(--text-sm);color:var(--color-text-dim)}.workbench-project{display:flex;align-items:center;gap:var(--space-2);min-width:0}.workbench-project .select{max-width:220px}.workbench-mode{display:inline-flex;gap:2px;padding:3px;background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.workbench-mode-opt{border:none;border-radius:var(--radius-sm);padding:6px 14px;background:transparent;color:var(--color-text-dim);font-size:var(--text-base);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.workbench-mode-opt:hover{color:var(--color-text)}.workbench-mode-opt.is-active{background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-medium);box-shadow:var(--elevation-1)}.workbench-context-mobile .inspector-body{padding:0 var(--space-4) var(--space-4)}.workbench-mode-opt:focus-visible,.workbench-context-summary:focus-visible,.workbench-details>summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){.workbench-mode-opt,.deck-card{transition:none}}.workbench-preview-btn{border-style:dashed;color:var(--color-text-dim)}.workbench-preview-btn:hover{color:var(--color-text)}.workbench-btn-muted{background:var(--color-surface-raised);color:var(--color-text-faint);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--text-base);cursor:not-allowed}.workbench-preview-note{margin-top:var(--space-2)}.workbench-compact{display:flex;flex-direction:column;gap:var(--space-2)}.workbench-compact-select{width:100%;max-width:100%}.composer-primary button:focus-visible,.composer-icon-btn:focus-visible,.workbench-compact-select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width: 640px){.workbench-mode{flex:1}.workbench-mode-opt{flex:1;padding:10px 14px}.composer-primary{flex:1;margin-left:0}.composer-primary .btn,.composer-primary .btn-ghost,.composer-primary .workbench-btn-muted{width:100%}}.creative-wing{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.wing-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-faint);line-height:var(--line-base)}.wing-activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.wing-activity li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dim)}.action-card{display:block;width:100%;text-align:left;cursor:pointer;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.action-card:hover{border-color:var(--color-border-strong)}.action-card.is-selected{border-color:var(--color-action);background:var(--tone-action-bg)}.action-card[data-available=false]{opacity:.85}.action-card-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.action-card-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.action-card-tag{flex:none}.action-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.composer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-faint);cursor:not-allowed}.composer-primary{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.composer-primary .btn{padding:9px 18px}@container workbench (min-width: 900px){.workbench-compact{display:none}}.inspector-group{display:flex;flex-direction:column;gap:var(--space-2)}.inspector-group+.inspector-group{margin-top:var(--space-4)}.inspector-group-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-dim)}.inspector-note{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--color-text-dim);line-height:var(--line-base)}.inspector-note .tone-dot{position:relative;top:1px}.tone-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--color-neutral)}.tone-ok{background:var(--color-success)}.tone-info{background:var(--color-neutral)}.tone-warn{background:var(--color-warning)}.capability-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.capability-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);color:inherit}a.capability-card:hover{border-color:var(--color-border-strong)}.capability-card[data-available=false]{cursor:default}.capability-name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.capability-state{font-size:var(--text-sm)}.capability-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.system-readiness{margin-top:var(--space-5)}.badge{text-transform:none;letter-spacing:.01em;font-weight:var(--weight-medium)}.entity-sub,.wing-hint,.composer-guidance{line-height:var(--line-base)}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dashboard-hero-title{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.dashboard-hero-cta{flex:none;padding:10px 20px;font-size:var(--text-md)}.conversation-jump{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--space-6) + 4.5rem);z-index:3;border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-sm);box-shadow:var(--elevation-2)}.deck-card{display:block;width:100%;text-align:left;cursor:pointer;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.deck-card:hover{border-color:var(--color-border-strong)}.deck-card.is-selected{border-color:var(--color-action);box-shadow:0 0 0 1px var(--color-action) inset}.deck-card[data-available=false]{cursor:default}.deck-card[data-available=false]:hover{border-color:var(--color-border)}.deck-card-head{display:flex;align-items:center;gap:var(--space-3)}.deck-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-dim)}.deck-card.is-selected .deck-card-icon{background:var(--tone-action-bg);color:var(--color-action)}.deck-card-titles{min-width:0;display:flex;flex-direction:column;gap:1px}.deck-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.deck-card-purpose{font-size:var(--text-sm);color:var(--color-text-faint)}.deck-card-body{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.deck-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.deck-card-value{font-size:var(--text-sm);color:var(--color-text-dim);min-width:0;overflow-wrap:anywhere}.deck-card-meta{font-size:var(--text-sm);color:var(--color-text-faint)}.deck-card-foot{margin-top:var(--space-3);display:flex;align-items:center;justify-content:flex-end}.deck-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.studio-deck{display:flex;flex-direction:column;gap:var(--space-3)}.studio-deck-title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-dim)}.studio-deck-empty{border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);color:var(--color-text-faint);font-size:var(--text-sm);text-align:center}