#app-main:has(.model-route){height:calc(100dvh - var(--spacing-topbar));flex:none;min-height:0;overflow:hidden}#app-main:has(.model-route)+footer{display:none}.terminal-page:has(.model-route){height:100%;min-height:0}.model-route{max-width:none;min-height:0;overflow:hidden}.model-route:has(.model-idle){scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;overflow-y:auto}.model-workspace{flex:1;overflow:hidden}.model-workspace>header{flex-shrink:0}.model-workbench{overflow:hidden}.model-idle{flex-shrink:0;min-height:100%}.model-canvas{isolation:isolate;touch-action:none;cursor:grab;border:1px solid var(--color-border);border-radius:var(--radius-xl);background-image:radial-gradient(circle, var(--color-border-strong) 1px, transparent 1px);flex:1;min-height:0;position:relative;overflow:clip}.model-canvas[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.model-canvas-world{transform-origin:0 0;transform:var(--canvas-transform);position:absolute;inset:0}.model-canvas[data-dragging=true] .model-canvas-world{will-change:transform}.model-canvas-panel{left:var(--panel-x);top:var(--panel-y);width:var(--panel-width);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg);cursor:auto;position:absolute;overflow:hidden}.model-panel-mobile-title{display:none}.model-panel-handle{cursor:grab;touch-action:none;width:100%;height:44px;color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.model-panel-handle:hover,.model-panel-handle:focus-visible{color:var(--color-text);background:var(--color-surface-raised)}.model-panel-handle:active{cursor:grabbing}.model-panel-body{max-height:var(--panel-body-height);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;background:var(--color-bg);touch-action:pan-y;padding:20px 16px;overflow-y:auto}.model-canvas-panel[data-canvas-panel=analysis] .model-panel-body{padding:24px}.model-canvas-nav,.model-zoom-dock{z-index:5;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:auto;align-items:center;padding:4px;display:flex;position:absolute}.model-canvas-nav{scrollbar-width:none;max-width:calc(100% - 16px);top:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.model-canvas-nav button{white-space:nowrap;color:var(--color-text-muted);flex-shrink:0;padding:0 12px;font-size:12px}.model-canvas-nav button[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text)}.model-canvas-nav button,.model-zoom-dock button{border-radius:var(--radius-md);height:40px}.model-canvas-nav button:hover,.model-zoom-dock button:hover{background:var(--color-surface-raised)}.model-canvas-nav button:focus-visible,.model-zoom-dock button:focus-visible,.model-panel-handle:focus-visible{outline:1px solid var(--color-signal);outline-offset:-2px}.model-zoom-dock{bottom:14px;left:14px}.model-zoom-dock button{width:40px;color:var(--color-text-muted);place-items:center;display:grid}.model-zoom-dock output{text-align:center;width:48px;font-family:var(--font-mono);color:var(--color-text);font-size:11px}.model-canvas-hint{color:var(--color-text-faint);pointer-events:none;margin-left:210px;font-size:11px;position:absolute;bottom:28px;right:20px}.model-decision-grid{grid-template-columns:minmax(0,1.4fr) minmax(15rem,1fr)}.model-actions{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.model-chart{background-image:linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:100% 25%}.model-chart .model-distribution{height:200px}@media not (min-width:64rem){.model-canvas{overscroll-behavior:contain;touch-action:pan-y;cursor:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;background-image:none;overflow-y:auto}.model-canvas-world{padding:0 12px 12px;position:relative;inset:auto;transform:none}.model-canvas-world>[data-active=false],.model-panel-handle,.model-canvas-hint,.model-zoom-dock{display:none}.model-canvas-panel{border-color:var(--color-border);width:100%;position:relative;inset:auto}.model-panel-mobile-title{border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-small);padding:16px;display:block}.model-panel-body{max-height:none;overflow:visible}.model-canvas-nav{width:fit-content;margin:12px auto;position:sticky;top:0;left:auto;transform:none}.model-canvas-nav button{padding:0 9px}}@media (prefers-reduced-motion:no-preference){.model-workspace{animation:model-workspace-in var(--motion-panel) ease-out both}.model-canvas-world{transition:transform .14s var(--ease-out-soft)}.model-canvas[data-dragging=true] .model-canvas-world{transition:none}.model-drop,.model-rise{animation:model-rise var(--motion-panel) var(--ease-out-soft) both}.model-draw{animation:model-draw var(--motion-brush) var(--ease-out-soft) both}.model-sweep{animation:1.3s ease-in-out infinite model-sweep}.model-grow{animation:model-grow var(--motion-brush) var(--ease-out-soft) both}}@keyframes model-workspace-in{0%{opacity:0}}@keyframes model-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes model-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes model-sweep{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes model-grow{0%{transform:scaleX(0)}}
.model-intro{text-wrap:pretty}.model-composer{border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);flex-shrink:0;padding:clamp(1rem,2.5vw,1.5rem);position:relative}.model-composer:focus-within{border-color:var(--color-signal)}.model-prompt-area{position:relative}.model-prompt-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.model-prompt-field{resize:none;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;background:0 0;outline:none;width:100%;height:clamp(9rem,18dvh,12rem);padding:.25rem 0;line-height:1.6;display:block}.model-prompt-area[data-capturing=true] .model-prompt-field{opacity:0;pointer-events:none}.model-prompt-field:focus-visible{outline:1px solid var(--color-signal);outline-offset:6px;border-radius:var(--radius-sm)}.model-capture-status{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;position:absolute;inset:2rem 0 0}.model-capture-icon{border:1px solid var(--color-border);border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-muted);place-items:center;margin-bottom:.25rem;display:grid}.model-capture-icon[data-recording=true]{border-color:var(--color-signal);color:var(--color-signal)}.model-composer-toolbar{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding-top:.75rem;display:flex}.model-composer-toolbar[data-reviewing=true]{justify-content:flex-end}.model-composer-note{border-top:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.875rem;padding-top:.875rem;display:flex}.model-mic-button[data-recording=true]{color:var(--color-signal);background:var(--color-bg)}.model-settings-overlay{z-index:60;background:color-mix(in srgb, var(--color-bg) 80%, transparent);position:fixed;inset:0}.model-settings-trigger{max-width:100%;padding-inline:.5rem}.model-settings-trigger[data-state=open]{color:var(--color-text);background:var(--color-bg)}.model-settings-panel{z-index:61;overscroll-behavior:contain;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;align-items:stretch;gap:1rem;width:min(26rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;display:flex;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.model-settings-panel>*{flex-shrink:0}.model-mode-indicator{border-radius:var(--radius-full);background:var(--color-surface-raised);width:calc(50% - 4px);position:absolute;inset:4px auto 4px 4px}.model-mode-toggle[data-mode=auto] .model-mode-indicator{transform:translate(100%)}.model-settings-trigger[data-state=open] .model-settings-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.model-intro{animation:model-entry var(--motion-panel) var(--ease-out-soft) both}.model-composer{animation:model-entry var(--motion-panel) var(--ease-out-soft) 60ms both}.model-starters{animation:model-entry var(--motion-panel) var(--ease-out-soft) .12s both}.model-prompt-field{transition:opacity var(--motion-quick) var(--ease-out-soft)}.model-capture-status{animation:model-entry var(--motion-panel) var(--ease-out-soft) both}.model-capture-icon[data-recording=true] svg{animation:1.4s ease-in-out infinite model-mic-pulse}.model-settings-panel[data-state=open]{animation:model-settings-in var(--motion-quick) ease-out both}.model-settings-panel[data-state=closed]{animation:model-settings-out var(--motion-quick) ease-out both}.model-mode-indicator,.model-settings-chevron,.model-run-button,.model-starter-button{transition:transform var(--motion-panel) var(--ease-out-soft)}.model-run-button:not(:disabled):hover,.model-starter-button:hover{transform:translateY(-2px)}.model-run-button:not(:disabled):active{transform:scale(.94)}}@keyframes model-entry{0%{opacity:0;transform:translateY(10px)}}@keyframes model-settings-in{0%{opacity:0}}@keyframes model-settings-out{to{opacity:0}}@keyframes model-mic-pulse{50%{opacity:.4}}