:root{color-scheme:dark;--color-background-canvas: #000000;--color-background-surface: #0a0b10;--color-background-elevated: #121420;--color-frame-start: #1f2233;--color-frame-end: #0d0e17;--color-text-primary: #f8f9fa;--color-text-secondary: #b8bac2;--color-text-muted: #9497a3;--color-text-on-accent: #0a0b10;--color-accent-primary: #ffb5c0;--color-accent-fill: #ffb5c0;--color-accent-pressed: #e6a0ab;--color-accent-subtle: rgba(255, 181, 192, .15);--color-accent-soft: rgba(255, 181, 192, .25);--color-accent-medium: rgba(255, 181, 192, .35);--color-accent-border: rgba(255, 181, 192, .4);--color-accent-glow: rgba(255, 181, 192, .5);--color-accent-glow-soft: rgba(255, 181, 192, .12);--color-accent-pynk: #ffb5c0;--color-ios-blue: #0a84ff;--color-glass-subtle: rgba(255, 255, 255, .03);--color-glass-default: rgba(255, 255, 255, .06);--color-glass-hover: rgba(255, 255, 255, .08);--color-glass-border: rgba(255, 255, 255, .12);--color-glass-border-soft: rgba(255, 255, 255, .06);--color-glass-divider: rgba(255, 255, 255, .08);--color-glass-highlight: rgba(255, 255, 255, .2);--color-glass-inset: rgba(255, 255, 255, .1);--color-glass-stage: rgba(18, 20, 32, .65);--color-overlay-subtle: rgba(0, 0, 0, .2);--color-overlay-default: rgba(0, 0, 0, .3);--color-overlay-titlebar: rgba(0, 0, 0, .25);--color-status-running: #00f2fe;--color-status-waiting: #ffd60a;--color-status-success: #00e676;--color-status-warning: #ffb020;--color-status-error: #ff4d67;--color-status-cancelled: #9497a3;--color-role-front-door: #ff2a85;--color-role-orchestrator: #00f2fe;--color-role-inference: #b388ff;--color-role-coding: #00e676;--color-role-mcp: #ffd60a}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-18: 72px;--space-24: 96px;--radius-none: 0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-frame: 40px;--radius-full: 9999px;--size-target-min: 44px}:root{--font-family-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-size-micro: 9px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-label: 13px;--font-size-ui: 14px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 28px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--line-height-normal: 1.5}:root{--motion-duration-fast: .15s;--motion-duration-normal: .2s;--motion-duration-slow: .3s;--motion-duration-menu-target: .35s;--motion-easing-standard: cubic-bezier(.16, 1, .3, 1);--motion-easing-enter: ease-out}:root{--breakpoint-xs: 432px;--breakpoint-height-short: 480px;--breakpoint-height-normal: 600px;--breakpoint-height-tall: 800px;--breakpoint-sm: 640px;--breakpoint-md: 720px;--breakpoint-lg: 1024px}:root{--layer-base: 0;--layer-card: 10;--layer-popover: 100;--layer-sheet: 200;--layer-dialog: 300}:root{--layout-ref-width: 1080px;--layout-ref-height: 1200px;--layout-sidebar-width: 320px;--layout-sidebar-menu-width: 240px;--layout-mobile-drawer-gap: 56px;--layout-gap: 13.3px;--layout-workspace-width: 848.7px;--layout-workspace-radius: 80px;--layout-titlebar-height: 48px;--layout-composer-max-height: 160px;--layout-message-max-width: 85%}:root{--shadow-frame: 0 30px 60px rgba(0, 0, 0, .8), inset 0 1px 2px var(--color-glass-highlight), 0 0 0 2px rgba(255, 255, 255, .08);--shadow-shell: 0 40px 80px rgba(0, 0, 0, .6);--shadow-inset: inset 0 1px 2px var(--color-glass-inset);--shadow-accent-sm: 0 4px 12px var(--color-accent-glow);--shadow-accent-md: 0 6px 18px var(--color-accent-glow);--shadow-focus: 0 0 0 2px var(--color-background-canvas), 0 0 0 4px var(--color-accent-primary);--shadow-card: 0 12px 28px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:320px;height:100%;overflow:hidden;background:var(--color-background-canvas);color:var(--color-text-primary);font-family:var(--font-family-ui)}button,input,textarea{font:inherit}button,label,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-within{outline:none;box-shadow:var(--shadow-focus)}button:disabled,input:disabled{cursor:not-allowed;opacity:.55;transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewport-stage{width:100vw;height:100vh;padding:0;overflow:hidden;background:var(--color-background-canvas)}.device-frame-wrapper{width:100%;height:100%}.device-frame-wrapper.is-simulated{padding:0;border-radius:0;background:var(--color-background-canvas);box-shadow:none}.app-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:var(--color-background-canvas);box-shadow:none}.native-resize-grip{display:none}html[data-native-reference-canvas=macos],html[data-native-reference-canvas=macos] body,html[data-native-reference-canvas=macos] #root,html[data-native-reference-canvas=macos] .viewport-stage{width:1080px;min-width:1080px;height:1200px}html[data-native-reference-canvas=macos] .native-resize-grip{position:fixed;right:0;top:0;z-index:calc(var(--layer-dialog) + 1);width:48px;height:48px;display:grid;place-items:start end;padding:8px 8px 0 0;border:0;background:transparent;color:var(--color-text-muted);cursor:grab}html[data-native-reference-canvas=macos] .native-resize-grip span{width:18px;height:18px;border-right:2px solid currentColor;border-top:2px solid currentColor;border-radius:0 var(--radius-sm) 0 0;opacity:.8}html[data-native-reference-canvas=macos] .native-resize-grip:hover{color:var(--color-accent-primary)}.main-layout{min-height:0;flex:1;display:grid;grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);gap:0;padding:0}.workspace-stage{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:var(--color-background-canvas);box-shadow:none}.panel-view{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.workspace-sidebar{position:relative;z-index:var(--layer-card);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible;padding:var(--space-4);border:0;border-right:1px solid var(--color-glass-border);border-radius:0;background:var(--color-background-surface);transition:width var(--motion-duration-normal),transform var(--motion-duration-normal)}.sidebar-icon-btn{width:var(--size-target-min);height:var(--size-target-min);display:grid;place-items:center;background:transparent;color:var(--color-text-secondary)}.sidebar-scroll-region{min-height:0;flex:1;overflow-y:auto;padding-bottom:var(--space-3);scrollbar-color:var(--color-glass-border) transparent}.sidebar-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.filter-chip{min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer}.filter-chip.is-active{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-text-primary)}.sidebar-section{margin-bottom:var(--space-5)}.sidebar-section h2{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.sidebar-empty-card{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-overlay-subtle);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.tree-group-button,.draft-row{width:100%;min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.tree-group-button{padding:0 var(--space-2);font-weight:var(--font-weight-semibold)}.tree-group-button:hover,.draft-row:hover{background:var(--color-glass-hover)}.tree-group-button.is-active{border-color:var(--color-accent-border);background:var(--color-accent-subtle)}.tree-group-button>span:not(.tree-count),.draft-row>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-count,.rail-badge{min-width:20px;padding:2px var(--space-1);border-radius:var(--radius-full);background:var(--color-accent-fill);color:var(--color-text-on-accent);font-size:var(--font-size-micro);text-align:center}.draft-list{display:grid;gap:var(--space-1);padding-left:var(--space-4)}.draft-row{padding:0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-label)}.draft-row.is-active{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-text-primary)}.draft-state{width:8px;height:8px;flex:none;border-radius:var(--radius-full);background:var(--color-status-cancelled)}.draft-state.is-running{background:var(--color-status-running);box-shadow:0 0 8px var(--color-status-running)}.sidebar-empty-copy{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}.favorite-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.favorite-workspace-grid button{min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-overlay-subtle);color:var(--color-accent-primary);cursor:pointer}.favorite-workspace-grid span{max-width:100%;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-dock{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-glass-border-soft)}.sidebar-search{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-secondary)}.sidebar-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--color-text-primary)}.sidebar-search button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer}.sidebar-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.settings-trigger,.new-chat-fab,.rail-btn{min-height:var(--size-target-min);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.settings-trigger{justify-content:flex-start;padding:0 var(--space-3);background:transparent;color:var(--color-text-secondary)}.new-chat-fab{width:56px;height:56px;padding:0;border-color:var(--color-accent-border);border-radius:var(--radius-full);background:var(--color-accent-fill);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent-sm)}.status-dot,.role-dot{width:9px;height:9px;flex:none;border-radius:var(--radius-full);background:var(--color-status-cancelled);box-shadow:0 0 8px currentColor}.role-dot,.status-dot.is-done{background:var(--color-status-success);color:var(--color-status-success)}.status-dot.is-running,.status-dot.is-queued{background:var(--color-status-running);color:var(--color-status-running)}.status-dot.is-failed{background:var(--color-status-error);color:var(--color-status-error)}.status-dot.is-awaiting_user{background:var(--color-status-waiting);color:var(--color-status-waiting)}.settings-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-popover);border:0;background:transparent}.settings-glass-menu{position:absolute;left:var(--space-3);bottom:128px;z-index:calc(var(--layer-popover) + 1);width:var(--layout-sidebar-menu-width);overflow:hidden;padding-block:var(--space-1);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-background-elevated);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:menu-in var(--motion-duration-normal) var(--motion-easing-standard)}.settings-glass-menu>button{width:100%;min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-bottom:1px solid var(--color-glass-divider);background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.settings-glass-menu>button:last-child{border-bottom:0}.settings-glass-menu>button:hover{background:var(--color-glass-hover)}.settings-glass-menu>button>span:nth-child(2){min-width:0;flex:1}.settings-menu-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--color-text-primary)}.settings-menu-icon.is-blue{background:var(--color-ios-blue)}.settings-menu-icon.is-red{background:var(--color-status-error)}.settings-menu-icon.is-gray{background:var(--color-glass-highlight)}.profile-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-ios-blue);color:var(--color-text-primary)}.profile-avatar.is-large{width:56px;height:56px}.sidebar-backdrop,.mobile-edge-swipe{display:none}.dev-toggle-btn,.secondary-btn,.primary-btn,.icon-btn,.sidebar-icon-btn{min-height:var(--size-target-min);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-duration-fast),border-color var(--motion-duration-fast),color var(--motion-duration-fast)}.sidebar-icon-btn{border-radius:var(--radius-full)}.dev-toggle-btn{gap:var(--space-2);padding:0 var(--space-3);background:var(--color-glass-default);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dev-toggle-btn:hover,.secondary-btn:hover,.icon-btn:hover,.sidebar-icon-btn:hover,.rail-btn:hover,.settings-trigger:hover{border-color:var(--color-accent-border);background:var(--color-glass-hover);color:var(--color-text-primary)}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);font-weight:var(--font-weight-semibold)}.primary-btn{border-color:var(--color-accent-border);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.secondary-btn{background:var(--color-glass-default);color:var(--color-text-secondary)}.secondary-btn.is-destructive{border-color:var(--color-status-error);color:var(--color-text-primary)}.secondary-btn.is-destructive:hover:not(:disabled){background:var(--color-status-error);color:var(--color-text-on-accent)}.header-left{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu-trigger{display:none;width:var(--size-target-min);height:var(--size-target-min);place-items:center;border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer}.mobile-menu-trigger:hover{border-color:var(--color-accent-border);background:var(--color-glass-hover);color:var(--color-text-primary)}.workspace-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-glass-border-soft)}.workspace-context{color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.workspace-title{max-width:52ch;overflow:hidden;font-size:var(--font-size-xl);font-weight:var(--font-weight-heavy);letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap}.header-task-state{padding:var(--space-1) var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-xs)}.header-task-state.is-running{border-color:var(--color-status-running);color:var(--color-status-running)}.header-back-btn{width:var(--size-target-min);height:var(--size-target-min);flex:none;display:grid;place-items:center;border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-duration-fast),border-color var(--motion-duration-fast),color var(--motion-duration-fast)}.header-back-btn:hover{border-color:var(--color-accent-border);background:var(--color-glass-hover);color:var(--color-text-primary)}.header-title-control{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.header-title-trigger{min-height:var(--size-target-min);max-width:100%;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer}.header-title-trigger:hover{background:var(--color-glass-hover)}.header-title-trigger svg{flex:none;color:var(--color-text-muted);transition:transform var(--motion-duration-normal) var(--motion-easing-standard)}.header-title-trigger svg.is-open{transform:rotate(180deg)}.header-knowledge-control{position:relative;flex:none}.header-knowledge-btn{min-height:var(--size-target-min);display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-duration-fast),border-color var(--motion-duration-fast),color var(--motion-duration-fast)}.header-knowledge-btn:hover,.header-knowledge-btn[aria-expanded=true]{border-color:var(--color-accent-border);background:var(--color-glass-hover);color:var(--color-text-primary)}.chat-action-popover{position:absolute;left:0;top:calc(100% + var(--space-2));bottom:auto;width:280px}.chat-action-popover .mockup-notice{margin:var(--space-2) var(--space-3) var(--space-1)}.knowledge-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:calc(var(--layer-popover) + 1);width:min(320px,80vw);display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-background-elevated);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:menu-in var(--motion-duration-normal) var(--motion-easing-standard)}.settings-tabbed-container{display:flex;flex-direction:column;height:100%;min-height:480px}.settings-tab-viewport{flex:1;overflow-y:auto;padding-bottom:var(--space-6)}.settings-mobile-sheet-heading{display:none}.settings-context-dock{position:sticky;bottom:var(--space-3);left:0;right:0;display:flex;justify-content:center;gap:var(--space-1);margin:0 var(--space-4);padding:var(--space-1);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);box-shadow:var(--shadow-card);z-index:10}.dock-tab{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-duration-fast)}.dock-tab:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.dock-tab.is-active{background:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.tab-bar{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default)}.tab-bar-item{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-duration-fast),color var(--motion-duration-fast)}.tab-bar-item:hover{color:var(--color-text-primary)}.tab-bar-item.is-active{background:var(--color-accent-subtle);color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.workspace-view{min-height:0;flex:1;display:flex;flex-direction:column}.workspace-view-tabs-row{display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-8) var(--space-3)}.workspace-view-content{min-height:0;flex:1;overflow-y:auto;padding:0 var(--space-8) var(--space-6)}.workspace-view-dock{position:sticky;bottom:0;z-index:var(--layer-card);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:linear-gradient(180deg,transparent,var(--color-background-canvas) 45%)}.workspace-view-dock-more{width:var(--size-target-min);height:var(--size-target-min);border-radius:var(--radius-full);border-color:var(--color-glass-border);background:var(--color-glass-default);color:var(--color-text-secondary)}.workspace-view-dock-new{width:auto;height:var(--size-target-min);padding:0 var(--space-5);gap:var(--space-2)}.projects-view{min-height:0;flex:1;display:flex;flex-direction:column}.projects-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-glass-border-soft)}.projects-header-leading{display:flex;align-items:center;gap:var(--space-3)}.projects-create{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);border:0;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.projects-create:disabled{opacity:1}.projects-create svg{color:var(--color-accent-primary)}.projects-sort{position:relative}.projects-sort>summary{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;list-style:none}.projects-sort>summary::-webkit-details-marker{display:none}.projects-sort>summary:hover,.projects-sort[open]>summary{border-color:var(--color-glass-border);background:var(--color-glass-default);color:var(--color-text-primary)}.projects-sort-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--layer-popover);width:260px;display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-background-elevated);box-shadow:var(--shadow-shell)}.projects-sort-menu fieldset{display:grid;gap:var(--space-2);border:0}.projects-sort-menu legend{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.project-option-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-option-row button{min-height:36px;display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer}.project-option-row button[aria-pressed=true]{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-text-primary)}.projects-content{min-height:0;flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.projects-collection{width:100%;max-width:840px;margin:0 auto}.projects-collection.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.projects-collection.is-list{display:grid;gap:var(--space-3)}.project-card{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-background-surface)}.project-card-media{position:relative;min-height:180px;display:grid;place-items:center;background:var(--color-background-elevated);color:var(--color-accent-primary)}.project-favorite{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--color-status-warning)}.project-card-copy{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.project-card-copy strong{overflow:hidden;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.project-card-copy small{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:capitalize}.projects-collection.is-list .project-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.projects-collection.is-list .project-card-media{min-height:96px}.projects-collection.is-list .project-card-copy{justify-content:center}.projects-empty-state{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--space-3);color:var(--color-text-secondary);text-align:center}.projects-empty-icon{width:84px;height:84px;display:grid;place-items:center;border:1px solid var(--color-accent-border);border-radius:var(--radius-2xl);background:var(--color-accent-subtle);color:var(--color-accent-primary)}.projects-empty-state h2{color:var(--color-text-primary);font-size:var(--font-size-lg)}.projects-empty-state p{max-width:46ch;color:var(--color-text-secondary);font-size:var(--font-size-sm)}button.project-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-glass-border-soft);background:var(--color-background-surface);font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0}button.project-card:hover{border-color:var(--color-accent-border)}.chat-card-status{position:absolute;bottom:var(--space-3);right:var(--space-3)}.knowledge-tab-panel{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.knowledge-summary-row{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-subtle);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.knowledge-summary-row strong{color:var(--color-text-primary)}.knowledge-mock-list{display:grid;gap:var(--space-2);list-style:none}.knowledge-mock-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-target-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.knowledge-mock-row>svg{flex:none;color:var(--color-text-muted)}.knowledge-mock-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-status-pill{flex:none;padding:var(--space-1) var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-xs)}.knowledge-status-pill.is-selected{border-color:var(--color-glass-border);color:var(--color-text-secondary)}.knowledge-status-pill.is-uploading{border-color:var(--color-status-waiting);color:var(--color-status-waiting)}.knowledge-status-pill.is-processing{border-color:var(--color-status-running);color:var(--color-status-running)}.knowledge-status-pill.is-ready{border-color:var(--color-status-success);color:var(--color-status-success)}.knowledge-status-pill.is-failed{border-color:var(--color-status-error);color:var(--color-status-error)}.knowledge-link-btn{flex:none;min-height:var(--size-target-min);padding:var(--space-1) var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer}.knowledge-link-btn:hover{background:var(--color-glass-hover);color:var(--color-text-secondary)}.knowledge-link-btn[aria-pressed=true]{border-color:var(--color-accent-border);color:var(--color-accent-primary)}.glass-card{padding:var(--space-5);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);background:var(--color-glass-subtle)}.card-title{font-size:var(--font-size-lg)}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-label);line-height:var(--line-height-normal)}.card-heading-row{justify-content:space-between;gap:var(--space-4);align-items:flex-start}.key-form{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.key-form input{min-width:min(100%,300px);flex:1;padding:0 var(--space-4)}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.metric-card{display:flex;flex-direction:column;gap:var(--space-2)}.metric-card span,.metric-card small,.worker-row small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.metric-card strong{overflow-wrap:anywhere}.worker-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.worker-row{gap:var(--space-3);min-height:var(--size-target-min)}.worker-row>div{display:flex;flex-direction:column}.error-notice{gap:var(--space-3);margin:var(--space-3) var(--space-8) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-status-error);border-radius:var(--radius-md);background:var(--color-overlay-default);color:var(--color-status-error)}.error-notice span{display:flex;flex-direction:column;color:var(--color-text-primary)}.error-notice small{color:var(--color-text-muted);font-family:var(--font-family-mono)}.live-preview-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);background:var(--color-overlay-subtle)}.preview-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.preview-bubble.is-assistant{align-self:flex-start;background:var(--color-glass-default);border:1px solid var(--color-glass-border)}.preview-bubble.is-user{align-self:flex-end;background:var(--color-accent-primary);color:var(--color-text-on-accent);font-weight:var(--font-weight-medium)}.preview-composer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-muted);font-size:var(--font-size-xs)}.preview-send-btn{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--color-accent-primary);color:var(--color-text-on-accent)}.settings-card-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.profile-summary-card{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-xl);background:var(--color-glass-default)}.profile-summary-card .profile-mockup{padding:var(--space-4)}.profile-storage-total{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-glass-divider)}.profile-storage-total span,.profile-storage-total small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.profile-storage-total small{grid-column:1 / -1}.profile-avatar[data-avatar-color=blue]{background:var(--color-ios-blue)}.profile-avatar[data-avatar-color=green]{background:var(--color-status-success);color:var(--color-text-on-accent)}.profile-avatar[data-avatar-color=red]{background:var(--color-status-error)}.profile-avatar[data-avatar-color=orange]{background:var(--color-status-warning);color:var(--color-text-on-accent)}.profile-avatar[data-avatar-color=yellow]{background:var(--color-status-waiting);color:var(--color-text-on-accent)}.profile-avatar[data-avatar-color=purple]{background:var(--color-role-inference);color:var(--color-text-on-accent)}.profile-avatar[data-avatar-color=pink]{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.profile-avatar[data-avatar-color=grey]{background:var(--color-status-cancelled)}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.storage-grid.is-four-up{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-card{min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.storage-card-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md)}.storage-card.is-chats .storage-card-icon{background:color-mix(in srgb,var(--color-status-success) 18%,transparent);color:var(--color-status-success)}.storage-card.is-uploads .storage-card-icon{background:color-mix(in srgb,var(--color-ios-blue) 18%,transparent);color:var(--color-ios-blue)}.storage-card.is-artifacts .storage-card-icon{background:color-mix(in srgb,var(--color-status-warning) 18%,transparent);color:var(--color-status-warning)}.storage-card.is-knowledge .storage-card-icon{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.storage-card>span:last-child{min-width:0;display:flex;flex-direction:column}.storage-card small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.browser-storage-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.browser-storage-row strong{color:var(--color-text-primary);text-align:right}.settings-link-group{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.settings-link-row{width:100%;min-height:52px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-radius:0;background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.settings-link-row+.settings-link-row{border-top:1px solid var(--color-glass-divider)}.settings-link-row>span:nth-child(2){display:flex;flex-direction:column}.settings-link-row small{color:var(--color-text-muted);font-size:var(--font-size-micro);line-height:var(--line-height-normal)}.settings-link-row.is-disabled{cursor:not-allowed;opacity:.45}.settings-link-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-primary)}.settings-link-icon.is-neutral{background:var(--color-glass-hover);color:var(--color-text-secondary)}.profile-editor{display:grid;gap:var(--space-4);padding:var(--space-5)}.profile-editor-heading{display:flex;align-items:center;gap:var(--space-3)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.profile-consent-row{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);color:var(--color-text-secondary)}.profile-consent-row input{accent-color:var(--color-accent-primary)}.profile-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.settings-empty-state{padding:var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);color:var(--color-text-muted)}.dev-badge{padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent-primary);font-size:var(--font-size-micro)}.capabilities-list{display:flex;flex-direction:column;gap:var(--space-2);margin-block:var(--space-3)}.capability-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-glass-default)}.capability-row>span:first-child{display:flex;align-items:center;gap:var(--space-2)}.status-badge.is-available{color:var(--color-status-success)}.dev-kit-trigger{width:100%;min-height:44px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px dashed var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-primary);cursor:pointer;font-weight:var(--font-weight-semibold)}.dev-kit-box{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-overlay-subtle)}.dev-kit-box ul{margin-top:var(--space-2);padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chat-container,.panel-view{min-height:0;flex:1}.chat-container{display:flex;flex-direction:column}.chat-history,.panel-view{overflow-y:auto;scrollbar-color:var(--color-glass-border) transparent}.chat-history{flex:1;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-8);max-width:840px;margin:0 auto;width:100%}.chat-empty-state{min-height:100%;display:grid;place-content:center;justify-items:center;gap:var(--space-3);color:var(--color-text-secondary);text-align:center}.chat-empty-state h2{color:var(--color-text-primary);font-size:var(--font-size-xl)}.message-row{width:100%;display:flex;align-items:flex-start;gap:var(--space-3);animation:fade-in var(--motion-duration-normal) var(--motion-easing-enter)}.message-row.is-user{justify-content:flex-end}.message-row.is-assistant{justify-content:flex-start}.message-column{min-width:0;max-width:85%;display:flex;flex-direction:column;gap:var(--space-2)}.message-row.is-user .message-column{align-items:flex-end}.message-row.is-assistant .message-column{align-items:flex-start}.message-bubble{position:relative;width:fit-content;padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:var(--font-size-md);line-height:var(--line-height-normal);overflow-wrap:anywhere;box-shadow:none}.message-row.is-user .message-bubble{border:0;border-bottom-right-radius:var(--radius-sm);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.message-row.is-assistant .message-bubble{border:1px solid var(--color-glass-border-soft);border-bottom-left-radius:var(--radius-sm);background:var(--color-background-elevated);color:var(--color-text-primary)}.message-row.is-user .message-bubble:after,.message-row.is-assistant .message-bubble:after{content:"";position:absolute;bottom:-1px;width:14px;height:16px;background:inherit}.message-row.is-user .message-bubble:after{right:-7px;border-bottom-left-radius:12px;clip-path:polygon(0 0,100% 100%,0 100%)}.message-row.is-assistant .message-bubble:after{left:-7px;border-bottom-right-radius:12px;clip-path:polygon(100% 0,100% 100%,0 100%)}.message-row.is-pending .message-bubble{border:1px dashed var(--color-accent-border)}.message-delivery-status{min-height:20px;display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.message-delivery-status.is-processed{color:var(--color-status-success)}.message-delivery-status.is-failed{color:var(--color-status-error)}.message-delivery-status.is-cancelled{color:var(--color-status-cancelled)}.technical-id,.composer-hint{display:block;margin-top:var(--space-2);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-micro)}.inline-task{width:min(100%,560px);overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-overlay-subtle)}.inline-task summary{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);cursor:pointer;list-style:none;color:var(--color-text-primary)}.inline-task summary::-webkit-details-marker{display:none}.inline-task summary>span:nth-child(2){flex:1;color:var(--color-text-primary)}.inline-task-body{display:grid;gap:var(--space-3);padding:0 var(--space-3) var(--space-3);border-top:1px solid var(--color-glass-border-soft)}.status-badge,.status-text{display:inline-flex;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-text.is-running,.status-badge.is-running,.is-running{color:var(--color-status-running)!important;opacity:1!important}.status-text.is-awaiting_user,.status-badge.is-awaiting_user,.is-awaiting_user{color:var(--color-status-waiting)!important;opacity:1!important}.status-text.is-done,.status-badge.is-done,.is-done{color:var(--color-status-success)!important;opacity:1!important}.is-failed{color:var(--color-status-error)}.is-cancelled{color:var(--color-status-cancelled)}.step-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);list-style:none}.step-list li{min-height:var(--size-target-min);gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-overlay-subtle)}.step-list li>span:nth-child(2){flex:1;display:flex;flex-direction:column}.step-list small,.artifact-card small{color:var(--color-text-muted)}.decision-row,.mock-actions,.mock-reorder-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.decision-block{display:flex;flex-direction:column;gap:var(--space-2)}.decision-question{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.decision-message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.decision-unanswerable{color:var(--color-status-warning);font-size:var(--font-size-sm)}.decision-row input{flex:1;min-width:160px;min-height:var(--size-target-min);padding-inline:var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.decision-option{min-height:var(--size-target-min);padding-inline:var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.decision-option:hover{background:var(--color-glass-hover)}.decision-option[aria-pressed=true]{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text-primary)}.decision-option[aria-pressed=true]:before{content:"✓";margin-inline-end:var(--space-2)}.inline-artifacts{display:grid;gap:var(--space-2)}.artifact-card{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md)}.artifact-card>span{min-width:0;flex:1;display:flex;flex-direction:column}.artifact-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer{display:grid;gap:var(--space-4);padding:var(--space-5);justify-items:center}.attachment-viewer-image{max-width:100%;max-height:min(70vh,720px);border-radius:var(--radius-md);object-fit:contain}.attachment-viewer-pdf{width:100%;height:min(70vh,720px);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-background-elevated)}.attachment-viewer-download{align-self:flex-start}.chat-files-row-btn{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;cursor:pointer}.html-sandbox-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);display:flex;flex-direction:column;background:var(--color-background-canvas)}.html-sandbox-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-glass-border);color:var(--color-text-primary)}.html-sandbox-actions{display:flex;align-items:center;gap:var(--space-2)}.html-sandbox-frame{flex:1;width:100%;border:0;background:var(--color-background-elevated)}.html-sandbox-blocked{flex:1;display:grid;place-items:center;padding:var(--space-6);color:var(--color-status-error);text-align:center}.thinking-banner{width:min(100%,560px);overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-overlay-subtle)}.thinking-banner-pill{width:100%;min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer}.thinking-banner-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.thinking-banner-pill svg{transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.thinking-banner-pill svg.is-open{transform:rotate(180deg)}.thinking-banner-body{display:grid;gap:var(--space-3);padding:0 var(--space-3) var(--space-3);border-top:1px solid var(--color-glass-border-soft)}.thinking-banner-notices{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-glass-border-soft);color:var(--color-text-primary)}.thinking-banner-notices ul{margin:0;padding-left:var(--space-4);color:var(--color-text-secondary)}.rich-card{display:flex;flex-direction:column;gap:var(--space-2);width:min(100%,320px)}.rich-card-value{font-size:var(--font-size-xl)}.rich-card-price{font-size:var(--font-size-lg)}.rich-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.rich-card-change{flex:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.rich-card-change.is-positive{color:var(--color-status-success);background:color-mix(in srgb,var(--color-status-success) 15%,transparent)}.rich-card-change.is-negative{color:var(--color-status-error);background:color-mix(in srgb,var(--color-status-error) 15%,transparent)}.rich-card-forecast{display:grid;gap:var(--space-1);margin-top:var(--space-2);list-style:none}.rich-card-forecast li{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dev-kit-card-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.rich-card.is-news{width:min(100%,420px)}.rich-card-news-list{display:grid;gap:var(--space-3);list-style:none}.rich-card-news-list li{display:grid;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-glass-border-soft)}.rich-card-news-list li:last-child{border-bottom:0;padding-bottom:0}.rich-card-news-list a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-primary)}.rich-card-news-list a:hover strong{text-decoration:underline}.rich-card-news-list small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.rich-card-news-list p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.global-search-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);display:grid;place-items:start center;padding-top:12vh;padding-inline:var(--space-4)}.global-search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--color-overlay-subtle);cursor:default}.global-search-panel{position:relative;width:min(560px,100%);max-height:min(60vh,520px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl);background:var(--color-background-elevated);box-shadow:var(--shadow-shell)}.global-search-input-row{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);background:var(--color-glass-default);border-radius:var(--radius-full);margin:var(--space-3);color:var(--color-text-muted)}.global-search-input-row input{flex:1;min-height:var(--size-target-min);border:0;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md)}.global-search-input-row input:focus{outline:none}.global-search-results{min-height:0;overflow-y:auto;padding:var(--space-3)}.global-search-list{display:grid;gap:var(--space-1);list-style:none}.global-search-hit{width:100%;min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--color-text-primary);text-align:left;cursor:pointer}.global-search-hit:hover,.global-search-hit:focus-visible{background:var(--color-glass-default)}.global-search-hit>svg{flex:none;color:var(--color-text-muted)}.global-search-hit>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.global-search-hit strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-hit small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.global-search-kind-pill{flex:none;padding:var(--space-1) var(--space-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-micro);text-transform:uppercase}.chat-composer{padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--color-glass-border-soft);background:var(--color-background-canvas)}.chat-composer.is-drag-active{box-shadow:inset 0 0 0 2px var(--color-ios-blue);background:var(--color-glass-subtle)}.composer-stack{display:flex;flex-direction:column;gap:var(--space-2);max-width:840px;margin:0 auto;width:100%}.composer-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:100%}.composer-input,.key-form input,.mock-field input,.mock-field textarea,.mock-field select{min-height:var(--size-target-min);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.composer-input{min-width:0;max-height:140px;flex:1;padding:var(--space-3) var(--space-5);resize:none}.send-btn,.icon-btn{width:var(--size-target-min);height:var(--size-target-min);flex:none;display:grid;place-items:center;border-radius:var(--radius-full)}.send-btn{border:0;background:var(--color-accent-fill);color:var(--color-text-on-accent);box-shadow:none;cursor:pointer}.icon-btn{border:1px solid var(--color-glass-border);background:var(--color-glass-default);color:var(--color-text-secondary);cursor:pointer}.attachment-control{position:relative;z-index:var(--layer-card);flex:none}.attachment-plus{width:var(--size-target-min);height:var(--size-target-min);aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-accent-primary);cursor:pointer}.attachment-plus:hover,.attachment-plus[aria-expanded=true]{background:var(--color-accent-subtle)}.media-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-popover);border:0;background:transparent}.media-action-menu{position:absolute;left:0;bottom:calc(100% + var(--space-2));z-index:calc(var(--layer-popover) + 1);width:220px;overflow:hidden;padding-block:var(--space-1);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-background-elevated);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:menu-in var(--motion-duration-normal) var(--motion-easing-standard)}.media-action-menu button{width:100%;min-height:52px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:0;border-bottom:1px solid var(--color-glass-divider);background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.media-action-menu button:last-child{border-bottom:0}.media-action-menu button:hover{background:var(--color-glass-hover)}.media-action-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-full)}.media-action-icon.is-camera{background:var(--color-ios-blue)}.media-action-icon.is-photos{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.media-action-icon.is-files{background:var(--color-status-warning);color:var(--color-text-on-accent)}.attachment-preview-list{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1);scrollbar-color:var(--color-glass-border) transparent}.attachment-preview{min-width:240px;max-width:320px;min-height:64px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-background-surface)}.attachment-preview.is-ready{border-color:var(--color-accent-border)}.attachment-preview.is-failed{border-color:var(--color-status-error)}.attachment-preview>img,.sent-attachment>img{width:48px;height:48px;flex:none;object-fit:cover;border-radius:var(--radius-sm)}.attachment-file-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-glass-default);color:var(--color-accent-primary)}.attachment-preview-copy{min-width:0;flex:1;display:flex;flex-direction:column}.attachment-preview-copy strong,.sent-attachment strong{overflow:hidden;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.attachment-preview-copy small,.sent-attachment small{color:var(--color-text-muted);font-size:var(--font-size-micro);line-height:var(--line-height-normal)}.attachment-preview.is-failed small,.attachment-error{color:var(--color-status-error)}.attachment-preview>button{width:28px;height:28px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.attachment-preview>button:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.attachment-error{padding-inline:var(--space-2);font-size:var(--font-size-xs)}.sent-attachment-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.sent-attachment{max-width:280px;min-height:56px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-text-primary);cursor:pointer;text-align:left}.sent-attachment>span:first-child{width:48px;height:48px;flex:none;display:grid;place-items:center;color:var(--color-accent-primary)}.sent-attachment>span:last-child{min-width:0;display:flex;flex-direction:column}.composer-compact-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-target-min);padding:var(--space-1);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-default);cursor:text;transition:border-color var(--motion-duration-fast),background var(--motion-duration-fast)}.composer-compact-row:hover,.composer-compact-row:focus-within{border-color:var(--color-accent-border);background:var(--color-glass-hover)}.composer-input--compact{flex:1;min-width:0;padding:var(--space-3) var(--space-4);border:0;background:transparent;resize:none;overflow:hidden}.composer-expanded-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-glass-default);animation:expand-in var(--motion-duration-normal) var(--motion-easing-standard)}.composer-expanded-top{display:flex;align-items:flex-start;gap:var(--space-2)}.composer-input--expanded{flex:1;min-width:0;min-height:var(--size-target-min);max-height:140px;padding:var(--space-3) var(--space-4);border:0;background:transparent;resize:none}.composer-editor-open-btn,.composer-editor-close-btn{width:var(--size-target-min);height:var(--size-target-min);flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.composer-editor-open-btn:hover,.composer-editor-close-btn:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.composer-expanded-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.attachment-progress-track{margin-top:var(--space-1);height:3px;border-radius:var(--radius-full);background:var(--color-glass-border-soft);overflow:hidden}.attachment-progress-fill{display:block;height:100%;border-radius:var(--radius-full);background:var(--color-glass-highlight);transition:width var(--motion-duration-fast) var(--motion-easing-standard)}.attachment-preview-copy small{display:flex;align-items:center;gap:var(--space-1)}.composer-editor-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--color-background-canvas);color:var(--color-text-primary)}.composer-editor-dialog::backdrop{background:var(--color-background-canvas)}.composer-editor-shell{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:var(--space-3);padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-6),env(safe-area-inset-left));background:var(--color-background-canvas);animation:fade-in var(--motion-duration-normal) var(--motion-easing-enter)}.composer-editor-textarea{width:min(100%,960px);min-height:0;margin:0 auto;padding:var(--space-5);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);outline:none;background:var(--color-background-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);resize:none}.composer-editor-textarea:focus-visible{border-color:var(--color-accent-border);box-shadow:var(--shadow-focus)}.composer-editor-shell>.attachment-preview-list,.composer-editor-shell>.attachment-error,.composer-editor-actions{width:min(100%,960px);margin-inline:auto}.composer-editor-actions{min-height:var(--size-target-min);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.composer-editor-close-btn{background:var(--color-accent-fill);color:var(--color-text-on-accent)}@media(max-width:720px){.composer-editor-shell{padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.composer-editor-textarea{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-md)}}@keyframes expand-in{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);display:grid;place-items:center;padding:var(--space-4)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--color-overlay-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-modal{position:relative;width:min(720px,100%);max-height:min(860px,calc(100vh - var(--space-8)));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl);background:var(--color-background-elevated);box-shadow:var(--shadow-shell)}.glass-modal>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-glass-border)}.glass-modal h2{font-size:var(--font-size-lg)}.modal-content{min-height:0;overflow-y:auto}.mockup-stack{display:grid;gap:var(--space-4);padding:var(--space-5)}.mockup-notice{padding:var(--space-3);border:1px solid var(--color-status-warning);border-radius:var(--radius-md);color:var(--color-status-warning);font-size:var(--font-size-xs)}.profile-mockup{display:flex;align-items:center;gap:var(--space-3)}.profile-mockup p{color:var(--color-text-muted);font-size:var(--font-size-xs)}.mock-field{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-label)}.mock-field input,.mock-field select{padding:0 var(--space-3)}.mock-field textarea{resize:vertical;padding:var(--space-3);font:inherit}.mock-list{display:grid;gap:var(--space-2)}.mock-list-row{min-height:var(--size-target-min);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md)}.mock-list-row>span{display:flex;flex-direction:column}.mock-list-row small{color:var(--color-text-muted)}.mock-list-row.has-actions{justify-content:space-between}.modal-empty-state{min-height:260px;display:grid;place-content:center;justify-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-align:center}.modal-empty-state h3{color:var(--color-text-primary)}.modal-empty-state p{max-width:48ch}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-popover);border:0;background:transparent}.popover{position:absolute;z-index:calc(var(--layer-popover) + 1);min-width:280px;overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-background-elevated);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:menu-in var(--motion-duration-normal) var(--motion-easing-standard)}.popover-body{overflow:hidden;transition:height var(--motion-duration-normal) var(--motion-easing-standard)}.popover-section{display:grid;gap:var(--space-2);padding:var(--space-2)}.popover-menu-list{display:grid;list-style:none}.popover-menu-row{width:100%;min-height:var(--size-target-min);display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer;text-align:left}.popover-menu-row:hover:not(:disabled){background:var(--color-glass-hover)}.popover-row-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-muted)}.popover-row-icon{display:inline-flex;align-items:center;justify-content:center}.settings-menu-icon.is-accent{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.popover-menu-divider{height:1px;margin:var(--space-1) 0;background:var(--color-glass-divider);border:0}.popover-section-header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3) 0}.popover-back-btn{align-self:flex-start;min-height:var(--size-target-min);display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.popover-back-btn:hover{background:var(--color-glass-hover);color:var(--color-text-secondary)}.popover-breadcrumb{font-size:var(--font-size-xs)}.popover-section-header h3{font-size:var(--font-size-md);color:var(--color-text-primary)}.popover-field{display:grid;gap:var(--space-1);padding:0 var(--space-3)}.popover-input{min-height:var(--size-target-min);padding:0 var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.popover-input:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.popover-confirm-text{padding:0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.popover-status{padding:0 var(--space-3);font-size:var(--font-size-xs)}.popover-status.is-saving{color:var(--color-text-muted)}.popover-status.is-error{color:var(--color-status-error)}.popover-empty-row{min-height:var(--size-target-min);display:flex;align-items:center;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.popover-create-form{display:grid;gap:var(--space-2)}.popover-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.popover-action-btn{min-height:var(--size-target-min);padding:0 var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer}.popover-action-btn:hover{background:var(--color-glass-hover)}.popover-action-btn.is-primary{border-color:var(--color-accent-border);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.popover-action-btn.is-destructive{border-color:var(--color-status-error);color:var(--color-text-primary)}.popover-action-btn.is-destructive:hover{background:var(--color-status-error);color:var(--color-text-on-accent)}.bottom-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-sheet);display:flex;align-items:flex-end;justify-content:center;padding:0}.bottom-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--color-overlay-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-sheet{position:relative;width:min(432px,100%);max-height:min(80vh,620px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--color-background-elevated);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:menu-in var(--motion-duration-slow) var(--motion-easing-standard)}.bottom-sheet-header{min-height:var(--size-target-min);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid var(--color-glass-border)}.bottom-sheet-header h2{font-size:var(--font-size-lg);color:var(--color-text-primary)}.bottom-sheet-close-btn{min-width:var(--size-target-min);min-height:var(--size-target-min);display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.bottom-sheet-close-btn:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.bottom-sheet-content{min-height:0;overflow-y:auto;display:grid;gap:var(--space-5);padding:var(--space-5)}@media(min-width:1024px){.bottom-sheet-layer{align-items:center}.bottom-sheet{width:min(420px,90vw);max-height:min(720px,80vh);border-radius:var(--radius-2xl)}}.knowledge-sheet-section{display:grid;gap:var(--space-3)}.knowledge-sheet-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-primary)}.knowledge-summary-row{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.knowledge-mock-flag{padding:2px var(--space-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-micro);text-transform:uppercase}.knowledge-mock-action-btn{min-width:var(--size-target-min);min-height:var(--size-target-min);flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer}.knowledge-mock-action-btn:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.server-settings-view,.server-child-view{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.server-section{display:flex;flex-direction:column;gap:var(--space-2)}.server-section-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.server-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.server-section-footer{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.network-topology-card{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-xl);background:var(--color-glass-default)}.network-map{position:relative;min-height:190px}.network-connector{position:absolute;top:92px;left:30%;width:40%;height:2px;background:var(--color-status-success);opacity:.8}.network-connector.has-workers:after{content:"";position:absolute;top:0;right:0;width:2px;height:55px;background:var(--color-status-success)}.network-node{position:absolute;width:58px;height:58px;display:grid;place-items:center;border:2px solid transparent;border-radius:var(--radius-full);background:var(--color-ios-blue);color:var(--color-text-on-accent);cursor:pointer;box-shadow:var(--shadow-card)}.network-node.is-client{top:64px;left:calc(25% - 29px)}.network-node.is-coordinator{top:36px;right:calc(25% - 29px);border-color:var(--color-ios-blue);outline:2px solid color-mix(in srgb,var(--color-ios-blue) 45%,transparent);outline-offset:3px}.network-node.is-worker{width:42px;height:42px;background:var(--color-background-surface);color:var(--color-ios-blue);border-color:var(--color-ios-blue)}.network-node.worker-1{top:116px;right:calc(25% - 21px)}.network-node.worker-2{top:115px;right:calc(42% - 21px)}.network-node.worker-3{top:20px;right:calc(43% - 21px)}.network-node.is-stale{border-color:var(--color-status-warning);color:var(--color-status-warning)}.network-legend{min-height:48px;display:flex;align-items:center;justify-content:space-around;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-glass-divider);color:var(--color-text-muted);font-size:var(--font-size-xs)}.network-legend span{display:flex;align-items:center;gap:var(--space-1)}.status-dot{width:9px;height:9px;display:inline-block;flex:none;border-radius:var(--radius-full);background:var(--color-status-cancelled)}.status-dot.is-online{background:var(--color-status-success)}.status-dot.is-stale{background:var(--color-status-warning)}.server-grouped-list{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.server-list-row{position:relative;display:flex;align-items:stretch}.server-list-row+.server-list-row,.server-grouped-list>.server-list-main+.server-list-main,.server-grouped-list>.server-list-static+.server-list-static{border-top:1px solid var(--color-glass-divider)}.server-list-main,.server-list-static{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--color-text-primary);text-align:left}button.server-list-main{cursor:pointer}button.server-list-main:hover{background:var(--color-glass-hover)}.server-list-main>span:nth-child(2),.server-list-static>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.server-list-main small,.server-list-static small{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.server-list-row .server-list-main{padding-right:44px}.server-row-delete{position:absolute;top:50%;right:var(--space-2);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;transform:translateY(-50%)}.server-row-delete:hover{background:var(--color-glass-hover);color:var(--color-status-error)}.server-row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-glass-hover);color:var(--color-text-secondary)}.server-row-icon.is-large{width:50px;height:50px;border-radius:var(--radius-lg)}.server-row-icon.is-blue{background:color-mix(in srgb,var(--color-ios-blue) 16%,transparent);color:var(--color-ios-blue)}.server-row-icon.is-green{background:color-mix(in srgb,var(--color-status-success) 16%,transparent);color:var(--color-status-success)}.server-row-icon.is-red{background:color-mix(in srgb,var(--color-status-error) 16%,transparent);color:var(--color-status-error)}.server-row-icon.is-neutral{background:var(--color-glass-hover);color:var(--color-text-secondary)}.server-current-badge,.node-host-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-ios-blue) 15%,transparent);color:var(--color-ios-blue);font-size:var(--font-size-xs)}.server-refresh{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.server-refresh:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.server-empty-row{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.server-connection-card{overflow:hidden;border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.server-connection-card summary{min-height:56px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;list-style:none}.server-connection-card summary::-webkit-details-marker{display:none}.server-connection-card summary>span:last-child{display:flex;flex-direction:column}.server-connection-card summary small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.server-connection-card form{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-glass-divider)}.server-connection-card input{min-width:220px;flex:1;padding-inline:var(--space-3);min-height:var(--size-target-min);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.server-connection-card form>small{width:100%;color:var(--color-text-muted)}.server-back-button{align-self:flex-start;min-height:40px;display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:0;background:transparent;color:var(--color-ios-blue);cursor:pointer;font-size:var(--font-size-base)}.server-form-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-xl);background:var(--color-glass-default)}.server-form-card>p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.server-form-card label{width:100%;display:grid;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.server-form-card input{width:100%;padding-inline:var(--space-3);min-height:var(--size-target-min);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.server-form-error{color:var(--color-status-error)!important}.node-hero-card,.node-detail-card{padding:var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-xl);background:var(--color-glass-default)}.node-hero-heading{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.node-hero-heading>span:nth-child(2){display:flex;flex-direction:column}.node-hero-heading small{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted)}.node-freshness{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-glass-divider);color:var(--color-text-muted);font-size:var(--font-size-xs)}.node-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.node-summary-grid>span{min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-overlay-subtle)}.node-summary-grid small{color:var(--color-text-muted);font-size:var(--font-size-micro)}.node-summary-grid strong{overflow:hidden;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.node-detail-title{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4)}.node-detail-title p{color:var(--color-text-muted);font-size:var(--font-size-xs)}.node-value-list{border-top:1px solid var(--color-glass-divider)}.node-value-list>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-glass-divider);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.node-value-list>div:last-child{border-bottom:0}.node-value-list strong{max-width:60%;color:var(--color-text-primary);text-align:right;overflow-wrap:anywhere}.history-section select{min-height:32px;padding:0 var(--space-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.history-card{min-height:150px;display:grid;place-items:center;padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default);color:var(--color-text-muted);font-size:var(--font-size-xs)}.mini-chart{width:100%}.mini-chart svg{width:100%;height:120px;overflow:visible}.mini-chart line{stroke:var(--color-glass-divider);stroke-width:1;vector-effect:non-scaling-stroke}.mini-chart polyline{fill:none;stroke:var(--color-ios-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mini-chart>div{display:flex;justify-content:space-between;color:var(--color-text-muted)}.mini-chart strong{color:var(--color-ios-blue)}.usage-scope{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-overlay-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.usage-scope.is-partial_window{color:var(--color-status-warning)}.usage-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.usage-summary-grid>span{min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md);background:var(--color-glass-default)}.usage-summary-grid small{color:var(--color-text-muted);font-size:var(--font-size-micro)}.usage-summary-grid strong{overflow-wrap:anywhere}.usage-chart-card{padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.usage-chart-controls,.usage-legend,.usage-mode-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.usage-chart-controls{justify-content:space-between}.usage-mode-switch button,.usage-legend button{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.usage-mode-switch button[aria-pressed=true],.usage-legend button[aria-pressed=true]{background:var(--color-glass-hover);color:var(--color-text-primary)}.usage-legend button{display:inline-flex;align-items:center;gap:var(--space-1)}.usage-legend i{width:10px;height:3px;border-radius:var(--radius-full);background:var(--color-ios-blue)}.usage-legend .is-cache i{background:var(--color-status-warning)}.usage-legend .is-output i{background:var(--color-status-success)}.usage-chart{width:100%;height:180px;margin-top:var(--space-3);overflow:visible}.usage-chart line{stroke:var(--color-glass-divider);stroke-width:1;vector-effect:non-scaling-stroke}.usage-chart polyline{fill:none;stroke:var(--color-ios-blue);stroke-width:2;vector-effect:non-scaling-stroke}.usage-chart polyline.is-cache{stroke:var(--color-status-warning)}.usage-chart polyline.is-output{stroke:var(--color-status-success)}.usage-data-table{max-height:180px;overflow:auto;margin-top:var(--space-2);border-top:1px solid var(--color-glass-divider)}.usage-data-table table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.usage-data-table th,.usage-data-table td{padding:var(--space-2);border-bottom:1px solid var(--color-glass-divider);text-align:right;white-space:nowrap}.usage-data-table th:first-child,.usage-data-table td:first-child{text-align:left}@media(max-width:700px){.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-chart-controls{align-items:stretch;flex-direction:column}}.profile-view{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-24)}.profile-poster-column{display:flex;flex-direction:column;gap:var(--space-3)}.profile-poster{position:relative;aspect-ratio:5 / 7;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-3);overflow:hidden;padding:var(--space-5);border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl);background:radial-gradient(circle at 50% 20%,var(--profile-poster-accent),transparent 58%),linear-gradient(150deg,var(--color-frame-start),var(--color-background-surface));box-shadow:var(--shadow-card)}.profile-poster[data-avatar-color=blue]{--profile-poster-accent: color-mix(in srgb, var(--color-ios-blue) 62%, transparent)}.profile-poster[data-avatar-color=green]{--profile-poster-accent: color-mix(in srgb, var(--color-status-success) 62%, transparent)}.profile-poster[data-avatar-color=red]{--profile-poster-accent: color-mix(in srgb, var(--color-status-error) 62%, transparent)}.profile-poster[data-avatar-color=orange]{--profile-poster-accent: color-mix(in srgb, var(--color-status-warning) 62%, transparent)}.profile-poster[data-avatar-color=yellow]{--profile-poster-accent: color-mix(in srgb, var(--color-status-waiting) 62%, transparent)}.profile-poster[data-avatar-color=purple]{--profile-poster-accent: color-mix(in srgb, var(--color-role-inference) 62%, transparent)}.profile-poster[data-avatar-color=pink]{--profile-poster-accent: color-mix(in srgb, var(--color-accent-primary) 62%, transparent)}.profile-poster[data-avatar-color=grey]{--profile-poster-accent: color-mix(in srgb, var(--color-status-cancelled) 62%, transparent)}.profile-poster-handle{position:absolute;top:var(--space-3);left:50%;width:42px;height:4px;border-radius:var(--radius-full);background:var(--color-glass-highlight);transform:translate(-50%)}.profile-poster-avatar{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--color-glass-highlight);border-radius:var(--radius-full);background:var(--color-overlay-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-poster-copy h3{font-size:var(--font-size-2xl)}.profile-poster-copy p,.profile-poster-pills{color:var(--color-text-secondary)}.profile-poster-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs)}.profile-poster-pills span{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-overlay-subtle)}.profile-edit-button{width:100%}.profile-overview-column,.profile-overview-section,.profile-context-card,.profile-consent-card{display:grid;gap:var(--space-3)}.profile-overview-column{align-content:start;gap:var(--space-5)}.profile-overview-section h3{display:flex;align-items:center;gap:var(--space-2)}.profile-context-card,.profile-consent-card{padding:var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-xl);background:var(--color-glass-subtle)}.profile-context-card>div+div,.profile-view-consent+.profile-view-consent{padding-top:var(--space-3);border-top:1px solid var(--color-glass-divider)}.profile-context-card p{margin-top:var(--space-1);color:var(--color-text-secondary);white-space:pre-wrap}.profile-view-consent{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.profile-view-consent>:last-child{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs)}.profile-view-consent>.is-enabled{color:var(--color-status-success)}.profile-editor-dialog{width:min(640px,calc(100% - var(--space-6)));max-height:min(860px,calc(100dvh - var(--space-6)));margin:auto;overflow:auto;padding:0;border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl);color:var(--color-text-primary);background:var(--color-background-elevated);box-shadow:var(--shadow-shell)}.profile-editor-dialog::backdrop{background:var(--color-overlay-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-editor-dialog .profile-editor{min-width:0}.profile-consent-group{display:grid;gap:var(--space-2);padding:0;border:0}.profile-consent-group legend{margin-bottom:var(--space-2);font-weight:700}.settings-user-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);background:var(--color-glass-default);box-shadow:var(--shadow-card)}.settings-user-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--color-overlay-default);border:1px solid var(--color-glass-highlight)}.settings-user-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.settings-user-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.settings-user-sub{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media(max-width:700px){.profile-view{grid-template-columns:minmax(0,1fr);padding:var(--space-4) var(--space-4) var(--space-24)}.profile-poster{min-height:420px}.profile-editor-dialog{width:100%;max-width:none;max-height:calc(100dvh - var(--space-4));margin:auto 0 0;border-width:1px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.profile-editor-dialog .profile-editor{padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}}.coding-workspace{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.coding-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-glass-border-soft)}.coding-header h1{margin:0;font-size:var(--font-size-lg)}.coding-header-icon{width:var(--size-target-min);height:var(--size-target-min);flex:none;display:grid;place-items:center;border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-primary)}.coding-header-actions,.coding-header-actions button,.coding-connection{display:flex;align-items:center}.coding-header-actions,.coding-header-actions button{gap:var(--space-2)}.coding-connection{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-xs)}.coding-connection span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-status-cancelled)}.coding-connection.is-live{color:var(--color-status-success)}.coding-connection.is-live span{background:var(--color-status-success)}.coding-connection.is-connecting{color:var(--color-status-running)}.coding-connection.is-connecting span{background:var(--color-status-running)}.coding-stop{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) var(--space-6) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-status-error);border-radius:var(--radius-md);background:var(--color-glass-default);color:var(--color-text-primary)}.coding-stop>span{min-width:0;flex:1}.coding-stop>svg{color:var(--color-status-error)}.coding-body{min-height:0;flex:1;display:grid;grid-template-columns:240px minmax(0,1fr)}.coding-session-rail{min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto;border-right:1px solid var(--color-glass-border-soft);background:var(--color-glass-subtle)}.coding-session-rail label,.coding-register{display:grid;gap:var(--space-2)}.coding-session-rail label>span,.coding-session-rail h2{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.coding-session-rail select,.coding-session-rail input,.coding-composer textarea{width:100%;border:1px solid var(--color-glass-border);border-radius:var(--radius-md);outline:0;background:var(--color-glass-default);color:var(--color-text-primary);font:inherit}.coding-session-rail select,.coding-session-rail input{min-height:var(--size-target-min);padding:0 var(--space-3)}.coding-session-rail select:focus-visible,.coding-session-rail input:focus-visible,.coding-composer textarea:focus-visible{border-color:var(--color-accent-border);box-shadow:var(--shadow-focus)}.coding-trust-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-status-warning)}.coding-trust-row .is-trusted{color:var(--color-status-success)}.coding-trust-row button{border:0;background:transparent;color:var(--color-accent-primary);cursor:pointer}.coding-register{padding:var(--space-3);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-md)}.coding-register summary{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.coding-register[open] summary{margin-bottom:var(--space-2)}.coding-session-list{display:grid;gap:var(--space-1)}.coding-session-list>p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.coding-session-list>button{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);text-align:left;cursor:pointer}.coding-session-list>button:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.coding-session-list>button.is-active{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-text-primary)}.coding-session-list>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coding-session-list>button small{color:var(--color-text-muted);font-size:var(--font-size-micro)}.coding-session-list>button svg{grid-column:2;grid-row:1 / span 2;align-self:center}.coding-main{min-width:0;min-height:0;display:flex;flex-direction:column}.coding-tabs{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4);overflow-x:auto;border-bottom:1px solid var(--color-glass-border-soft)}.coding-tabs button{min-height:36px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;white-space:nowrap}.coding-tabs button:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.coding-tabs button.is-active{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.coding-panel{min-height:0;flex:1;overflow-y:auto;padding:var(--space-5)}.coding-timeline,.coding-card-list{display:grid;gap:var(--space-3)}.coding-message{max-width:85%;display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-lg);background:var(--color-glass-default)}.coding-message.is-user{justify-self:end;border-color:var(--color-accent-border);background:var(--color-accent-subtle)}.coding-message>span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.coding-message p{margin:0;white-space:pre-wrap}.coding-message.is-streaming{border-color:var(--color-status-running)}.coding-tool-card,.coding-approval-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-background-surface)}.coding-tool-card>svg{color:var(--color-role-coding)}.coding-tool-card>div,.coding-approval-card>div{min-width:0;display:grid;gap:var(--space-2)}.coding-tool-card code,.coding-tool-card pre,.coding-card-list pre{max-height:240px;margin:0;padding:var(--space-3);overflow:auto;border-radius:var(--radius-sm);background:var(--color-overlay-default);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:pre-wrap}.coding-tool-card>span,.coding-card-list header>span,.coding-approval-card>span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-glass-default);color:var(--color-text-muted);font-size:var(--font-size-xs)}.coding-tool-card>span.is-done{color:var(--color-status-success)}.coding-tool-card>span.is-failed{color:var(--color-status-error)}.coding-tool-card>span.is-running{color:var(--color-status-running)}.coding-approval-card{border-color:var(--color-status-warning)}.coding-approval-card>svg{color:var(--color-status-warning)}.coding-approval-card p{margin:0;color:var(--color-text-secondary)}.coding-approval-card>div:last-child{display:flex}.coding-card-list>article,.coding-artifact-row{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-subtle);color:var(--color-text-primary)}.coding-card-list header{display:flex;align-items:center;gap:var(--space-2)}.coding-card-list header strong{min-width:0;flex:1}.coding-card-list p{margin:0;color:var(--color-text-secondary)}.coding-artifact-row{width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-align:left;cursor:pointer}.coding-artifact-row:hover{border-color:var(--color-accent-border);background:var(--color-glass-hover)}.coding-artifact-row span{display:grid;gap:var(--space-1)}.coding-artifact-row small{color:var(--color-text-muted)}.coding-empty{min-height:280px;display:grid;place-content:center;justify-items:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center}.coding-empty h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.coding-empty p{max-width:42ch;margin:0}.coding-composer{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);background:linear-gradient(180deg,transparent,var(--color-background-canvas) 24%)}.coding-composer textarea{min-height:68px;max-height:var(--layout-composer-max-height);resize:vertical;padding:var(--space-3) var(--space-4)}.coding-composer button{min-width:108px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(max-width:900px){.coding-header{align-items:flex-start}.coding-header-actions{flex-wrap:wrap;justify-content:flex-end}.coding-body{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:720px){.coding-header{min-height:76px;padding:var(--space-3) var(--space-4)}.coding-header-actions .secondary-btn,.coding-connection{display:none}.coding-body{display:flex;flex-direction:column}.coding-session-rail{max-height:190px;border-right:0;border-bottom:1px solid var(--color-glass-border-soft)}.coding-session-list{display:flex;overflow-x:auto}.coding-session-list>button{min-width:180px}.coding-panel{padding:var(--space-3)}.coding-tabs{padding:var(--space-2)}.coding-message{max-width:96%}.coding-tool-card,.coding-approval-card{grid-template-columns:auto minmax(0,1fr)}.coding-tool-card>span,.coding-approval-card>span,.coding-approval-card>div:last-child{grid-column:2}.coding-composer{padding:var(--space-2)}.coding-composer button{min-width:var(--size-target-min)}}@media(max-width:720px){html:not([data-native-reference-canvas=macos]) .viewport-stage{padding:0}html:not([data-native-reference-canvas=macos]) .device-frame-wrapper,html:not([data-native-reference-canvas=macos]) .device-frame-wrapper.is-simulated{width:100%;height:100%;padding:0}html:not([data-native-reference-canvas=macos]) .app-shell{border:0;border-radius:0}html:not([data-native-reference-canvas=macos]) .mobile-menu-trigger{display:grid}html:not([data-native-reference-canvas=macos]) .dev-toggle-btn{display:none}html:not([data-native-reference-canvas=macos]) .main-layout{display:block;min-height:0;padding:var(--space-2)}html:not([data-native-reference-canvas=macos]) .workspace-sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--layer-sheet);width:min(320px,calc(100vw - var(--layout-mobile-drawer-gap)));padding:var(--space-4);border-width:0 1px 0 0;border-radius:0 var(--radius-2xl) var(--radius-2xl) 0;background:var(--color-background-elevated);transform:translate(-105%);touch-action:pan-y}html:not([data-native-reference-canvas=macos]) .workspace-sidebar.is-mobile-open{transform:translate(0)}html:not([data-native-reference-canvas=macos]) .sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-sheet) - 1);display:block;border:0;background:var(--color-overlay-default)}html:not([data-native-reference-canvas=macos]) .mobile-edge-swipe{position:fixed;inset:0 auto 0 0;z-index:var(--layer-card);width:20px;display:block;touch-action:pan-y}html:not([data-native-reference-canvas=macos]) .workspace-stage{width:100%;height:100%;border-radius:var(--radius-xl)}html:not([data-native-reference-canvas=macos]) .workspace-header{min-height:76px;padding:var(--space-4) var(--space-5)}html:not([data-native-reference-canvas=macos]) .projects-header{min-height:76px;padding:var(--space-4) var(--space-5)}html:not([data-native-reference-canvas=macos]) .projects-content{padding:var(--space-4)}html:not([data-native-reference-canvas=macos]) .projects-collection.is-grid{grid-template-columns:1fr}html:not([data-native-reference-canvas=macos]) .projects-sort-menu{position:fixed;inset:84px var(--space-4) auto;width:auto}html:not([data-native-reference-canvas=macos]) .workspace-title{font-size:var(--font-size-lg)}html:not([data-native-reference-canvas=macos]) .chat-history{padding:var(--space-4)}html:not([data-native-reference-canvas=macos]) .chat-composer{padding:var(--space-3) var(--space-4)}html:not([data-native-reference-canvas=macos]) .message-row{max-width:96%}html:not([data-native-reference-canvas=macos]) .system-grid{grid-template-columns:1fr}html:not([data-native-reference-canvas=macos]) .error-notice{margin:var(--space-2) var(--space-4) 0}html:not([data-native-reference-canvas=macos]) .settings-glass-menu{left:var(--space-3);bottom:128px}html:not([data-native-reference-canvas=macos]) .modal-layer.has-settings-modal{place-items:end center;padding:var(--space-2) 0 0}html:not([data-native-reference-canvas=macos]) .glass-modal.is-settings-modal{width:100%;max-height:calc(100dvh - var(--space-2));border-radius:var(--radius-xl) var(--radius-xl) 0 0}html:not([data-native-reference-canvas=macos]) .glass-modal.is-settings-modal>header{position:absolute;top:var(--space-5);right:var(--space-3);z-index:12;min-height:40px;padding:0;border:0}html:not([data-native-reference-canvas=macos]) .glass-modal.is-settings-modal>header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html:not([data-native-reference-canvas=macos]) .glass-modal.is-settings-modal .modal-content{display:flex;flex-direction:column}html:not([data-native-reference-canvas=macos]) .settings-mobile-sheet-heading{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) 56px var(--space-2)}html:not([data-native-reference-canvas=macos]) .settings-sheet-handle{width:42px;height:5px;border-radius:var(--radius-full);background:var(--color-text-muted);opacity:.7}html:not([data-native-reference-canvas=macos]) .settings-mobile-sheet-heading strong{font-size:var(--font-size-lg)}html:not([data-native-reference-canvas=macos]) .settings-tab-viewport{padding-bottom:var(--space-3)}html:not([data-native-reference-canvas=macos]) .settings-tab-viewport .mockup-stack{gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-4)}html:not([data-native-reference-canvas=macos]) .settings-card-group{gap:var(--space-2);margin-top:var(--space-1)}html:not([data-native-reference-canvas=macos]) .settings-card-group h3{font-size:var(--font-size-base)}html:not([data-native-reference-canvas=macos]) .storage-grid.is-four-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}html:not([data-native-reference-canvas=macos]) .storage-card{gap:var(--space-2);padding:var(--space-2)}html:not([data-native-reference-canvas=macos]) .storage-card-icon{width:34px;height:34px}html:not([data-native-reference-canvas=macos]) .storage-card small{font-size:var(--font-size-micro);line-height:var(--line-height-normal)}html:not([data-native-reference-canvas=macos]) .profile-form-grid{grid-template-columns:1fr}html:not([data-native-reference-canvas=macos]) .settings-context-dock{justify-content:stretch;margin:0 var(--space-4)}html:not([data-native-reference-canvas=macos]) .dock-tab{min-width:0;flex:1;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--font-size-xs)}html:not([data-native-reference-canvas=macos]) .server-settings-view,html:not([data-native-reference-canvas=macos]) .server-child-view{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-5)}html:not([data-native-reference-canvas=macos]) .server-child-view{padding-top:0}html:not([data-native-reference-canvas=macos]) .server-child-view .server-back-button{margin-left:calc(var(--space-2) * -1)}html:not([data-native-reference-canvas=macos]) .network-map{min-height:170px}html:not([data-native-reference-canvas=macos]) .network-node.is-client{top:54px}html:not([data-native-reference-canvas=macos]) .network-node.is-coordinator{top:26px}html:not([data-native-reference-canvas=macos]) .network-node.worker-1,html:not([data-native-reference-canvas=macos]) .network-node.worker-2{top:104px}html:not([data-native-reference-canvas=macos]) .node-host-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:not([data-native-reference-canvas=macos]) .server-connection-card form{flex-direction:column}html:not([data-native-reference-canvas=macos]) .server-connection-card input{min-width:0;width:100%}}.spin{animation:spin 1s linear infinite}@keyframes fade-in{0%{transform:translateY(var(--space-2))}to{transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}