:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,ui-sans-serif,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:transparent;font-synthesis:none;--sidebar:#202020;--chrome:#282828;--surface:#171717;--surface-2:#1d1d1d;--surface-3:#292929;--line:#343434;--muted:#9b9b9b;--accent:#4d81ef;--logo-tile:#1c1c1c;--logo-ring:#3a3a3a;--logo-mark:#4d81ef;--accent-text:#a1bfff;--accent-surface:rgba(77,129,239,.18);--accent-on-solid:#fff;--focus:var(--accent);--text:#e2e2e2;--text-strong:#f5f5f5;--text-secondary:#c5c5c5;--text-muted:#aaa;--text-faint:#858585;--text-on-solid:#202020;--surface-inset:#181818;--control:#303030;--control-hover:#3c3c3c;--control-active:#555;--line-strong:#555;--solid:#ededed;--badge:#b7b7b7;--panel-translucent:rgba(28,28,28,.96);--pressed-bg:var(--control-hover);--pressed-text:var(--text-strong);--float-bg:var(--panel-translucent);--composer-bg:color-mix(in srgb,var(--control) 88%,transparent);--composer-blur:blur(16px) saturate(160%);--float-line:var(--line);--float-radius:12px;--float-shadow:0 12px 32px rgba(0,0,0,.36),0 2px 6px rgba(0,0,0,.24);--float-blur:blur(18px);--dialog-radius:16px;--dialog-shadow:0 24px 64px rgba(0,0,0,.5);--scrim:rgba(0,0,0,.45);--field:var(--control);--panel-border:rgba(255,255,255,.16);--panel-hover:rgba(255,255,255,.08);--panel-selected:rgba(255,255,255,.12);--warning:#e5c18d;--warning-muted:#bda581;--warning-surface:#352d21;--full-access:#ee8b50;--danger:#e89588;--danger-surface:#42282d;--success:#75d4b4;--success-surface:#244b42;--link:#b8cdf0;--green:#69c56d;--rail-width:45px;--glass-bg:rgba(44,44,46,.58);--glass-strong:rgba(36,36,38,.78);--glass-border:rgba(255,255,255,.14);--glass-shadow:0 10px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);--glass-filter:blur(20px) saturate(170%);--glass-button-bg:linear-gradient(180deg,rgba(72,72,76,.62),rgba(44,44,46,.5));--glass-button-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 1px rgba(255,255,255,.18),0 0 0 .5px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.35);--window-radius:20px;--pane-divider-width:1px}:root[data-theme=light]{--glass-bg:var(--float-bg);--glass-strong:var(--float-bg);--glass-border:var(--float-line);--glass-shadow:var(--float-shadow);--glass-filter:none;--glass-button-bg:var(--float-bg);--glass-button-shadow:inset 0 0 0 1px var(--float-line),var(--float-shadow);--logo-tile:#ffffff;--logo-ring:#d5d8de;--logo-mark:#3b6fe0;color-scheme:light;--sidebar:#ebf0f3;--chrome:#f3f3f3;--surface:#fff;--surface-2:#fafafa;--surface-3:#f3f3f3;--surface-inset:#fff;--control:#f2f2f2;--control-hover:#e9e9e9;--control-active:#dfdfdf;--line:#e5e5e5;--line-strong:#d4d4d4;--accent-text:#285ab5;--accent-surface:rgba(77,129,239,.12);--focus:var(--accent);--text:#1a1a1a;--text-strong:#0d0d0d;--text-secondary:#3d3d3d;--text-muted:#5e5e5e;--text-faint:#767676;--muted:#5e5e5e;--text-on-solid:#fff;--solid:#242424;--badge:#5f5f5f;--panel-translucent:rgba(255,255,255,.96);--panel-border:rgba(0,0,0,.1);--float-bg:#fff;--composer-bg:rgba(255,255,255,.84);--float-shadow:0 1px 2px rgba(0,0,0,.05),0 2px 8px rgba(0,0,0,.04);--float-blur:none;--dialog-shadow:0 2px 6px rgba(0,0,0,.05),0 16px 40px rgba(0,0,0,.1);--scrim:rgba(0,0,0,.2);--field:#fff;--panel-hover:rgba(0,0,0,.04);--panel-selected:rgba(0,0,0,.07);--warning:#88590d;--warning-muted:#826321;--warning-surface:#fff5dc;--full-access:#a14b13;--danger:#b33e31;--danger-surface:#fff0ee;--success:#166d50;--success-surface:#e2f3eb;--link:#275da6}*{box-sizing:border-box}#root,body,html{width:100%;height:100%;margin:0;overflow:hidden;background:transparent;font-size:14px}#root{padding:0}body{font-size:14px}html{text-size-adjust:100%}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}select{color-scheme:inherit}select optgroup,select option{color:var(--text);background:var(--surface-3)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}[popover]{color:var(--text);background:var(--float-bg);border-color:var(--line)}[role=separator]:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}[hidden]{display:none!important}.app-shell{width:100%;height:100%;min-width:0;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:40px minmax(0,1fr);border:0;border-radius:var(--window-radius);clip-path:inset(0 round var(--window-radius));overflow:hidden}.app-shell,.titlebar{background:var(--chrome)}.titlebar{grid-column:2;grid-row:1;height:40px;padding-right:7px;align-items:stretch;border-bottom:0;-webkit-user-select:none;user-select:none}.app-shell:not(.phone)>.titlebar{padding-top:6px}.titlebar.no-project{display:grid;grid-template-columns:minmax(0,1fr)}.titlebar.project-open{display:grid;grid-template-columns:minmax(0,1fr) var(--pane-divider-width) var(--studio-width)}.titlebar-project,.titlebar-studio{min-width:0;display:flex;align-items:center;justify-content:space-between}.titlebar-project{gap:6px;padding:0 8px 0 10px;background:var(--chrome)}.titlebar-seam{background:var(--line)}.titlebar-studio{padding:0 10px 0 8px;gap:8px;background:var(--chrome)}.studio-title-actions,.workspace-tabs{min-width:0;display:flex;align-items:center;gap:7px}.workspace-tabs{flex:1 1;overflow:hidden}.workspace-tab,.workspace-tab-add{height:31px;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--text-muted)}.workspace-tab{max-width:min(240px,100%);padding:0 9px;display:flex;align-items:center;gap:7px}.workspace-tab.active{color:var(--accent-text);background:var(--accent-surface);box-shadow:inset 0 0 0 1px var(--line)}.workspace-tab svg{flex:0 0 auto;color:var(--text-muted)}.workspace-tab span,.workspace-tab strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.workspace-tab strong{font-size:13px;font-weight:600}.workspace-tab span{color:var(--text-faint);font-size:10px}.workspace-tab-add{width:28px;display:grid;place-items:center;color:var(--text-muted)}.workspace-tab-add:hover{color:var(--text-strong);background:var(--control-hover)}.studio-title-actions{flex:0 0 auto;justify-content:flex-end}.studio-title-actions>i{width:6px;height:6px;flex:0 0 auto;border-radius:50%}.studio-title-actions>small{color:var(--text-faint);font-size:10px}.studio-title-actions>button{height:27px;padding:0 7px;display:flex;align-items:center;gap:4px;border:0;border-radius:6px;color:var(--text-muted);background:transparent;font-size:11px}.studio-title-actions>button:hover{color:var(--text);background:var(--control-hover)}.studio-title-actions>button:not(:first-of-type){width:27px;padding:0;display:grid;place-items:center}.metal-logo{width:28px;height:28px;flex:0 0 auto;display:inline-grid;place-items:center}.metal-logo svg{width:100%;height:100%}.metal-logo .logo-tile{fill:var(--logo-tile,#1c1c1c);stroke:var(--logo-ring,#3a3a3a);stroke-width:1.5}.metal-logo .logo-mark{stroke:var(--logo-mark,#4d81ef);fill:none}.metal-logo.large{width:54px;height:54px}.workspace-account{position:relative;flex-shrink:0}.workspace-account>summary{width:30px;height:30px;display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface-3)}.workspace-account>summary::-webkit-details-marker{display:none}.workspace-account>summary:hover,.workspace-account[open]>summary{background:var(--control-hover)}.workspace-account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(272px,calc(100vw - 24px));padding:8px;border:1px solid var(--float-line);border-radius:var(--float-radius);color:var(--text);background:var(--float-bg);box-shadow:var(--float-shadow)}.account-heading{padding:8px 10px 12px;margin-bottom:5px;display:grid;gap:4px;border-bottom:1px solid var(--line)}.account-heading strong{font-size:13px;font-weight:600}.account-heading small,.account-note{color:var(--text-muted);font-size:11px}.workspace-account-menu button{border:0;background:transparent;width:100%;height:36px;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;gap:9px;border-radius:8px;color:var(--text);font-size:13px}.workspace-account-menu button:hover:not(:disabled){background:var(--control)}.account-theme-label{padding:12px 10px 7px;color:var(--text-muted);font-size:12px}.account-theme-options{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3)}.account-theme-options button{flex:1 1;justify-content:center}.account-theme-options button[aria-checked=true]{color:var(--accent-text);background:var(--accent-surface)}.workspace-account-menu .account-logout{margin-top:8px;color:var(--text-muted)}.account-note{padding:0 10px 8px;display:block;font-size:10px;line-height:1.5}.app-body{display:contents}.app-body>.navigation-rail{grid-column:1;grid-row:1/3}.workspace-surface{grid-column:2;grid-row:2;min-width:0;min-height:0;margin:6px;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.project-sidebar{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 8px 9px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line)}.sidebar-brand{height:48px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 10px;font-size:21px}.sidebar-brand strong{font-weight:600;letter-spacing:-.03em}.sidebar-brand button{width:28px;height:28px;flex-shrink:0;padding:0;display:grid;place-items:center;border:0;border-radius:6px;color:var(--text-muted);background:transparent}.sidebar-brand button:hover{color:var(--text-strong);background:var(--control)}.sidebar-section-title{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:13px}.sidebar-section-title button{border:0;background:transparent;color:var(--text-muted)}.file-search{height:29px;margin:0 3px 6px;padding:0 8px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;color:var(--text-faint);background:var(--field)}.file-search input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.file-search input::placeholder{color:var(--text-faint)}.file-tree{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.file-search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-surface)}.file-empty{padding:24px 10px;display:grid;justify-items:center;gap:10px;color:var(--muted);text-align:center;font-size:12px}.file-empty strong{font-weight:500}.file-empty button{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.file-row{width:100%;height:27px;padding-right:7px;display:flex;align-items:center;gap:6px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);text-align:left;font-size:12px}.file-row:not(:disabled):hover{color:var(--text-strong);background:var(--control-hover)}.file-row.active{color:var(--accent-text);background:var(--accent-surface)}.file-row:disabled{opacity:1;cursor:default}.file-row.directory{color:var(--text-secondary)}.file-row.cad svg{color:inherit}.file-row span:not(.tree-indent){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{margin-left:auto;color:var(--text-faint);font-size:10px}.tree-indent{width:12px;flex:0 0 auto}.welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:24px 0 0}.welcome-actions button{height:38px;padding:0 15px;display:flex;align-items:center;gap:8px;border-radius:8px;font-size:13px}.primary-action{border:1px solid var(--solid);color:var(--text-on-solid)}.primary-action,.primary-action:hover{background:var(--solid)}.secondary-action{border:1px solid var(--line);background:var(--surface-3)}.secondary-action:hover{background:var(--control)}.project-stage{background:var(--surface-inset)}.project-stage,.workbench{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.workbench{height:100%;grid-template-columns:minmax(320px,1fr) var(--pane-divider-width) var(--studio-width)}.workbench.workspace-focused{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.workspace-chat{min-width:0;min-height:0;overflow:hidden}.workbench.compact:not(.workspace-focused){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,42%) minmax(0,1fr)}.workbench.compact:not(.workspace-focused) .workspace-chat{border-bottom:1px solid var(--line)}.app-shell.workspace-focused .titlebar.project-open{grid-template-columns:minmax(180px,1fr) var(--pane-divider-width) minmax(0,2fr)}.floating-chat-panel{position:absolute;right:18px;bottom:64px;z-index:20;width:min(410px,calc(100% - 36px));height:min(540px,calc(100% - 84px));overflow:hidden;border:1px solid var(--float-line);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);background:var(--float-bg);animation:rise .16s ease-out}.floating-chat-panel .chat-pane{height:100%;border-radius:inherit}.floating-chat-panel .chat-composer{min-height:82px}.chat-bubble{position:absolute;right:18px;bottom:16px;z-index:21;height:35px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--float-line);border-radius:999px;color:var(--text-strong);background:var(--control);box-shadow:var(--float-shadow);font-size:10px}.chat-bubble:hover{background:var(--control-hover)}.chat-bubble.open{border-color:var(--line-strong);color:var(--text-secondary);background:var(--surface-3)}.pane-resizer{position:relative;z-index:4;cursor:col-resize;background:var(--line);transition:background .12s ease;touch-action:none}.is-resizing .pane-resizer,.pane-resizer:focus-visible,.pane-resizer:hover{background:var(--badge)}.pane-resizer span{position:absolute;inset:0 -5px}.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.is-resizing iframe{pointer-events:none}@keyframes pulse{to{opacity:.35;transform:translateY(-1px)}}@keyframes rise{0%{opacity:0;transform:translateY(3px)}}@keyframes cad-tool-enter{0%{opacity:0;transform:translateX(8px) scale(.985)}}.workbench.workspace-focused .floating-chat-panel{bottom:88px;height:min(540px,calc(100% - 108px))}.workbench.workspace-focused .chat-bubble{bottom:27px}.studio-frame-wrap .selection-overlay,.studio-frame-wrap .style-preview-overlay{bottom:58px}@media (max-width:1180px){.studio-title-actions>small,.workspace-tab span{display:none}}@media (max-width:720px){.studio-title-actions>i,.studio-title-actions>small{display:none}.floating-chat-panel{right:10px;width:calc(100% - 20px)}}@media (max-width:480px){.workspace-tab{padding-inline:6px;gap:4px}.workspace-tab-add{width:24px}.titlebar-studio{padding-inline:4px;gap:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.project-contents{min-height:0;flex:0 0 auto;display:flex;flex-direction:column}.project-root .project-root-toggle{width:auto;min-width:0;height:38px;flex:1 1;padding:0 6px;display:flex;align-items:center;gap:7px;color:var(--text);text-align:left}.project-root-toggle>svg{flex-shrink:0}.project-root-toggle strong{text-align:left}@media (pointer:coarse){body,html{background:var(--surface)}:is(.app-shell,.home-page,.login-page,.invite-page){padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.cad-pane{min-width:0;display:grid;grid-template-rows:38px 38px minmax(0,1fr) 25px;border-right:1px solid var(--line);background:var(--surface-inset)}.pane-tabbar{padding:0 8px;border-bottom:1px solid var(--line);background:var(--surface-2)}.active-tab,.pane-tabbar{display:flex;align-items:center}.active-tab{height:29px;min-width:150px;max-width:300px;padding:0 10px;gap:7px;border-radius:7px;color:var(--text);background:var(--surface-3);font-size:10px}.active-tab span{min-width:0;flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pane-tabbar>button{width:28px;height:28px;border:0;background:transparent;color:var(--text-faint)}.pane-spacer{flex:1 1}.runtime-state{display:flex;align-items:center;gap:6px;padding-right:5px;color:var(--text-muted);font-size:8px}.runtime-state i{width:6px;height:6px;border-radius:50%}.online{background:var(--green);box-shadow:0 0 6px var(--green)}.offline{background:#cc5c66}.cad-toolbar{gap:2px;border-bottom:1px solid var(--line);background:var(--surface-2)}.cad-toolbar,.cad-toolbar button{display:flex;align-items:center;padding:0 8px}.cad-toolbar button{height:28px;gap:5px;border:0;border-radius:5px;color:var(--text-muted);background:transparent;font-size:8px}.cad-toolbar button.active,.cad-toolbar button:hover{color:var(--text-strong);background:var(--control)}.cad-toolbar>div{flex:1 1}.cad-toolbar>span{color:var(--text-faint);font-size:8px}.cad-viewport{position:relative;min-height:0;overflow:hidden;background:#101317}.drawing-canvas{width:100%;height:100%;display:block}.empty-cad{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center}.empty-cad>div{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--text-muted);background:var(--surface-3)}.empty-cad strong{margin-top:13px;font-size:12px}.empty-cad p{margin:6px 0 13px;color:var(--text-faint);font-size:9px}.empty-cad button{height:29px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-3);font-size:9px}.entity{fill:none;stroke:#8998a8;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:.14s ease}.entity.selected,.entity:hover{stroke:white;stroke-width:3;filter:url(#glow)}.entity.partial{stroke:#dca457;stroke-dasharray:7 5}.layer-a-wall{stroke:#7187a0}.layer-m-pipe{stroke:#64bd7d;stroke-width:4}.layer-m-equip{stroke:#df8750;stroke-width:3}.layer-a-anno-text{fill:#92a4b9;stroke:none;font-size:12px;letter-spacing:.12em}.layer-a-anno-dims{stroke:#d9a657}.drawing-labels text{fill:#5f6c7a;font-size:9px;letter-spacing:.15em}.cad-evidence{position:absolute;left:12px;top:12px;height:25px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid var(--float-line);border-radius:6px;color:var(--text-muted);background:var(--float-bg);font-size:8px;-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur)}.cad-evidence svg{color:#6ec576}.canvas-tools{position:absolute;right:12px;top:12px;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel-translucent)}.canvas-tools button{width:30px;height:30px;display:grid;place-items:center;border:0;border-bottom:1px solid var(--line);color:var(--text-muted);background:transparent}.canvas-tools button:last-child{border-bottom:0}.cad-status{display:flex;align-items:center;gap:13px;padding:0 9px;border-top:1px solid var(--line);color:var(--text-faint);background:var(--surface-2);font-size:7px}.cad-status div{flex:1 1}.cad-status span:first-child{color:var(--text-muted)}.style-workbench{margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-3)}.style-workbench summary{height:auto;padding:0 10px;display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:var(--text-secondary);font-size:12px;min-height:38px}.style-workbench summary::-webkit-details-marker{display:none}.style-workbench summary svg{color:var(--text-muted)}.style-workbench summary span{margin-left:auto;color:var(--text-faint);font-size:10px}.style-body{padding:9px;border-top:1px solid var(--line)}.style-hint{margin:0 0 8px;color:var(--text-faint);font-size:10px;line-height:1.4}.style-entities{max-height:106px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.style-entities button{min-width:0;min-height:31px;padding:4px 6px;display:grid;grid-template-columns:auto 1fr;gap:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--text-muted);background:var(--surface-3);text-align:left;font-size:10px}.style-entities button.selected{border-color:var(--line-strong);color:var(--text-strong);background:var(--control)}.style-entities button>span{color:var(--text-muted)}.style-entities button small{grid-column:1/-1;overflow:hidden;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.style-actions{margin-top:8px;display:flex;gap:5px}.style-actions button{min-width:0;height:auto;padding:0 7px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:5px;color:var(--text-secondary);background:var(--surface-3);font-size:10px;min-height:30px}.style-actions button:hover:not(:disabled){border-color:var(--line-strong);background:var(--control-hover)}.style-actions button:disabled{opacity:.35}.style-library{margin-top:9px;display:grid;gap:4px}.style-library>strong{color:var(--text-muted);font-size:8px;font-weight:600}.style-library button{min-width:0;min-height:31px;padding:5px 6px;display:grid;grid-template-columns:14px minmax(0,1fr);gap:1px 5px;align-items:center;border:1px solid var(--line);border-radius:6px;color:var(--text-muted);background:var(--surface-3);text-align:left}.style-library button.active,.style-library button:hover{border-color:var(--line-strong);color:var(--text-strong);background:var(--control)}.style-library button svg{grid-row:1/3;color:var(--text-muted)}.style-library button small,.style-library button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-library button span{font-size:8px}.style-library button small{color:var(--text-faint);font-size:7px}.style-result{margin-top:7px;padding:7px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-3);font-size:10px}.style-result span,.style-result strong{color:var(--text-muted)}.style-result span{min-width:0}.style-result small{grid-column:1/-1;color:var(--text-faint);font-size:9px}.style-result.advisory{border-color:var(--line-strong)}.style-result.plan{border-color:var(--warning)}.studio-pane{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);background:var(--surface-inset)}.studio-frame-wrap{container-type:size;position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-2)}.studio-frame-wrap iframe{width:100%;height:100%;border:0}.studio-frame-wrap iframe,.studio-loading{position:absolute;inset:0;background:var(--surface-2)}.studio-loading{z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--text-muted);font-size:12px}.drawing-style-tool .style-entities{max-height:180px}.drawing-style-tool .style-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.drawing-style-tool .style-actions button{padding:4px 6px;justify-content:center;line-height:1.2}.style-memory-tool .style-library{margin-top:0;max-height:470px;overflow:auto}.style-memory-tool .style-library button{min-height:42px;padding:7px 8px}.review-tool-panel .review-composer{margin-top:9px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-3)}.review-tool-panel .review-composer textarea{height:82px;resize:none;font-size:11px}.review-tool-panel .review-thread-list{max-height:390px;margin-top:10px;display:grid;gap:6px;overflow:auto}.review-tool-panel .review-thread-list article{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3)}.review-tool-panel .review-thread-list article.active{border-color:var(--warning);background:var(--warning-surface);box-shadow:inset 3px 0 var(--warning)}.review-tool-panel .review-thread-list article header{display:flex;align-items:center}.review-tool-panel .review-thread-list article header span{color:var(--warning);font-size:9px;text-transform:uppercase}.review-tool-panel .review-thread-list article header small{margin-left:auto;color:var(--text-faint);font-size:8px}.review-tool-panel .review-thread-list article p{margin:6px 0;color:var(--text-secondary);font-size:11px;line-height:1.45}.review-tool-panel .review-thread-list article footer{color:var(--text-faint);font-size:8px}.studio-frame-wrap .selection-overlay,.studio-frame-wrap .style-preview-overlay{right:62px}.selection-overlay{position:absolute;right:16px;bottom:16px;z-index:3;width:min(310px,calc(100% - 32px));min-height:66px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:10px;border:1px solid var(--float-line);border-radius:var(--float-radius);color:var(--text-strong);background:var(--float-bg);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);pointer-events:none;animation:rise .18s ease-out}.selection-overlay-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--text-secondary);background:var(--panel-selected)}.selection-overlay small,.selection-overlay span,.selection-overlay strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-overlay strong{font-size:12px;font-weight:650}.selection-overlay span{margin-top:3px;color:var(--text-muted);font-size:10px}.selection-overlay small{margin-top:2px;color:var(--text-faint);font-size:9px}.selection-overlay>i{width:7px;height:7px;border-radius:50%}.selection-overlay.pending>i{background:#e6a545;box-shadow:0 0 8px rgba(230,165,69,.6)}.selection-overlay.synchronized>i{background:var(--green);box-shadow:0 0 8px rgba(105,197,109,.65)}.style-preview-overlay{position:absolute;right:15px;bottom:15px;z-index:7;width:min(290px,calc(100% - 30px));padding:9px;border:1px solid var(--float-line);border-radius:var(--float-radius);color:var(--text);background:var(--float-bg);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur)}.style-preview-overlay.confirmed{border-color:rgba(93,191,116,.55);background:var(--success-surface)}.style-preview-overlay.stale{border-color:rgba(217,149,81,.58);background:var(--warning-surface)}.style-preview-overlay header{display:flex;align-items:center;gap:6px}.style-preview-overlay header svg{color:var(--text-muted)}.style-preview-overlay header strong{font-size:10px}.style-preview-overlay header button{width:21px;height:21px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:4px;color:var(--text-muted);background:transparent}.style-preview-overlay p{margin:7px 0 3px;color:var(--text-secondary);font-size:9px}.style-preview-overlay small{color:var(--text-muted);font-size:8px}.style-preview-overlay footer{margin-top:8px;display:flex;justify-content:flex-end;gap:5px}.style-preview-overlay footer button{height:25px;padding:0 8px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--control);font-size:8px}.style-preview-overlay footer .primary{border-color:var(--line-strong);color:var(--text-on-solid);background:var(--badge)}.style-preview-overlay footer .primary:disabled{opacity:.58}.context-pin-composer{padding:8px}.context-pin-composer textarea{width:100%;padding:7px 0;border:0;outline:0;color:var(--text);background:transparent}.context-pin-composer footer{display:flex;justify-content:flex-end;gap:6px}.context-pin-composer footer button{min-height:25px;padding:0 8px;border:1px solid var(--line);border-radius:6px;color:var(--text-secondary);background:var(--control)}.context-pin-composer footer button:last-child{border-color:var(--line-strong);color:var(--text-strong);background:var(--control-active)}.legacy-review-count{display:block;margin-top:9px;color:var(--text-faint);font-size:8px}.canvas-user-input-popover{position:absolute;z-index:22;left:18px;bottom:104px;width:min(480px,calc(100% - 36px));max-height:calc(100% - 128px);overflow:auto;border:1px solid var(--float-line);border-radius:var(--float-radius);box-shadow:var(--float-shadow);scrollbar-width:thin}.component-review-panel{padding:14px 16px;display:flex;flex-direction:column;background:var(--surface-3);color:var(--text-strong);font-size:12px}.canvas-user-input-popover .component-review-panel{max-height:min(440px,calc(100dvh - 190px))}.component-review-body{min-height:0;overflow:auto;scrollbar-width:thin}.component-review-controls,.component-review-footer,.component-review-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.component-review-heading{flex-shrink:0;justify-content:space-between;margin-bottom:10px}.component-review-controls small,.component-review-footer span,.component-review-heading span{color:var(--text-muted)}.component-review-groups{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.component-review-panel button{border:1px solid var(--line);background:var(--control);color:var(--text-strong);border-radius:6px;padding:7px 11px;cursor:pointer;font:inherit}.component-review-groups button{display:flex;gap:7px;align-items:center}.component-review-groups button[aria-pressed=true]{border-color:var(--success);background:var(--success-surface)}.component-review-panel button:focus-visible{outline:2px solid var(--success);outline-offset:2px}.component-review-panel button:disabled{opacity:.5;cursor:not-allowed}.component-review-panel p{color:var(--warning);white-space:normal;overflow-wrap:anywhere;margin:8px 0}.component-review-footer{flex-shrink:0;margin-top:10px}.component-review-footer span{margin-right:auto}.component-review-panel .confirm{background:#286d53;border-color:#438a70;color:#fff}.titlebar-studio{overflow:visible;position:relative;z-index:30}.workspace-app-tabs{position:relative;min-width:0;flex:1 1;display:flex;align-items:center;gap:6px}.workspace-launcher{position:relative;flex:0 0 auto}.workspace-app-tabs .workspace-tabs{flex:0 1 auto;overflow-x:auto;scrollbar-width:none;gap:5px}.workspace-tab-shell{display:flex;align-items:center;flex:0 1 auto;min-width:96px;max-width:200px;border-radius:8px}.workspace-tab-shell .workspace-tab{flex:0 1 auto;min-width:0;max-width:none}.workspace-tab-shell.active{background:var(--accent-surface)}.workspace-tab-shell .workspace-tab.active{background:transparent;box-shadow:none}.workspace-tab-shell.active .workspace-tab svg{color:var(--accent-text)}.workspace-tab-shell .workspace-tab svg{color:var(--text-secondary)}:root[data-theme=light] .workspace-tab-shell.active,:root[data-theme=light] .workspace-tab.active{color:var(--text-strong);background:var(--surface);box-shadow:0 0 0 .5px rgba(0,0,0,.05)}:root[data-theme=light] .workspace-tab-shell .workspace-tab.active{background:transparent;box-shadow:none}:root[data-theme=light] .workspace-tab-shell.active .workspace-tab svg{color:var(--text-strong)}:root[data-theme=light] .workspace-tab strong{font-weight:400}:root[data-theme=light] .titlebar :is(.file-explorer-trigger,.conversation-new,.workspace-tab-add,.workspace-tab-close,.studio-title-actions>button,.workspace-split-controls button):not(:hover,[aria-expanded=true],[aria-pressed=true]){color:#7c7c7c}.workspace-tab-close{width:24px;height:24px;margin-right:5px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-muted)}.workspace-tab-close:hover{background:var(--control-hover);color:var(--text-strong)}.workspace-app-menu{position:absolute;top:calc(100% + 9px);max-height:calc(100vh - 80px);overflow-y:auto;right:0;width:min(228px,calc(100vw - 32px));padding:6px;z-index:50;border:1px solid var(--float-line);border-radius:var(--float-radius);background:var(--float-bg);box-shadow:var(--float-shadow)}.workspace-app-menu button{width:100%;height:42px;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:14px}.workspace-app-menu button:focus-visible,.workspace-app-menu button:hover{outline:none;background:var(--control-hover)}.workspace-app-content{position:relative;min-width:0;min-height:0;overflow:hidden}.workspace-app-panel{position:absolute;inset:0;visibility:hidden;pointer-events:none}.workspace-app-panel.active,.workspace-app-panel.split-secondary{visibility:visible;pointer-events:auto}.workspace-app-content.split-row>.workspace-app-panel.split-first{right:calc(100% - var(--split-size))}.workspace-app-content.split-row>.workspace-app-panel.split-second{left:var(--split-size)}.workspace-app-content.split-column>.workspace-app-panel.split-first{bottom:calc(100% - var(--split-size))}.workspace-app-content.split-column>.workspace-app-panel.split-second{top:var(--split-size)}.split-resizer{position:absolute;z-index:4;background:var(--line);transition:background .12s ease;touch-action:none}.is-resizing .split-resizer,.split-resizer:focus-visible,.split-resizer:hover{background:var(--badge);outline:none}.split-resizer span{position:absolute}.split-resizer.row{top:0;bottom:0;left:var(--split-size);width:1px;cursor:col-resize}.split-resizer.row span{inset:0 -5px}.split-resizer.column{left:0;right:0;top:var(--split-size);height:1px;cursor:row-resize}.split-resizer.column span{inset:-5px 0}.is-resizing.is-resizing-rows{cursor:row-resize}.workspace-split-controls{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:2px}.workspace-split-controls button{width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-muted)}.workspace-split-controls button:hover{background:var(--control-hover);color:var(--text-strong)}.workspace-split-controls button[aria-pressed=true]{background:var(--pressed-bg);color:var(--pressed-text)}.workspace-tab-shell.split{box-shadow:inset 0 0 0 1px var(--line-strong)}.workspace-app-panel>.studio-pane{height:100%}.browser-pane{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface-inset)}.browser-toolbar{min-width:0;height:48px;flex-shrink:0;padding:7px 10px;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.browser-toolbar>button{height:30px;min-width:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}.browser-toolbar>button:hover:not(:disabled){background:var(--control);color:var(--text-strong)}.browser-toolbar>button:disabled{opacity:.35}.browser-address{min-width:0;flex:1 1;display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--text-muted);background:var(--surface-3)}.browser-address:focus-within{border-color:var(--line-strong)}.browser-address input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.browser-toolbar .browser-go{font-size:12px}.browser-error,.browser-preview-note{padding:9px 14px;flex-shrink:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.browser-error{color:var(--danger);background:var(--surface-3)}.browser-preview-note{color:var(--text-muted);background:var(--surface-3)}.browser-viewport{position:relative;min-height:0;flex:1 1;margin:0 8px 8px}.browser-viewport iframe{width:100%;height:100%;border:0;background:var(--solid)}.browser-start{height:100%;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.browser-start h2{margin:18px 0 5px;color:var(--text-strong);font-size:22px;font-weight:500}.browser-start p{margin:5px 0 20px;font-size:13px}.browser-start button{padding:9px 14px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface-3);font-size:12px}.workbench.chat-only{position:relative;grid-template-columns:minmax(0,1fr)}.workbench.chat-only>.workspace-app-content{position:absolute;inset:0;visibility:hidden;pointer-events:none}.workbench.chat-only :is(.chat-user-input-slot,.chat-clarification-dock){width:calc(100% - 40px);max-width:720px;margin:0 auto 10px}.app-shell.chat-only .titlebar.project-open{grid-template-columns:minmax(0,1fr) var(--pane-divider-width) auto}@media (max-width:1100px){.app-shell.chat-only .titlebar.project-open{grid-template-columns:minmax(0,1fr)}}.app-shell .titlebar.project-open.no-apps{grid-template-columns:minmax(0,1fr) auto}.app-shell .titlebar.project-open.no-apps .titlebar-project{display:flex}.project-load-error,.project-load-status{margin:0;padding:8px 20px;color:var(--text-muted);font-size:12px;flex-shrink:0}.project-load-error{color:var(--danger)}.workspace-app-panel.studio-rendering{visibility:visible;z-index:0}.workbench.chat-only:has(.studio-rendering)>.workspace-chat{position:relative;z-index:1;background:var(--surface-inset)}.workbench.chat-only:has(.studio-rendering)>.workspace-app-content{visibility:visible;z-index:0}.project-stage{display:flex;flex-direction:column}.project-stage>.workbench{flex:1 1;height:auto}.workspace-file-explorer{flex:0 0 auto}.file-explorer-trigger{width:32px;height:31px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;color:var(--text-muted);background:transparent}.file-explorer-trigger:hover{color:var(--text-strong);background:var(--control-hover)}.file-explorer-trigger[aria-expanded=true]{color:var(--pressed-text);background:var(--pressed-bg)}.file-explorer-popover{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 16px));padding:8px;box-sizing:border-box;overflow:hidden;border:1px solid var(--float-line);border-radius:var(--float-radius);background:var(--float-bg);color:var(--text);box-shadow:var(--float-shadow)}.file-explorer-popover:popover-open{display:flex;flex-direction:column;gap:8px}.file-explorer-header{display:flex;align-items:center;gap:4px;padding:2px 4px 6px;border-bottom:1px solid var(--line)}.file-explorer-header strong{flex:1 1;font-size:13px;font-weight:600}.file-explorer-header button{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}.file-explorer-header button:hover:not(:disabled){background:var(--control-hover);color:var(--text-strong)}.file-explorer-project{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--text-secondary)}.file-explorer-project select{min-width:0;flex:1 1;height:30px;padding:0 6px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--field);font-size:12px}.file-explorer-popover .file-search{min-height:30px;margin-bottom:0}.file-explorer-popover .file-tree{max-height:420px;overscroll-behavior:contain}.file-explorer-popover>:not(.file-tree){flex-shrink:0}.file-explorer-popover footer{padding:7px 6px 2px;border-top:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:10px}.app-shell.phone{grid-template-rows:56px minmax(0,1fr) var(--tabbar-height,0);background:var(--surface)}.app-shell.phone .workspace-surface{margin:0;border:0;border-radius:0}.app-shell.phone .workbench.workspace-focused .floating-chat-panel{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;animation:none}.phone-header{height:56px;padding:0 10px;display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,max-content) minmax(88px,1fr);align-items:center;gap:8px;border-bottom:1px solid var(--line);background:var(--surface)}.phone-header-side{min-width:0;display:flex;align-items:center;gap:8px}.phone-header-side:last-child{justify-content:flex-end}.phone-header-title{min-width:0;display:grid;justify-items:center;gap:1px;text-align:center}.phone-header-title small,.phone-header-title strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-header-title strong{color:var(--text-strong);font-size:15px;font-weight:600;line-height:1.25}.phone-header-title small{color:var(--text-muted);font-size:12px;line-height:1.25}.phone-header.titlebar .conversation-bar{margin:0;padding:0;border:0}.phone-header :is(.conversation-menu>summary,.file-explorer-trigger,.phone-header-button,.phone-header-working),.phone-home-header .phone-header-button{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--text-secondary);background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.08)}.phone-header .conversation-list{left:0;right:auto}.phone-header .conversation-menu[open]>summary,.phone-header .file-explorer-trigger[aria-expanded=true]{color:var(--pressed-text);background:var(--pressed-bg)}.phone-header-working{position:relative}.phone-header-working:after{content:"";width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:phone-header-spin .9s linear infinite}@keyframes phone-header-spin{to{transform:rotate(1turn)}}.conversation-recents{margin:0;padding:0;display:grid;gap:2px;list-style:none}.conversation-recents button{width:100%;min-height:52px;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;color:var(--text);background:transparent;font:inherit;font-size:15px;text-align:left}.conversation-recents button>span{min-width:0;flex:1 1;display:grid;gap:1px}.conversation-recents button :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-recents button strong{font-weight:400}.conversation-recents button small{color:var(--text-muted);font-size:12px}.conversation-recents button[aria-current=true]{color:var(--text-strong);background:var(--control)}.conversation-recents button:disabled{opacity:.5}.conversation-recents-working{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:phone-header-spin .9s linear infinite}.conversation-recents-empty{margin:0 12px;color:var(--text-muted);font-size:13px;line-height:1.5}.phone-pane-menu{position:relative}.phone-pane-menu>summary{list-style:none;cursor:pointer}.phone-pane-menu>summary::-webkit-details-marker{display:none}.phone-pane-menu[open]>summary{color:var(--pressed-text);background:var(--pressed-bg)}.phone-pane-list{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:220px;padding:6px;display:grid;gap:2px;border:1px solid var(--float-line);border-radius:var(--float-radius);background:var(--surface);box-shadow:var(--float-shadow)}.phone-pane-list button{height:44px;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:10px;color:var(--text);background:transparent;font:inherit;font-size:15px;text-align:left}.phone-pane-list button>span{flex:1 1}.phone-pane-list button[aria-checked=true]{color:var(--text-strong);background:var(--control)}.phone-pane-list button>svg:last-child:not(:first-child){color:var(--accent)}.conversation-recents button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recent-menu-backdrop{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rail-fade .18s ease-out}.recent-menu-lifted{position:fixed;z-index:141;padding:0 14px;display:grid;align-content:center;gap:1px;border-radius:16px;background:var(--surface);box-shadow:var(--float-shadow);transform:scale(1.04);animation:recent-lift .2s ease-out}.recent-menu-lifted small,.recent-menu-lifted strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-menu-lifted strong{color:var(--text-strong);font-size:15px;font-weight:500}.recent-menu-lifted small{color:var(--text-muted);font-size:12px}.recent-menu{position:fixed;z-index:142;width:250px;padding:6px;border:1px solid var(--glass-border);border-radius:24px;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow);animation:recent-menu-in .2s ease-out}.recent-menu [role=menu]{display:grid}.recent-menu button{width:100%;min-height:48px;padding:0 16px;display:flex;align-items:center;gap:14px;border:0;border-radius:16px;color:var(--text);background:transparent;font:inherit;font-size:16px;text-align:left}.recent-menu button:active:not(:disabled){background:var(--control)}.recent-menu button.danger{color:var(--danger)}.recent-menu button:disabled{opacity:.45}.recent-menu hr{height:1px;margin:4px 14px;border:0;background:var(--line)}.recent-menu-form{padding:6px;display:grid;gap:8px}.recent-menu-form input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--text-strong);background:var(--surface);font:inherit;font-size:16px}.recent-menu-form p{margin:4px 6px;color:var(--text-secondary);font-size:14px;line-height:1.45}.recent-menu-form button.primary{justify-content:center;color:var(--accent-on-solid);background:var(--accent)}.recent-menu-form button.primary.danger{color:#fff;background:var(--danger)}@keyframes recent-lift{0%{transform:scale(1);box-shadow:none}}@keyframes recent-menu-in{0%{opacity:0;transform:scale(.92)}}@media (pointer:coarse){.phone-header :is(.conversation-menu>summary,.file-explorer-trigger,.phone-header-button,.phone-header-working),.phone-home-header .phone-header-button{border-color:transparent;background:var(--glass-button-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-button-shadow)}.file-explorer-popover,.phone-pane-list{border-color:var(--glass-border);background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow)}}.app-shell.phone{padding-bottom:0}.app-shell.phone #workspace-panel-drawing{padding-bottom:env(safe-area-inset-bottom)}.app-shell.phone .chat-pane{padding-bottom:max(8px,calc(env(safe-area-inset-bottom) - 12px))}.app-shell.phone{--phone-header-height:calc(56px + env(safe-area-inset-top));padding-top:0;grid-template-rows:var(--phone-header-height) minmax(0,1fr) var(--tabbar-height,0)}.app-shell.phone .phone-header{grid-row:1;position:relative;z-index:40;height:auto;padding-top:env(safe-area-inset-top);border-bottom:0;background:transparent}.app-shell.phone .phone-header:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--surface) 55%,transparent);-webkit-backdrop-filter:blur(6px) saturate(1.8);backdrop-filter:blur(6px) saturate(1.8)}.app-shell.phone .workspace-surface{grid-row:1/3}.app-shell.phone .chat-content{padding-top:var(--phone-header-height)}.app-shell.phone .workspace-app-content{margin-top:var(--phone-header-height)}.settings-dialog{width:min(640px,calc(100vw - 48px));height:min(480px,calc(100vh - 56px));padding:0;overflow:hidden;color:var(--text-strong);background:var(--float-bg);border:1px solid var(--float-line);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow)}.settings-dialog::backdrop{background:#090909b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-header{cursor:grab;touch-action:none;height:68px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--surface-3)}.settings-header>div{display:flex;align-items:center;gap:11px}.settings-header h2{margin:0;font-size:16px}.settings-header p{margin:2px 0 0;color:var(--text-muted);font-size:10px}.settings-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--text-secondary);border:1px solid var(--line);border-radius:9px;background:var(--control)}.settings-dialog button{font:inherit;cursor:pointer}.settings-close{width:31px;height:31px;display:grid;place-items:center;color:var(--text-muted);border:0;border-radius:7px;background:transparent}.settings-close:hover{color:var(--text-strong);background:var(--control-hover)}.settings-layout{height:calc(100% - 104px);display:grid;grid-template-columns:minmax(0,1fr)}.settings-content{position:relative;min-width:0;padding:24px 26px 16px;overflow:auto;background:var(--surface-3)}.settings-section+.settings-section{margin-top:26px}.settings-section-heading{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-section-heading h3{margin:0;font-size:18px;font-weight:650}.settings-section-heading p{margin:5px 0 0;color:var(--text-muted);font-size:11px;line-height:1.45}.settings-search{height:36px;margin-bottom:12px;padding:0 10px;display:flex;align-items:center;gap:8px;color:var(--text-faint);border:1px solid var(--line);border-radius:8px;background:var(--field)}.settings-search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-surface)}.settings-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.extension-list{display:grid;gap:8px}.extension-card{min-height:82px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3)}.extension-card:hover{border-color:var(--line-strong);background:var(--surface-3)}.extension-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px}.extension-icon.plugin{color:var(--text-muted);background:var(--control-hover)}.extension-icon.skill{color:var(--success);background:var(--success-surface)}.extension-copy{min-width:0}.extension-title{display:flex;align-items:center;gap:7px}.extension-title strong{color:var(--text-strong);font-size:12px}.extension-title em,.extension-title span{padding:2px 5px;color:var(--text-muted);border-radius:4px;background:var(--control-hover);font-size:8px;font-style:normal}.extension-title em{display:flex;align-items:center;gap:3px;color:var(--text-secondary);background:var(--control-hover)}.extension-copy p{margin:5px 0 4px;color:var(--text-muted);font-size:10px;line-height:1.4}.extension-copy small{display:block;overflow:hidden;color:var(--text-faint);font:8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.extension-switch{width:34px;height:19px;padding:2px;border:0;border-radius:20px;background:var(--control-active);transition:background .15s ease}.extension-switch span{width:15px;height:15px;display:block;border-radius:50%;background:var(--badge);box-shadow:0 1px 2px #0007;transition:transform .15s ease}.extension-switch.on{background:var(--accent)}.extension-switch.on span{background:var(--accent-on-solid);transform:translateX(15px)}.extension-switch:disabled{opacity:.5;cursor:not-allowed}.extension-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-note{margin:12px 1px 0;display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:9px}.settings-empty,.settings-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--text-muted);font-size:11px}.settings-loading span{width:13px;height:13px;border:2px solid var(--line-strong);border-top-color:var(--focus);border-radius:50%;animation:settings-spin .8s linear infinite}.settings-error{position:sticky;bottom:0;margin:12px 0 0;padding:9px 10px;color:var(--danger);border:1px solid var(--danger);border-radius:7px;background:var(--danger-surface);font-size:10px}.settings-general-card{display:grid;gap:14px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3)}.settings-general-card label{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-general-card label>span{display:grid;gap:4px}.settings-general-card strong{font-size:11px}.settings-general-card small{color:var(--text-muted);font-size:9px}.settings-general-card select{min-width:120px;padding:6px 8px;color:var(--text);border:1px solid var(--line);border-radius:6px;background:var(--field);font-size:10px}.usage-totals{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-totals div{display:grid;align-content:start;gap:3px}.usage-totals dt{color:var(--text-muted);font-size:9px}.usage-totals dd{margin:0;color:var(--text-strong);font-size:17px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-models{width:100%;border-collapse:collapse;font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-models th{padding:0 0 6px;color:var(--text-muted);font-weight:500;text-align:right}.usage-models td{padding:6px 0;text-align:right;border-top:1px solid var(--line)}.usage-models td:first-child,.usage-models th:first-child{text-align:left;overflow-wrap:anywhere}.usage-empty{margin:0;color:var(--text-muted);font-size:10px}.settings-footer{height:36px;padding:0 18px;display:flex;align-items:center;gap:6px;color:var(--text-faint);border-top:1px solid var(--line);background:var(--surface-2);font-size:9px}@keyframes settings-spin{to{transform:rotate(1turn)}}.project-stage>.workbench[hidden]{display:none}.section-sidebar{padding:16px 12px}.section-sidebar .sidebar-brand{height:auto;padding:8px 12px 20px}.section-sidebar .sidebar-brand strong{font-size:19px}.section-sidebar .sidebar-section-title{margin:24px 12px 10px}.section-nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.extensions-installed{min-height:0;overflow:auto}.section-nav button{width:100%;min-height:36px;padding:8px 12px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text-secondary);background:transparent;border:0;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.section-nav button:hover{background:var(--control-hover)}.section-nav button[aria-current]{background:var(--accent-surface);color:var(--accent-text)}.section-nav button>span:not(.avatar){min-width:0;flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-nav button small{flex:0 0 auto;color:var(--text-muted);font-size:11.5px}.section-sidebar svg{flex-shrink:0}.extensions-page{min-width:0;min-height:0;overflow:auto;background:var(--surface-inset)}.extensions-page-inner{max-width:1160px;margin:0 auto;padding:48px clamp(24px,5vw,72px)}.extensions-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:40px}.extensions-heading h1{margin:0;font-size:25px;font-weight:600;letter-spacing:-.5px}.extensions-heading p{margin:10px 0 0;max-width:460px;color:var(--text-muted);font-size:14px;line-height:1.6}.extensions-actions{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}.extensions-actions .settings-search{width:260px;max-width:100%;height:36px;margin:0;border-radius:22px;background:transparent}.extensions-actions .settings-search input{min-width:0;font-size:13px}.extensions-refresh{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:7px;color:var(--text-muted);background:transparent;cursor:pointer}.extensions-refresh:hover{color:var(--text-strong);background:var(--control-hover)}.extensions-refresh:disabled{opacity:.5;cursor:default}.extensions-page button:focus-visible,.section-sidebar button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.extensions-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.extensions-group-heading h2{margin:0;font-size:15px;font-weight:500}.extensions-group-heading>span{color:var(--text-faint);font-size:12px}.extensions-page .extension-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:16px}.extensions-page .extension-card{padding:12px 0;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;border:0;border-radius:0;background:transparent}.extensions-page .extension-card:hover{background:transparent}.extensions-page .extension-icon{width:44px;height:44px;color:var(--text-secondary);background:var(--control);border:1px solid var(--line);border-radius:11px}.extensions-page .extension-title{flex-wrap:wrap}.extensions-page .extension-title strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.extensions-page .extension-title em{font-size:9px}.extensions-page .extension-copy p{margin:6px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.extensions-page .extension-copy small{font-family:inherit;font-size:10px;line-height:1.5;color:var(--text-faint)}.extensions-page .extension-switch{margin-top:12px;cursor:pointer}.extensions-page .settings-empty{grid-column:1/-1}.extensions-page .settings-note{align-items:flex-start;margin-top:36px;font-size:11px;line-height:1.6}.extensions-page .settings-note svg{flex-shrink:0;margin-top:3px}.extensions-save-note{margin:10px 0 0;font-size:11px;line-height:1.6;color:var(--text-faint)}.extensions-page .settings-error{position:static;margin:0 0 20px;font-size:12px}@media (max-width:1100px){.extensions-page .extension-list{grid-template-columns:minmax(0,1fr)}.extensions-page-inner{padding:36px 28px}}@media (max-width:720px){.settings-dialog{width:calc(100vw - 24px)}.settings-content{padding:20px 16px}.extensions-page-inner{padding:28px 20px}.extensions-heading{margin-bottom:28px}.extensions-heading h1{font-size:22px}.extensions-actions,.extensions-actions .settings-search{width:100%}.extensions-sidebar{padding:12px 6px}.extensions-installed button,.extensions-nav button{padding:8px;font-size:12px}.extensions-sidebar .sidebar-brand{padding-left:8px}.extensions-sidebar .sidebar-brand strong{font-size:17px}}