:root{--font-ui:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--radius-sm:3px;--radius:5px;--radius-lg:8px;--titlebar-h:36px;--menubar-h:28px;--tabs-h:30px;--status-h:26px;--panel-head-h:30px;--dock-left-w:264px;--dock-right-w:300px;--dock-bottom-h:200px;--strip-w:26px;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.12s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme-resolved=light]{--bg-app:#e4e4e2;--bg-chrome:#f2f2f0;--bg-chrome-2:#e9e9e7;--bg-panel:#f7f7f5;--bg-panel-2:#fff;--bg-input:#fff;--bg-hover:#e6e6e3;--bg-active:#d9d9d5;--bg-selected:#fbe3c9;--bg-selected-strong:#f5cf9f;--bg-overlay:#14141452;--bg-menu:#fff;--bg-tooltip:#2a2a2a;--text-tooltip:#f2f2f2;--border:#d3d3cf;--border-strong:#b9b9b4;--text:#1d1d1c;--text-2:#464644;--text-3:#6b6b68;--text-disabled:#a3a3a0;--accent:#b85c0e;--accent-hover:#a05009;--accent-soft:#fbe3c9;--on-accent:#fff;--focus:#1a66d6;--danger:#c62f2f;--warning:#9a6700;--success:#1f7a3d;--info:#1f5fbf;--canvas-bg:#d9d9d6;--hud-bg:#ffffffdb;--hud-text:#1d1d1c;--activebar-bg:#fbfbfa;--scrollbar:#c4c4c0}:root[data-theme-resolved=dark]{--bg-app:#252525;--bg-chrome:#2f2f2f;--bg-chrome-2:#2a2a2a;--bg-panel:#333;--bg-panel-2:#2b2b2b;--bg-input:#242424;--bg-hover:#424242;--bg-active:#4c4c4c;--bg-selected:#5a4430;--bg-selected-strong:#74532f;--bg-overlay:#00000080;--bg-menu:#353535;--bg-tooltip:#f0f0f0;--text-tooltip:#1a1a1a;--border:#222;--border-strong:#4a4a4a;--text:#e8e8e8;--text-2:#bdbdbd;--text-3:#959595;--text-disabled:#6a6a6a;--accent:#f0a24e;--accent-hover:#f6b46c;--accent-soft:#4b3a28;--on-accent:#1b1b1b;--focus:#6fa8ff;--danger:#ff6b6b;--warning:#f2c14e;--success:#5fcf86;--info:#7fb2ff;--canvas-bg:#232323;--hud-bg:#1e1e1ed1;--hud-text:#e8e8e8;--activebar-bg:#3a3a3a;--scrollbar:#555}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font:var(--fs-sm)/1.4 var(--font-ui);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.icon{flex:none;display:block}[hidden]{display:none!important}.skip-link{z-index:1000;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:6px 10px;text-decoration:none;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}#app{grid-template-rows:var(--titlebar-h) var(--menubar-h) minmax(0, 1fr) var(--status-h);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.titlebar{background:var(--bg-chrome);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;min-width:0;padding:0 6px;display:flex}.app-mark{font-weight:600;font-size:var(--fs-md);white-space:nowrap;align-items:center;gap:8px;padding:0 8px 0 4px;display:flex}.app-mark .logo{border-radius:4px;width:20px;height:20px}.titlebar .sep{background:var(--border-strong);flex:none;width:1px;height:18px;margin:0 4px}.titlebar .doc-title{text-align:center;min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;overflow:hidden}.titlebar .doc-title strong{color:var(--text);font-weight:600}.titlebar .right{align-items:center;gap:2px;display:flex}.alpha-tag{font-size:var(--fs-xs);letter-spacing:.02em;border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:10px;margin:0 6px;padding:1px 6px;font-weight:600}.search-box{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);width:220px;height:24px;color:var(--text-3);align-items:center;gap:6px;margin:0 6px;padding:0 8px;display:flex}.search-box:hover{border-color:var(--text-3)}.search-box kbd{font:var(--fs-xs) var(--font-ui);color:var(--text-3);margin-left:auto}.icon-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:active:not(:disabled){background:var(--bg-active)}.icon-btn:disabled{color:var(--text-disabled);cursor:default}.icon-btn.sm{width:22px;height:22px}.icon-btn[aria-pressed=true],.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.avatar{object-fit:cover;border-radius:50%;width:24px;height:24px;display:block}.avatar.initial{background:var(--accent);color:var(--on-accent);font-weight:600;font-size:var(--fs-xs);justify-content:center;align-items:center;display:inline-flex}.account-btn{height:28px;color:var(--text);background:0 0;border:0;border-radius:14px;align-items:center;gap:6px;padding:0 6px 0 3px;display:inline-flex}.account-btn:hover{background:var(--bg-hover)}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-panel-2);height:28px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{color:var(--text-disabled);cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.sm{height:24px;font-size:var(--fs-xs);padding:0 8px}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-hover)}.menubar{background:var(--bg-chrome);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:stretch;min-width:0;padding:0 4px;display:flex;overflow:hidden}.menubar>button{font-size:var(--fs-md);color:var(--text);border-radius:var(--radius-sm);background:0 0;border:0;margin:2px 0;padding:0 9px}.menubar>button:hover,.menubar>button[aria-expanded=true]{background:var(--bg-hover)}.menubar .accel,.menu .accel{text-underline-offset:2px;text-decoration:underline}.menu{z-index:500;background:var(--bg-menu);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:220px;max-width:min(420px,100vw - 16px);max-height:calc(100vh - 16px);font-size:var(--fs-md);padding:4px;position:fixed;overflow:auto}.menu-item{border-radius:var(--radius-sm);text-align:left;width:100%;min-height:26px;color:var(--text);background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) auto 14px;align-items:center;gap:8px;padding:0 8px;display:grid}.menu-item:hover:not([aria-disabled=true]),.menu-item.focus{background:var(--bg-hover)}.menu-item[aria-disabled=true]{color:var(--text-disabled);cursor:default}.menu-item .kbd{color:var(--text-3);font-size:var(--fs-sm);white-space:nowrap}.menu-item .check{color:var(--accent)}.menu-sep{background:var(--border-strong);opacity:.6;height:1px;margin:4px 6px}.menu-head{font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 2px;font-weight:600}.workspace{min-width:0;min-height:0;display:flex;position:relative}.dock{background:var(--bg-panel);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.dock-left{width:var(--dock-left-w);border-right:1px solid var(--border)}.dock-right{width:var(--dock-right-w);border-left:1px solid var(--border)}.dock-bottom{height:var(--dock-bottom-h);border-top:1px solid var(--border)}.dock .resizer{z-index:5;touch-action:none;background:0 0;position:absolute}.dock-left .resizer{cursor:col-resize;width:6px;top:0;bottom:0;right:-3px}.dock-right .resizer{cursor:col-resize;width:6px;top:0;bottom:0;left:-3px}.dock-bottom .resizer{cursor:row-resize;height:6px;top:-3px;left:0;right:0}.dock .resizer:hover,.dock .resizer.dragging{background:var(--accent);opacity:.5}.dock-body{flex-direction:column;flex:1;min-height:0;display:flex}.dock-tabs{background:var(--bg-chrome-2);border-top:1px solid var(--border);scrollbar-width:none;flex:none;gap:2px;padding:2px 4px;display:flex;overflow-x:auto}.dock-tabs button{color:var(--text-2);border-radius:var(--radius-sm);white-space:nowrap;font-size:var(--fs-sm);background:0 0;border:0;padding:3px 9px}.dock-tabs button[aria-selected=true]{background:var(--bg-panel);color:var(--text)}.dock-tabs button:hover{color:var(--text)}.panel{flex-direction:column;flex:1;min-height:0;display:flex}.panel-head{height:var(--panel-head-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:0 4px 0 10px;display:flex}.panel-head h2{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-weight:600;overflow:hidden}.panel-toolbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;padding:4px 6px;display:flex}.panel-search{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-input);flex:none;align-items:center;gap:6px;height:26px;margin:6px 8px;padding:0 8px;display:flex}.panel-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.panel-search:focus-within{border-color:var(--focus)}.panel-scroll{flex:1;min-height:0;overflow:auto}.panel-empty{color:var(--text-3);text-align:center;padding:16px 12px;line-height:1.5}.side-strip{width:var(--strip-w);background:var(--bg-chrome-2);border-left:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:2px;padding-top:4px;display:flex}.side-strip button{writing-mode:vertical-rl;color:var(--text-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;padding:10px 3px}.side-strip button:hover{background:var(--bg-hover);color:var(--text)}.side-strip button[aria-pressed=true]{color:var(--accent);background:var(--bg-panel)}.tree{margin:0;padding:4px 0;list-style:none}.tree ul{margin:0;padding:0;list-style:none}.tree-row{cursor:default;white-space:nowrap;height:24px;color:var(--text);border-radius:0;align-items:center;gap:5px;padding-right:6px;display:flex}.tree-row:hover{background:var(--bg-hover)}.tree-row[aria-selected=true]{background:var(--bg-selected)}.tree-row.active-doc .label{font-weight:600}.tree-row .twisty{width:16px;color:var(--text-3);flex:none;justify-content:center;display:inline-flex}.tree-row .label{text-overflow:ellipsis;flex:1;overflow:hidden}.tree-row .dirty{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.tree-row .meta{color:var(--text-3);font-size:var(--fs-xs)}[role=treeitem]:focus-visible>.tree-row{outline:2px solid var(--focus);outline-offset:-2px}[role=treeitem]:focus{outline:none}.props{padding:0 0 12px}.prop-section{border-bottom:1px solid var(--border)}.prop-section>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:28px;padding:0 10px;font-weight:600;list-style:none;display:flex}.prop-section>summary::-webkit-details-marker{display:none}.prop-section>summary .icon{transition:transform var(--dur) var(--ease);color:var(--text-3)}.prop-section[open]>summary .icon{transform:rotate(90deg)}.prop-grid{grid-template-columns:minmax(84px,38%) minmax(0,1fr);align-items:center;gap:5px 8px;padding:2px 10px 10px;display:grid}.prop-grid>label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prop-grid .full{grid-column:1/-1}.field,.prop-grid input:not([type=checkbox]):not([type=color]),.prop-grid select,.prop-grid textarea,.dialog input:not([type=checkbox]):not([type=radio]):not([type=color]),.dialog select,.dialog textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;min-width:0;height:26px;color:var(--text);padding:0 7px}.prop-grid textarea,.dialog textarea{resize:vertical;height:auto;min-height:60px;font-family:var(--font-mono);padding:5px 7px}.prop-grid input:focus,.prop-grid select:focus,.dialog input:focus,.dialog select:focus,.dialog textarea:focus,.prop-grid textarea:focus{border-color:var(--focus);outline:none}.prop-grid input[aria-invalid=true],.dialog input[aria-invalid=true]{border-color:var(--danger)}.prop-grid .inline{align-items:center;gap:6px;min-width:0;display:flex}.prop-grid .inline>*{flex:1;min-width:0}.seg-ctl{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg-ctl button{background:var(--bg-input);height:24px;color:var(--text-2);border:0;padding:0 8px}.seg-ctl button+button{border-left:1px solid var(--border-strong)}.seg-ctl button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.check-row{align-items:center;gap:8px;display:flex}.check-row input{accent-color:var(--accent);margin:0}.swatch{border:1px solid #00000059;border-radius:3px;flex:none;width:14px;height:14px;display:inline-block}.muted{color:var(--text-3)}.small{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono)}.list{margin:0;padding:2px 0;list-style:none}.list-row{cursor:default;border-left:2px solid #0000;align-items:center;gap:8px;min-height:26px;padding:2px 10px;display:flex}.list-row:hover{background:var(--bg-hover)}.list-row[aria-selected=true]{background:var(--bg-selected);border-left-color:var(--accent)}.list-row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list-row .sub{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-group-head{background:var(--bg-panel);font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;z-index:1;padding:6px 10px 3px;font-weight:600;position:sticky;top:0}.comp-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas-bg);flex:none;grid-template-columns:1fr 1fr;height:150px;margin:6px 8px;display:grid;overflow:hidden}.comp-preview canvas{width:100%;height:100%;display:block}.comp-preview canvas+canvas{border-left:1px solid var(--border)}.comp-detail{flex:none;padding:0 10px 8px}.comp-detail h3{font-size:var(--fs-md);margin:4px 0 2px}.comp-detail p{color:var(--text-2);margin:0 0 6px}.chip{background:var(--bg-hover);height:20px;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.sev-error{color:var(--danger)}.sev-warning{color:var(--warning)}.sev-info{color:var(--info)}.center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doc-tabs{height:var(--tabs-h);background:var(--bg-chrome-2);border-bottom:1px solid var(--border);scrollbar-width:none;flex:none;align-items:stretch;display:flex;overflow-x:auto}.doc-tabs::-webkit-scrollbar{display:none}.doc-tab-list{align-items:stretch;min-width:0;display:flex}.doc-tab{border:0;border-right:1px solid var(--border);color:var(--text-2);white-space:nowrap;background:0 0;align-items:center;gap:6px;max-width:240px;padding:0 6px 0 10px;display:flex;position:relative}.doc-tab:hover{background:var(--bg-hover);color:var(--text)}.doc-tab[aria-selected=true]{background:var(--bg-panel);color:var(--text)}.doc-tab[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.doc-tab .name{text-overflow:ellipsis;overflow:hidden}.doc-tab .close{width:18px;height:18px;color:var(--text-3);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.doc-tab .close:hover{background:var(--bg-active);color:var(--text)}.doc-tab .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.editor-host{background:var(--canvas-bg);flex:1;min-height:0;position:relative;overflow:hidden}.editor{flex-direction:column;display:flex;position:absolute;inset:0}.canvas-wrap{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-wrap canvas.view{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-wrap canvas.view:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.canvas-wrap .crosshair-cursor{cursor:crosshair}.activebar{z-index:20;border-radius:var(--radius-lg);background:var(--activebar-bg);border:1px solid var(--border-strong);scrollbar-width:none;align-items:center;gap:1px;max-width:calc(100% - 16px);padding:3px;display:flex;position:absolute;top:8px;left:50%;overflow-x:auto;transform:translate(-50%)}.activebar::-webkit-scrollbar{display:none}.activebar .ab-sep{background:var(--border-strong);flex:none;align-self:stretch;width:1px;margin:3px}.ab-btn{border-radius:var(--radius);width:30px;height:28px;color:var(--text-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ab-btn:hover{background:var(--bg-hover);color:var(--text)}.ab-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.ab-btn .more{opacity:.6;border-bottom:4px solid;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:2px;right:2px}.hud{z-index:15;pointer-events:none;border-radius:var(--radius);background:var(--hud-bg);color:var(--hud-text);font:var(--fs-xs)/1.45 var(--font-mono);white-space:pre;min-width:150px;padding:5px 8px;position:absolute;top:8px;left:8px}.hud .hud-layer{font:600 var(--fs-sm) var(--font-ui)}.hud .hud-net{color:var(--accent)}.tool-hint{z-index:15;pointer-events:none;border-radius:var(--radius);background:var(--hud-bg);color:var(--hud-text);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);padding:4px 10px;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.tool-hint kbd,.kbd-chip{font:var(--fs-xs) var(--font-ui);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-2);border-radius:3px;padding:0 4px}.layer-tabs{background:var(--bg-chrome-2);border-top:1px solid var(--border);scrollbar-width:none;flex:none;align-items:center;gap:1px;height:28px;padding:0 4px;display:flex;overflow-x:auto}.layer-tabs::-webkit-scrollbar{display:none}.layer-tab{border-radius:var(--radius-sm);height:22px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.layer-tab:hover{background:var(--bg-hover);color:var(--text)}.layer-tab[aria-selected=true]{background:var(--bg-panel);color:var(--text);font-weight:600}.layer-tab.hidden-layer{opacity:.45}.layer-current{border:1px solid #0006;border-radius:3px;flex:none;width:16px;height:16px;margin:0 4px 0 2px}.lib-modes{background:var(--bg-chrome-2);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;height:32px;padding:0 8px;display:flex}.lib-modes>button[role=tab]{border-radius:var(--radius-sm);height:24px;color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.lib-modes>button[role=tab]:hover{background:var(--bg-hover);color:var(--text)}.lib-modes>button[role=tab][aria-selected=true]{background:var(--bg-panel);color:var(--text);font-weight:600}.lib-status{background:var(--bg-chrome-2);border-top:1px solid var(--border);min-height:24px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;flex:none;align-items:center;gap:6px;padding:2px 10px;display:flex;overflow:hidden}@media (max-width:640px){.lib-modes .btn span,.lib-status{font-size:var(--fs-xs)}}.view3d-wrap{z-index:10;background:var(--canvas-bg);position:absolute;inset:0}.view3d-wrap canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.view3d-bar{position:absolute;top:8px;left:50%;transform:translate(-50%)}.start-page{background:var(--bg-app);position:absolute;inset:0;overflow:auto}.start-inner{max-width:980px;margin:0 auto;padding:40px 24px 60px}.start-inner h1{margin:0 0 6px;font-size:26px;font-weight:600}.start-inner .lead{color:var(--text-2);font-size:var(--fs-md);max-width:640px;margin:0 0 28px}.start-actions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:32px;display:grid}.start-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-panel);text-align:left;color:var(--text);flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:14px;display:flex}.start-card:hover{border-color:var(--accent)}.start-card .icon{color:var(--accent)}.start-card strong{font-size:var(--fs-md)}.start-card span{color:var(--text-2)}.start-section h2{font-size:var(--fs-md);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-weight:600}.recent-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);margin:0;padding:0;list-style:none;overflow:hidden}.recent-list li+li{border-top:1px solid var(--border)}.recent-list button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 12px;display:flex}.recent-list button:hover{background:var(--bg-hover)}.recent-list .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.statusbar{background:var(--bg-chrome);border-top:1px solid var(--border);color:var(--text-2);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;min-width:0;padding:0 6px;display:flex;overflow:hidden}.statusbar .cell{white-space:nowrap;border-radius:var(--radius-sm);align-items:center;gap:4px;height:20px;padding:0 8px;display:inline-flex}.statusbar button.cell{color:inherit;background:0 0;border:0}.statusbar button.cell:hover{background:var(--bg-hover);color:var(--text)}.statusbar .coords{font-family:var(--font-mono);font-size:var(--fs-xs);min-width:210px}.statusbar .spacer{flex:1}.statusbar .msg-count .sev-error,.statusbar .msg-count .sev-warning{align-items:center;gap:3px;display:inline-flex}.statusbar .powered{color:var(--text-3)}.statusbar .powered a{color:inherit}.dialog-backdrop{z-index:400;background:var(--bg-overlay);animation:fade-in var(--dur) var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-panel);width:min(560px,100%);max-height:min(86vh,900px);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.dialog.wide{width:min(860px,100%)}.dialog.xwide{width:min(1100px,100%)}.dialog-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex}.dialog-head h2{font-size:var(--fs-lg);flex:1;margin:0;font-weight:600}.dialog-body{flex:1;min-height:0;padding:14px 16px;overflow:auto}.dialog-body p{margin:0 0 10px;line-height:1.5}.dialog-foot{border-top:1px solid var(--border);background:var(--bg-chrome-2);justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;display:flex}.dialog-foot .left{align-items:center;gap:8px;margin-right:auto;display:flex}.form-grid{grid-template-columns:minmax(120px,34%) minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.form-grid>label{color:var(--text-2)}.form-grid .full{grid-column:1/-1}.form-grid .hint{color:var(--text-3);font-size:var(--fs-xs);grid-column:2;margin-top:-4px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);max-height:50vh;overflow:auto}table.grid{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.grid th,table.grid td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:4px 8px}table.grid th{background:var(--bg-chrome-2);color:var(--text-2);z-index:1;font-weight:600;position:sticky;top:0}table.grid tr:hover td{background:var(--bg-hover)}table.grid td input[type=checkbox]{accent-color:var(--accent)}.tabs-row{border-bottom:1px solid var(--border);gap:2px;margin:-14px -16px 12px;padding:0 12px;display:flex}.tabs-row button{color:var(--text-2);background:0 0;border:0;padding:8px 10px}.tabs-row button[aria-selected=true]{color:var(--text)}.palette-list{max-height:50vh;margin:0;padding:4px;list-style:none;overflow:auto}.palette-list li{border-radius:var(--radius-sm);cursor:default;align-items:center;gap:10px;padding:6px 10px;display:flex}.palette-list li[aria-selected=true]{background:var(--bg-selected)}.palette-list .grow{flex:1;min-width:0}.palette-list .path{color:var(--text-3);font-size:var(--fs-xs)}.palette-input{border:0;border-bottom:1px solid var(--border);width:100%;height:40px;font-size:var(--fs-lg);background:0 0;outline:none;padding:0 14px}.kbd-table td:first-child{color:var(--text-2)}.kbd-table td:last-child{text-align:right}.toasts{right:12px;bottom:calc(var(--status-h) + 10px);z-index:600;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 24px);display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--radius-lg);background:var(--bg-menu);min-width:240px;max-width:420px;color:var(--text);border:1px solid var(--border-strong);animation:slide-in .16s var(--ease);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.toast .grow{flex:1;min-width:0;line-height:1.45}.toast .title{margin-bottom:2px;font-weight:600}.toast.error .icon:first-child{color:var(--danger)}.toast.success .icon:first-child{color:var(--success)}.toast.info .icon:first-child{color:var(--info)}.toast .actions{gap:6px;margin-top:8px;display:flex}.alpha-notice{border-color:var(--accent)}.alpha-notice .icon:first-child{color:var(--accent)}.tooltip{z-index:700;pointer-events:none;border-radius:var(--radius-sm);background:var(--bg-tooltip);color:var(--text-tooltip);font-size:var(--fs-sm);white-space:nowrap;max-width:320px;padding:4px 8px;position:fixed}.tooltip kbd{opacity:.75;font:inherit;margin-left:6px}.progress{background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .12s linear}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mobile-only,.compact-only{display:none!important}.mobile-bar{display:none}@media (max-width:1100px){:root{--dock-left-w:240px;--dock-right-w:280px}.search-box{width:160px}}@media (max-width:900px){.dock-left,.dock-right{z-index:60;transition:transform .18s var(--ease);position:absolute;top:0;bottom:0}.dock-left{left:0}.dock-right{right:0}.workspace:not(.show-left) .dock-left{visibility:hidden;transform:translate(-105%)}.workspace:not(.show-right) .dock-right{visibility:hidden;transform:translate(105%)}.dock .resizer,.side-strip{display:none}.scrim{z-index:55;background:var(--bg-overlay);position:absolute;inset:0}.search-box{display:none}.tablet-hide{display:none!important}.compact-only{display:inline-flex!important}}@media (max-width:640px){:root{--titlebar-h:44px;--status-h:0px;--dock-left-w:min(88vw, 320px);--dock-right-w:min(92vw, 360px)}#app{grid-template-rows:var(--titlebar-h) minmax(0, 1fr) auto}.menubar{display:none}.mobile-only{display:inline-flex!important}.phone-hide,.compact-only.phone-hide{display:none!important}.titlebar .doc-title{text-align:left;padding:0 4px}.icon-btn{width:36px;height:36px}.statusbar{display:none}.mobile-bar{padding:4px 6px calc(4px + env(safe-area-inset-bottom));background:var(--bg-chrome);border-top:1px solid var(--border);scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.mobile-bar .icon-btn{width:40px;height:40px}.mobile-bar .grow{flex:1}.activebar{top:auto;bottom:8px}.hud{min-width:0;font-size:10px}.tool-hint{bottom:56px}.dialog-backdrop{align-items:end;padding:0}.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .hint{grid-column:1}.menu-item{min-height:36px}.doc-tab{padding:0 6px 0 10px}.toasts{align-items:stretch;bottom:64px;left:8px;right:8px}.toast{max-width:none}}.dock-tabs button,.layer-tab,.lib-modes>button[role=tab],.tabs-row button{position:relative}.dock-tabs button[aria-selected=true]:after,.layer-tab[aria-selected=true]:after,.lib-modes>button[role=tab][aria-selected=true]:after,.tabs-row button[aria-selected=true]:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:0;left:4px;right:4px}