@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--bg-panel:#0c0c10;--bg-elevated:#16161c;--bg-input:#0a0a0e;--bg-hover:#1e1e26;--border:#26262f;--border-strong:#3a3a46;--text:#fff;--text-dim:#9b9ba6;--text-muted:#686874;--accent:#0a84ff;--accent-hover:#3d9cff;--accent-active:#0060d0;--accent-soft:#0a84ff29;--accent-line:#0a84ff61;--on-accent:#fff;--warn:#ff9f0a;--warn-soft:#ff9f0a29;--good:#30d158;--danger:#ff453a;--danger-soft:#ff453a24;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 2px #00000080;--shadow:0 4px 16px #0000008c, 0 1px 3px #0006;--shadow-lg:0 24px 64px #000000b3, 0 8px 24px #00000073;--ring:0 0 0 3px var(--accent-soft);--ease:cubic-bezier(.25, .1, .25, 1);--transition-fast:.12s var(--ease);--transition:.2s var(--ease);--transition-slow:.35s var(--ease);--toolbar-h:44px;--statusbar-h:24px;--sidebar-w:220px;--props-w:288px;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--sans:"Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, Roboto, sans-serif}:root[data-theme=light]{--bg:#f4f7fb;--bg-panel:#fff;--bg-elevated:#f8fafd;--bg-input:#fff;--bg-hover:#eaf2fd;--border:#e0e6ef;--border-strong:#c4cdda;--text:#071019;--text-dim:#5a6472;--text-muted:#8b95a3;--accent:#0071e3;--accent-hover:#0a84ff;--accent-active:#0057b0;--accent-soft:#0071e31a;--accent-line:#0071e34d;--on-accent:#fff;--warn:#b96a00;--warn-soft:#b96a001f;--good:#1a9e54;--danger:#d5382f;--danger-soft:#d5382f1a;--shadow-sm:0 1px 2px #091e420f;--shadow:0 2px 12px #091e4214, 0 1px 2px #091e420a;--shadow-lg:0 18px 50px #091e4224, 0 4px 16px #091e420f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:13px;font-weight:450;line-height:1.45;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.hidden{display:none!important}.spacer{flex:auto}.sep{background:var(--border);align-self:stretch;width:1px;margin:6px 4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-panel);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;flex:none;width:16px;height:16px}button{font-family:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;color:var(--text);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none}button:disabled{opacity:.35;cursor:default}input,select{font-family:inherit;font-weight:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:5px 8px}input:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring)}input::placeholder{color:var(--text-muted)}.toolbar{height:var(--toolbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:20;flex:none;align-items:center;gap:6px;padding:0 10px;display:flex}.workspace{flex:auto;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-panel);flex-direction:row;flex:none;min-height:0;display:flex}.dock-zone{flex:none;min-height:0;display:flex}.dock-zone:empty,.dock-zone-h:empty{display:none}.dock-zone-h{flex:none;min-height:0;display:flex}#zone-left{border-right:1px solid var(--border);position:relative}#zone-right{border-left:1px solid var(--border);position:relative}.side-resizer{cursor:col-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;right:-3px}.side-resizer.at-left{left:-3px;right:auto}.side-resizer:hover,.side-resizer:active{background:var(--accent);opacity:.4}.dock-zone-h>*{border-top:1px solid var(--border)}#zone-hidden{display:none}.dock-hidden{display:none!important}.stage{background:var(--bg);flex:auto;min-width:0;position:relative}.viewport3d{z-index:5;position:absolute;inset:0}.properties{width:var(--props-w);background:var(--bg-panel);flex-direction:column;flex:none;display:flex;overflow:hidden}.dock{background:var(--bg-panel);z-index:15;flex-direction:column;flex:none;height:300px;display:flex}#zone-float{pointer-events:none;width:0;height:0;position:absolute;inset:0}.float-window{z-index:60;width:var(--props-w);background:var(--bg-panel);border:1px solid var(--border);max-height:82vh;box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.float-titlebar{cursor:move;background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 6px 4px 10px;display:flex}.float-title{color:var(--text);flex:1;font-size:12px;font-weight:600}.float-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.float-body>.wpanel{flex:auto;width:100%!important;height:auto!important}.panels-menu{min-width:220px;padding:6px}.panels-menu .menu-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 4px 2px;font-size:11px}.panels-menu .menu-row{flex-wrap:wrap;gap:4px;padding:0 2px 4px;display:flex}.statusbar{height:var(--statusbar-h);background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);flex:none;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}.outliner-row,.layer-row,.mat-row,.preset,.obj-tree-row,.dock-tab,.side-tab,.segmented .seg{transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.brand{align-items:center;gap:8px;display:flex}.brand .logo{color:var(--accent);font-size:18px}.brand .title{letter-spacing:.2px;margin-right:6px;font-weight:600}.project-name{width:150px;color:var(--text-dim);background:0 0;border:1px solid #0000;font-size:12px}.project-name:hover{border-color:var(--border)}.project-name:focus{color:var(--text);border-color:var(--accent);background:var(--bg-input)}.project-name[readonly]{cursor:default}.view-only-badge{background:var(--warn-soft);height:24px;color:var(--warn);border-radius:20px;align-items:center;gap:5px;margin-left:4px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.view-only-badge .icon{width:13px;height:13px}.tgroup{align-items:center;gap:2px;display:flex}.tgroup.modes3d{gap:4px}.tbtn{border-radius:var(--radius-sm);height:30px;color:var(--text-dim);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.tbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.tbtn.on{background:var(--accent-soft);color:var(--accent)}.tbtn.primary{background:var(--accent);color:#fff}.tbtn.primary:hover{background:var(--accent-hover)}.segmented{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:2px;display:inline-flex}.segmented.units{margin:0 4px}.tbtn.seg{border-radius:3px;height:26px;padding:0 12px}.tbtn.seg.on{background:var(--accent);color:#fff}.side-tabs{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:2px;width:40px;padding:8px 0;display:flex;overflow-y:auto}.side-tab{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-dim);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:flex}.side-tab:hover{color:var(--text);background:var(--bg-hover)}.side-tab.on{color:var(--accent);background:var(--bg-hover);border-color:var(--accent)}.side-tab .icon{width:18px;height:18px}.side-panels{flex:auto;min-width:0;min-height:0;display:flex}.side-panel{flex-direction:column;flex:auto;min-height:0;display:none;overflow-y:auto}.side-panel.active{display:flex}.side-section{border-bottom:1px solid var(--border);padding:12px}.side-section h3{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0 0 10px;font-size:11px}.outliner{flex-direction:column;flex:auto;min-height:0;display:flex}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:11px;display:flex}.preset:hover{border-color:var(--accent);color:var(--text);background:var(--bg-hover)}.preset .icon{width:22px;height:22px}.preset-board{color:var(--text);border-style:dashed;flex-direction:row;grid-column:1/-1;justify-content:center;padding:10px}.preset-board .icon{width:18px;height:18px}.outliner-list{overflow-y:auto}.outliner-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.outliner-row:hover{background:var(--bg-hover)}.outliner-row.selected{background:var(--accent-soft);color:var(--accent)}.outliner-row.is-hidden{opacity:.45}.outliner-row.is-locked .o-name{opacity:.6;font-style:italic}.o-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.o-icon{color:var(--text-muted);opacity:0;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.outliner-row:hover .o-icon,.layer-row:hover .o-icon,.layer-row.selected .o-icon{opacity:1}.o-icon:hover{color:var(--text);background:var(--bg-elevated)}.o-icon .icon{width:14px;height:14px}.o-rename{flex:1;height:22px}.empty{color:var(--text-muted);text-align:center;padding:16px 0;font-size:12px}.layers{border-top:1px solid var(--border);flex-direction:column;flex:none;height:300px;min-height:0;padding-top:10px;display:flex}.layers-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.layers-title h3{margin:0}.layers-head{gap:2px;display:flex}.layers-head .mini{padding:3px}.layers-head .mini .icon{width:14px;height:14px}.search-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;display:flex}.search-wrap .icon{width:13px;height:13px;color:var(--text-muted);flex:none}.layers-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:12px}.layers-list{flex:auto;overflow-y:auto}.layer-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.layer-row>.icon{width:15px;height:15px;color:var(--text-muted);flex:none}.layer-row:hover{background:var(--bg-hover)}.layer-row.selected{background:var(--accent-soft);color:var(--accent)}.layer-row.selected>.icon{color:var(--accent)}.layer-row.is-hidden{opacity:.45}.layer-row.is-locked .o-name{opacity:.6;font-style:italic}.layer-row.nested{padding-left:20px}.layer-row.group-row{font-weight:600}.layer-row.drop-target{box-shadow:inset 0 2px 0 var(--accent)}.caret{width:14px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.badge{color:var(--text-muted);background:var(--bg-elevated);border-radius:8px;align-items:center;padding:3px 7px;font-size:10px;line-height:1;display:inline-flex}.prop-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.prop-empty .hint{margin-top:8px;font-size:12px}.prop-scroll{padding-bottom:24px;overflow:hidden auto}.prop-title,.prop-title-row{border-bottom:1px solid var(--border);padding:12px 14px;font-weight:600}.prop-title-row{align-items:center;gap:6px;display:flex}.prop-name{background:var(--bg-input);flex:1;font-weight:600}.mini{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:12px;display:inline-flex}.mini:hover{color:var(--text)}.mini.on{color:var(--accent);border-color:var(--accent)}.prop-section{border-bottom:1px solid var(--border)}.prop-head{justify-content:space-between;align-items:center;padding:10px 14px 4px;display:flex}.prop-head h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:11px}.prop-body{flex-direction:column;gap:10px;padding:8px 14px 14px;display:flex}.prop-fold>summary{cursor:pointer;padding-bottom:10px;list-style:none}.prop-fold>summary::-webkit-details-marker{display:none}.prop-fold>summary:hover h4{color:var(--text)}.prop-fold .fold-chevron{color:var(--text-muted);transition:transform .15s;display:inline-flex}.prop-fold[open] .fold-chevron{transform:rotate(90deg)}.prop-fold[open]>summary{padding-bottom:4px}.field{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label{color:var(--text-dim);flex:none;padding-right:4px;font-size:12px;line-height:1.4}.field-control{flex:1;align-items:center;gap:4px;max-width:150px;display:flex}.field-input{text-align:right;width:100%}select.field-input{text-align:left}.field-control .unit{color:var(--text-muted);width:20px;font-size:11px}.field-input:disabled,.field-toggle input:disabled{opacity:.75;cursor:default}.readout-value{font-family:var(--mono);color:var(--text);text-align:right;overflow-wrap:anywhere;min-width:0}.prop-name.readonly{background:0 0;flex:1;padding:0;font-weight:600}.obj-tree{flex-direction:column;gap:1px;display:flex}.obj-tree-row{text-align:left;width:100%;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;display:flex}.obj-tree-row:hover{background:var(--bg-elevated);color:var(--text)}.obj-tree-row.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.obj-tree-row.dim{opacity:.4}.obj-tree-group{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:8px 6px 2px;font-size:10px;font-weight:600}.obj-tree-row .icon{opacity:.75;flex:none;width:13px;height:13px}.tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-bullet{opacity:.5;background:currentColor;border-radius:50%;flex:none;width:4px;height:4px;margin:0 4px}.layer-row{align-items:center;gap:6px;display:flex}.layer-row .layer-name{color:var(--text-dim);flex:1;font-size:12px}.layer-row .layer-name.dim{opacity:.45;text-decoration:line-through}.field-toggle{justify-content:space-between}.switch{flex:none;width:34px;height:18px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.slider{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;transition:all .15s;position:absolute;inset:0}.slider:before{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:all .15s;position:absolute;top:2px;left:2px}.switch input:checked+.slider{background:var(--accent-soft);border-color:var(--accent)}.switch input:checked+.slider:before{background:var(--accent);transform:translate(16px)}.btn-group{gap:4px;display:inline-flex}.chip{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.chip:hover{color:var(--text)}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.counter{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;display:inline-flex;overflow:hidden}.counter button{background:var(--bg-elevated);width:26px;height:26px;color:var(--text-dim);font-size:15px}.counter button:hover{background:var(--bg-hover);color:var(--text)}.counter-value{text-align:center;min-width:30px;font-family:var(--mono)}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.wide{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);text-align:center;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 8px;font-size:12px;display:inline-flex}.wide .icon{flex:none;width:14px;height:14px}.wide:hover{color:var(--text);border-color:var(--border-strong)}.wide.danger{color:var(--danger,#e5484d)}.wide.danger:hover{border-color:var(--danger,#e5484d)}.divider-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.divider-row{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.divider-row .field{flex:1}.hint{color:var(--text-muted);font-size:11px;line-height:1.55}.hint.warn-text{color:var(--warn,#e5a13d)}.dock-tabs{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:6px 10px;display:flex}.dock-tab{color:var(--text-dim);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.dock-tab:hover{background:var(--bg-hover);color:var(--text)}.dock-tab.on{background:var(--accent-soft);color:var(--accent)}.dock-body{flex:auto;padding:12px;overflow:auto}.table-wrap{overflow:auto}.bom-table{border-collapse:collapse;width:100%;font-size:12px}.bom-table th,.bom-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}.bom-table th{color:var(--text-muted);background:var(--bg-panel);font-weight:600;position:sticky;top:0}.bom-table td.num,.bom-table th:nth-child(n+2){text-align:right;font-family:var(--mono)}.bom-table tfoot .total td{color:var(--text);border-top:2px solid var(--border-strong);font-weight:700}.cut-summary{gap:20px;margin-bottom:14px;display:flex}.stat{flex-direction:column;display:flex}.stat-value{font-size:18px;font-weight:700;font-family:var(--mono)}.stat-label{color:var(--text-muted);font-size:11px}.sheet-grid{flex-wrap:wrap;gap:14px;display:flex}.sheet-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.sheet-head{color:var(--text-dim);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.sheet-head .waste{color:var(--warn);font-family:var(--mono)}.sheet-canvas{border-radius:3px;display:block}.cut-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.cut-controls .inline{color:var(--text-dim);align-items:center;gap:4px;font-size:12px;display:inline-flex}.cut-controls select.field-input{width:auto}.mini-num{text-align:right;width:60px;font-family:var(--mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:3px 6px}.offcut-note{color:var(--good);font-size:10px;font-family:var(--mono);margin-top:5px}.mat-cell{align-items:center;gap:6px;display:inline-flex}.mat-swatch{border:1px solid var(--border-strong);border-radius:2px;width:11px;height:11px;display:inline-block}.mat-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.mat-row:hover{background:var(--bg-hover)}.mat-row.on{background:var(--accent-soft);color:var(--accent)}.mat-row.readonly,.layer-row.readonly{cursor:default}.mat-row.readonly:hover{background:0 0}.mat-row .mat-swatch{flex:none;width:14px;height:14px}.mat-editor{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin:0 0 8px;padding:8px;display:flex}.mat-editor input[type=color]{background:var(--bg-input);width:40px;height:24px;padding:1px}.mat-add{text-align:center;width:100%;margin-top:8px}.mat-del{text-align:center;width:100%;color:var(--danger);border-color:var(--danger);margin-top:2px}.mat-del:hover:not(:disabled){background:var(--danger);color:#fff}.bom-table tr.subhead td{background:var(--bg-elevated);color:var(--text);font-weight:600}.bom-table td.dim{color:var(--text-muted);text-align:left;font-family:inherit}.cost-table{max-width:460px}.bom-table tfoot tr.total td,.bom-table tfoot tr.grand td{border-top:2px solid var(--border-strong);font-weight:700}.bom-table tfoot tr.grand td{color:var(--accent);font-size:15px}.assembly-wrap{flex-wrap:wrap;gap:20px;display:flex}.assembly-cab{flex:320px}.assembly-cab h4{color:var(--text);margin:0 0 8px}.assembly-steps{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.assembly-steps li{font-size:12px}.step-title{color:var(--text);font-weight:600}.step-detail{color:var(--text-dim);margin:2px 0;font-size:11px}.step-hw{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.tag{background:var(--accent-soft);color:var(--accent);font-size:10px;font-family:var(--mono);border-radius:10px;padding:2px 7px}.tag.drill{background:var(--bg-elevated);color:var(--text-muted)}.hw-summary{flex-direction:column;gap:3px;margin:4px 0;display:flex}.hw-row{color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.hw-qty{font-family:var(--mono)}.hw-total{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-align:right;margin-top:6px}.tmpl-list{flex-direction:column;gap:3px;margin-top:6px;display:flex}.tmpl-btn{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);padding:6px 9px;font-size:12px}.tmpl-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-hover)}.appl-grid{grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;display:grid}.btn-grid{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.btn-grid .wide{text-align:center}.walk-btn{z-index:6;background:var(--bg-panel);width:34px;height:34px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.walk-btn:hover{color:var(--text)}.walk-btn.on{color:var(--accent);border-color:var(--accent)}.walk-hint{z-index:6;background:var(--bg-panel);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.walk-height{align-items:center;gap:5px;display:flex}.walk-height input{text-align:right;background:var(--bg-input,var(--bg-hover));width:52px;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:12px}.color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:none;width:26px;height:26px;padding:0}.color-swatch.auto{background:linear-gradient(135deg, transparent 46%, #c0392b 46%, #c0392b 54%, transparent 54%), var(--bg-hover)}.color-swatch:disabled{opacity:.5;cursor:default}.color-code{color:var(--text-dim);font-size:11px}.tex-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.tex-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.tex-swatch{aspect-ratio:1;border-radius:var(--radius,6px);border:2px solid var(--border);cursor:pointer;width:100%;color:var(--text-dim);transition:border-color var(--transition-fast,.12s) var(--ease,ease);justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:flex}.tex-swatch:hover:not(:disabled){border-color:var(--accent)}.tex-swatch.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.tex-swatch:disabled{opacity:.5;cursor:default}.tex-name{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.1;overflow:hidden}.color-pop{z-index:1000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius,10px);width:226px;box-shadow:var(--shadow-lg,0 8px 24px #00000059);padding:10px;position:fixed}.color-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-cell{cursor:pointer;border:1px solid #80808059;border-radius:5px;width:20px;height:20px;padding:0;transition:transform .1s}.color-cell:hover{transform:scale(1.15)}.color-cell.on{outline:2px solid var(--accent);outline-offset:1px}.color-pop-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.color-custom{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.color-custom input{cursor:pointer;background:0 0;border:none;width:26px;height:26px;padding:0}.color-reset{cursor:pointer;background:var(--bg-hover);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px}.color-reset:hover{border-color:var(--accent)}.nudge-pad{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.nudge-pad .nudge-btn{justify-content:center;align-items:center;padding:6px 0;display:flex}.nudge-step{color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;display:flex}.nudge-steps{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.nudge-steps .step-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-dim);cursor:pointer;transition:background var(--transition-fast) var(--ease), color var(--transition-fast) var(--ease), border-color var(--transition-fast) var(--ease);padding:5px 0;font-size:11.5px;font-weight:600}.nudge-steps .step-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.nudge-steps .step-btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.nudge-steps .step-btn:disabled{opacity:.5;cursor:default}.prop-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:10px;align-self:flex-start;margin-bottom:6px;padding:3px 8px;font-size:10px}.shelf-list{flex-direction:column;gap:5px;margin-top:4px;display:flex}.shelf-row{align-items:center;gap:8px;display:flex}.shelf-row .shelf-tag{color:var(--text-dim);min-width:54px;font-size:11px}.shelf-row .field{flex:1}.modal-overlay{z-index:100;animation:overlay-in var(--transition) both;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:460px;max-width:92vw;max-height:86vh;box-shadow:var(--shadow-lg);animation:modal-in var(--transition) both;flex-direction:column;display:flex}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modal-head h3{margin:0;font-size:14px}.modal-body{padding:12px 14px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);gap:8px;padding:12px 14px;display:flex}.modal-foot .wide.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:18px 0 8px;font-size:11px;font-weight:600}.modal-section-label:first-child{margin-top:0}.modal-note{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.modal-note .icon{width:15px;height:15px;color:var(--accent);flex:none;margin-top:1px}.export-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.export-row select{flex:0 auto}.export-grid{grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:10px;display:grid}.export-item{color:var(--text-dim);cursor:pointer;align-items:center;gap:7px;padding:3px 0;font-size:12px;display:flex}.export-item input{accent-color:var(--accent)}.export-notes{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;padding:6px 8px;font-size:12px}.export-group{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:10px 0 6px;font-size:11px}.field-hint{color:var(--text-dim);margin:0 0 8px;font-size:11px}.dock-actions{gap:6px;margin-bottom:8px;display:flex}.dock-actions .wide{align-items:center;gap:4px;max-width:140px;display:inline-flex}.log-list{font-family:var(--mono);flex-direction:column;gap:1px;font-size:12px;display:flex}.log-row{border-radius:var(--radius-sm);align-items:baseline;gap:8px;padding:3px 6px;display:flex}.log-row:hover{background:var(--bg-elevated)}.log-row .icon{flex:none;width:13px;height:13px}.log-time{color:var(--text-muted);flex:none}.log-msg{color:var(--text-dim)}.log-row.error .log-msg,.log-row.warn .log-msg{color:var(--warn)}.toast-host{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:14px;right:14px}.toast{pointer-events:auto;background:var(--bg-elevated);min-width:240px;max-width:380px;color:var(--text);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition), transform var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;transform:translate(12px)}.toast.in{opacity:1;transform:none}.toast .icon{flex:none;width:18px;height:18px}.toast-msg{flex:auto;line-height:1.35}.toast-success{border-left-color:var(--good)}.toast-success .icon{color:var(--good)}.toast-warning{border-left-color:var(--warn)}.toast-warning .icon{color:var(--warn)}.toast-error{border-left-color:var(--danger)}.toast-error .icon{color:var(--danger)}.toast-info .icon{color:var(--accent)}.toast-action{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);flex:none;padding:4px 10px;font-size:12px;font-weight:600}.toast-action:hover{background:var(--accent);color:#fff}.toast-x{color:var(--text-dim);flex:none;padding:2px}.toast-x:hover{color:var(--text)}.toast-x .icon{width:15px;height:15px}.detail-modal{width:460px}.detail-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.context-menu button{align-items:center;gap:8px;display:flex}.context-menu button .icon{opacity:.8;flex:none;width:15px;height:15px}.context-menu button.danger{color:var(--danger,#e5484d)}.context-menu button.danger:hover{color:var(--danger,#e5484d);background:#e5484d1f}.le-actions{gap:6px;margin-top:6px;display:flex}.le-modal{width:460px}.le-toolbar,.le-content{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.le-canvas{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;margin-bottom:10px;padding:10px;display:flex}.le-canvas svg{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%}.le-canvas .le-leaf{cursor:pointer}.le-sizerow{align-items:flex-start;gap:12px;display:flex}.le-mode{flex-direction:column;gap:4px;min-width:0;display:flex}.le-mode .btn-group{flex-wrap:wrap}.le-mode .field-hint{margin:0}.le-props{margin-top:8px}.le-props-grid{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.status-item{color:var(--text-dim);align-items:center;gap:4px;display:inline-flex}.status-toast{color:var(--good)}.status-btn{color:var(--text-dim);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 7px;font-size:12px;display:inline-flex}.status-btn:hover{background:var(--bg-hover);color:var(--text)}.status-btn.on{color:var(--accent)}.status-btn .icon{width:13px;height:13px}.status-btn.warnings,.status-item.save.dirty{color:var(--warn)}.status-item.save .icon,.status-item.backend .icon{width:12px;height:12px}.status-item.backend.online{color:var(--good)}.backend{color:var(--text-muted)}.backend.online{color:var(--good)}.popup-menu{z-index:100;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:190px;box-shadow:var(--shadow-lg);animation:modal-in var(--transition-fast) both;padding:4px;position:fixed}.popup-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.popup-menu button .icon{flex:none;width:14px;height:14px}.popup-menu button:hover{background:var(--accent-soft);color:var(--accent)}.menu-sep{background:var(--border);height:1px;margin:4px 0}.dim-edit{z-index:10;text-align:center;width:64px;height:22px;font-family:var(--mono);border:1px solid var(--accent);background:var(--bg-input);font-size:12px;position:absolute}.page{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;position:fixed;inset:0;overflow-y:auto}.page h1,.page h2,.page h3{font-family:var(--sans);letter-spacing:-.02em;margin:0}.brand{align-items:center;gap:8px;font-weight:600;display:flex}.brand .logo{color:var(--accent)}.nav-controls{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius);height:38px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn .icon{width:17px;height:17px}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-lg{border-radius:var(--radius);height:46px;padding:0 22px;font-size:15px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow)}.btn-primary:active:not(:disabled){background:var(--accent-active);transform:scale(.985)}.btn-outline{border-color:var(--border-strong);background:var(--bg-panel)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-quiet{color:var(--text-dim)}.btn-quiet:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.gbtn-wrap{width:100%;max-width:340px;display:block;position:relative}.gbtn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);height:46px;color:var(--text);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;display:flex}.gbtn-mark{flex:none;width:19px;height:19px}.gbtn-wrap:hover .gbtn{border-color:var(--accent);background:var(--bg-hover);box-shadow:var(--shadow-sm)}.gbtn-wrap:active .gbtn{transform:scale(.985)}.gbtn-gsi{opacity:0;transform-origin:0 0;z-index:2;cursor:pointer;position:absolute;top:0;left:0;overflow:hidden}.landing-nav{z-index:5;background:var(--bg-panel);background:color-mix(in srgb, var(--bg-panel) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px clamp(20px,5vw,48px);display:flex;position:sticky;top:0}.landing-nav .brand{cursor:pointer;letter-spacing:-.01em;font-size:17px;font-weight:700}.landing-nav .brand .logo{font-size:20px}.landing-nav .btn{height:34px;padding:0 14px;font-size:13.5px}.landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,6vw,72px);max-width:1120px;margin:0 auto;padding:clamp(48px,8vh,96px) clamp(20px,5vw,48px) clamp(32px,5vh,56px);display:grid;position:relative}.landing-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(620px 340px at 22% 0%, var(--accent-soft), transparent 70%);height:480px;position:absolute;inset:-80px 0 auto}.hero-content{z-index:1;min-width:0;position:relative}.hero-eyebrow{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hero-eyebrow .icon{width:15px;height:15px}.landing-hero h1{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.06}.hero-sub{color:var(--text-dim);max-width:52ch;margin:0 0 30px;font-size:clamp(15px,1.6vw,17.5px);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-content .auth-divider{max-width:340px;margin:22px 0 16px}.hero-content .auth-google{justify-content:flex-start;min-height:0}.hero-trust{color:var(--text-muted);margin:18px 0 0;font-size:12.5px}.landing-art{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.landing-art:before{content:"";background:radial-gradient(circle at 50% 45%, var(--accent-soft), transparent 65%);filter:blur(28px);z-index:0;position:absolute;inset:6% 10%}.landing-art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(var(--border) 1px, transparent 1px) 0 0 / 100% 44px, linear-gradient(90deg, var(--border) 1px, transparent 1px) 0 0 / 44px 100%;opacity:.4;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 72%);mask-image:radial-gradient(circle,#000 30%,#0000 72%)}.art-cabinet{z-index:1;filter:drop-shadow(0 24px 40px #0000002e);width:100%;max-width:430px;height:auto;animation:7s ease-in-out infinite art-float;position:relative}.art-cavity{fill:var(--bg)}.art-shelf{stroke:var(--border-strong);stroke-width:2px}.art-face{fill:var(--bg-elevated);stroke:var(--border-strong);stroke-width:1.5px}.art-grain{stroke:var(--accent);stroke-width:1px;opacity:.1}.art-handle{fill:var(--accent)}.art-carcass{fill:none;stroke:var(--accent);stroke-width:3px;stroke-dasharray:1200;stroke-dashoffset:1200px;animation:1.6s forwards art-draw}.art-divider{stroke:var(--border-strong);stroke-width:1.5px}.art-dim-line{stroke:var(--text-dim);stroke-width:1px}.art-dim-tick{stroke:var(--text-dim);stroke-width:1.5px}.art-dim-bg{fill:var(--bg)}.art-dim-label{fill:var(--text-dim);font:600 13px var(--mono)}.art-scan{stroke:var(--accent);stroke-width:2px;opacity:0;animation:5s ease-in-out infinite art-scan}.art-dim{animation:4s ease-in-out infinite art-dim-pulse}.art-door-l{transform-box:fill-box;transform-origin:0;animation:7.5s ease-in-out infinite art-door}@keyframes art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes art-draw{to{stroke-dashoffset:0}}@keyframes art-dim-pulse{0%,to{opacity:.55}50%{opacity:.9}}@keyframes art-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:.85}88%{opacity:.85}to{opacity:0;transform:translateY(358px)}}@keyframes art-door{0%,22%{transform:scaleX(1)}50%,68%{transform:scaleX(.16)}92%,to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.art-cabinet,.art-scan,.art-dim,.art-door-l{animation:none}.art-scan{opacity:0}.art-carcass{stroke-dashoffset:0;animation:none}}.landing-stats{grid-template-columns:repeat(3,1fr);max-width:880px;margin:0 auto;padding:8px clamp(20px,5vw,48px) 0;display:grid}.stat{text-align:center;padding:18px 12px;position:relative}.stat+.stat:before{content:"";background:var(--border);width:1px;position:absolute;top:22%;bottom:22%;left:0}.stat .num{letter-spacing:-.02em;color:var(--accent);font-size:clamp(20px,2.4vw,27px);font-weight:800}.stat .lbl{color:var(--text-dim);margin-top:4px;font-size:13px}.landing-showcase{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(28px,5vw,72px);max-width:1120px;margin:0 auto;padding:clamp(24px,5vh,56px) clamp(20px,5vw,48px);display:grid}.section-head.head-left{text-align:left;max-width:none;margin:0}.section-head.head-left h2{font-size:clamp(22px,2.8vw,30px)}.landing-flow-art{min-width:0;position:relative}.flow-art{filter:drop-shadow(0 18px 34px #00000024);width:100%;height:auto}.flow-carcass{fill:var(--bg-elevated);stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:620;stroke-dashoffset:620px;animation:1.4s forwards art-draw}.flow-source .flow-line{stroke:var(--border-strong);stroke-width:1.5px}.flow-handle{fill:var(--accent)}.flow-wire{fill:none;stroke:var(--border-strong);stroke-width:1.5px;opacity:.6;stroke-dasharray:4 5}.flow-pulse{fill:var(--accent)}.flow-card{fill:var(--bg-panel);stroke:var(--border);stroke-width:1.5px}.flow-row{stroke:var(--text-dim);stroke-width:3px;stroke-linecap:round}.flow-nest{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.flow-tag{fill:var(--text-muted);font:700 11px var(--mono);letter-spacing:.04em;text-transform:uppercase}.flow-cost{fill:var(--accent);font:800 22px var(--mono)}.flow-tile{transform-box:fill-box}.flow-tile-1{animation:4.5s ease-in-out infinite flow-tile-in}.flow-tile-2{animation:4.5s ease-in-out .55s infinite flow-tile-in}.flow-tile-3{animation:4.5s ease-in-out 1.1s infinite flow-tile-in}@keyframes flow-tile-in{0%,6%{opacity:.35}16%,82%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.flow-carcass{stroke-dashoffset:0;animation:none}.flow-tile-1,.flow-tile-2,.flow-tile-3{opacity:1;animation:none}.flow-pulse{display:none}}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}.card-grid .reveal:nth-child(2),.steps-grid .reveal:nth-child(2){transition-delay:80ms}.card-grid .reveal:nth-child(3),.steps-grid .reveal:nth-child(3){transition-delay:.16s}.card-grid .reveal:nth-child(4){transition-delay:.24s}.card-grid .reveal:nth-child(5){transition-delay:.32s}.card-grid .reveal:nth-child(6){transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.landing-section{max-width:1120px;margin:0 auto;padding:clamp(48px,8vh,88px) clamp(20px,5vw,48px)}.section-head{text-align:center;max-width:640px;margin:0 auto clamp(32px,5vh,52px)}.section-head h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,3vw,36px);font-weight:800}.section-head p{color:var(--text-dim);margin:0;font-size:15px;line-height:1.6}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.feature-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:26px 24px}.feature-card:hover{box-shadow:var(--shadow);border-color:var(--accent-line);transform:translateY(-4px)}.feature-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-icon .icon{width:22px;height:22px}.feature-card h3{margin-bottom:8px;font-size:15.5px;font-weight:700}.feature-card p{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.6}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.step{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-panel));box-shadow:var(--shadow-sm);padding:28px 24px 26px;position:relative;overflow:hidden}.step:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.65;height:2px;position:absolute;top:0;left:24px;right:24px}.step-num{font:800 15px var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:inline-flex}.step h3{margin-bottom:8px;font-size:15.5px;font-weight:700}.step p{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.6}.landing-cta{text-align:center;background:linear-gradient(180deg, var(--bg-elevated), var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius-xl);max-width:1024px;box-shadow:var(--shadow);margin:0 auto clamp(40px,6vh,64px);padding:clamp(52px,8vh,84px) 24px;position:relative;overflow:hidden}.landing-cta:before{content:"";background:radial-gradient(closest-side, var(--accent-soft), transparent 75%);pointer-events:none;height:240px;position:absolute;inset:auto -20% -70%}.landing-cta h2{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(22px,3vw,32px);font-weight:800}.landing-cta p{color:var(--text-dim);margin:0 0 28px;font-size:15px}.landing-cta .btn{z-index:1;position:relative}.cta-brandmark{z-index:1;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px;display:flex;position:relative}.cta-logo{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);width:clamp(92px,12vw,124px);box-shadow:var(--shadow-lg);border-radius:24%;animation:6s ease-in-out infinite cta-logo-float}.cta-wordmark{letter-spacing:-.02em;font-size:clamp(21px,2.6vw,27px);font-weight:800}.cta-tagline{color:var(--text-muted);margin:-6px 0 0;font-size:13px}@keyframes cta-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.cta-logo{animation:none}}.landing-footer{max-width:1120px;color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:26px clamp(20px,5vw,48px) 40px;font-size:12.5px;display:flex}.landing-footer .brand{color:var(--text-dim);font-size:13px;font-weight:600}.footer-brand{flex-direction:column;gap:5px;display:flex}.footer-tagline{color:var(--text-muted);margin:0;font-size:12.5px}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast) var(--ease)}.footer-links a:hover{color:var(--accent)}.auth-shell{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative}.auth-nav{justify-content:space-between;align-items:center;padding:18px max(20px,50vw - 550px);display:flex;position:absolute;top:0;left:0;right:0}.auth-nav .brand{font-size:15px}.auth-nav .brand .logo{font-size:17px}.auth-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:440px;max-width:100%;box-shadow:var(--shadow-lg);animation:card-in var(--transition-slow) both;padding:40px 36px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.auth-heading{text-align:center;margin-bottom:28px}.auth-heading h1{margin-bottom:6px;font-size:25px;font-weight:700}.auth-heading p{color:var(--text-dim);margin:0;font-size:14px}.auth-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-field label{color:var(--text);font-size:13px;font-weight:600}.auth-field input{border-radius:var(--radius-sm);height:44px;padding:0 14px;font-size:15px}.auth-field .field-hint{color:var(--text-muted);font-size:12px}.auth-submit{background:var(--accent);width:100%;height:46px;color:var(--on-accent);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);border:none;margin-top:4px;font-size:15px;font-weight:600}.auth-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow)}.auth-submit:active:not(:disabled){background:var(--accent-active);transform:scale(.985)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin-bottom:18px;padding:11px 13px;font-size:13.5px;line-height:1.45;display:flex}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:auto;height:1px}.auth-google{justify-content:center;min-height:46px;display:flex}.auth-switch{color:var(--text-dim);text-align:center;margin-top:24px;font-size:14px}.auth-switch a{color:var(--accent);cursor:pointer;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.dash-shell{align-items:stretch;min-height:100vh;display:flex}.dash-sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:6px;width:248px;height:100vh;padding:18px 14px 16px;display:flex;position:sticky;top:0}.dash-brand{letter-spacing:-.01em;cursor:pointer;align-items:center;gap:9px;padding:6px 10px 18px;font-size:17px;font-weight:700;display:flex}.dash-brand .logo{color:var(--accent);font-size:20px}.dash-nav{flex-direction:column;gap:3px;display:flex}.dash-nav-item{border-radius:var(--radius);height:42px;color:var(--text-dim);text-align:left;align-items:center;gap:11px;padding:0 12px;font-size:14.5px;font-weight:600;display:flex}.dash-nav-item .icon{width:18px;height:18px}.dash-nav-item:hover{background:var(--bg-hover);color:var(--text)}.dash-nav-item.on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.dash-sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.dash-sidebar-foot .nav-controls{justify-content:space-between;padding:0 2px}.dash-account{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);text-align:left;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 10px;display:flex}.dash-account:hover{border-color:var(--accent);background:var(--bg-hover)}.dash-account.on{border-color:var(--accent);background:var(--accent-soft)}.dash-avatar{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.dash-account-who{flex-direction:column;gap:1px;min-width:0;display:flex}.dash-account-who .primary{font-size:13.5px;font-weight:600}.dash-account-who .secondary{color:var(--text-muted);font-size:11.5px}.dash-account-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-main{flex:auto;min-width:0}.dash-view{max-width:1100px;margin:0 auto;padding:40px clamp(20px,4vw,44px) 72px}.dash-view-narrow{max-width:720px}.dash-view-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.dash-view-head h1{margin-bottom:6px;font-size:30px;font-weight:800}.dash-view-head p{color:var(--text-dim);margin:0;font-size:14.5px}.dash-search-row{align-items:center;max-width:420px;margin-bottom:22px;display:flex;position:relative}.dash-search-row .icon{width:17px;height:17px;color:var(--text-muted);pointer-events:none;position:absolute;left:13px}.dash-search{border-radius:var(--radius);width:100%;height:44px;padding:0 14px 0 40px;font-size:14.5px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.dash-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:168px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;gap:12px;padding:16px;display:flex}.dash-card:hover{box-shadow:var(--shadow);border-color:var(--accent-line);transform:translateY(-3px)}.dash-card-top{justify-content:space-between;align-items:flex-start;display:flex}.dash-card-thumb{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.dash-card-thumb .icon{width:24px;height:24px}.dash-more{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.dash-more:hover{background:var(--bg-hover);color:var(--text)}.dash-card-name{text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:15.5px;font-weight:650;overflow:hidden}.dash-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dash-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.dash-badge.viewer{background:var(--warn-soft);color:var(--warn)}.dash-badge.locked{background:var(--warn-soft);color:var(--warn);align-items:center;gap:4px;display:inline-flex}.dash-badge.locked .icon{width:12px;height:12px}.dash-card.locked{border-color:var(--warn-soft);background:var(--bg-elevated)}.dash-card.locked:hover{box-shadow:var(--shadow-sm);border-color:var(--warn-soft);transform:none}.dash-card.locked .dash-card-thumb{background:var(--warn-soft);color:var(--warn)}.dash-banner{background:var(--warn-soft);border:1px solid var(--warn-soft);border-radius:var(--radius-lg);align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.dash-banner-icon{background:var(--bg-panel);width:34px;height:34px;color:var(--warn);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.dash-banner-icon .icon{width:18px;height:18px}.dash-banner-body{flex:auto;min-width:0}.dash-banner-title{margin-bottom:4px;font-size:15px;font-weight:700}.dash-banner-body p{color:var(--text-dim);margin:0 0 12px;font-size:13.5px;line-height:1.6}.dash-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.dash-banner-actions .btn{height:34px;padding:0 14px;font-size:13px}.dash-card input.dash-rename{border-radius:var(--radius-sm);width:100%;height:34px;margin-top:auto;padding:0 9px;font-size:15px;font-weight:600}.dash-new{border:1.5px dashed var(--border-strong);box-shadow:none;color:var(--text-dim);background:0 0;justify-content:center;align-items:center;gap:8px}.dash-new:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:none;transform:none}.dash-new-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.dash-new-icon .icon{width:24px;height:24px}.dash-new-title{color:var(--text);font-size:15px;font-weight:700}.dash-new-sub{color:var(--text-muted);font-size:12.5px}.dash-new:hover .dash-new-title{color:var(--accent)}.dash-empty{text-align:center;color:var(--text-dim);padding:56px 20px;font-size:14.5px}.dash-empty .hint{color:var(--text-muted);margin-top:6px;font-size:13px}.plan-card{background:var(--bg-panel);border:1px solid var(--accent-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.plan-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);height:3px;position:absolute;inset:0 0 auto}.plan-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.plan-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:700}.plan-name{letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:800}.plan-price{text-align:right}.plan-price .amount{color:var(--accent);font-size:26px;font-weight:800}.plan-price .per{color:var(--text-muted);margin-top:2px;font-size:12.5px;display:block}.plan-list{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.plan-list li{align-items:center;gap:10px;font-size:14.5px;display:flex}.plan-list .icon{width:18px;height:18px;color:var(--good);flex:none}.plan-feature-list{border-top:1px solid var(--border);gap:8px;margin-top:14px;padding-top:14px}.plan-feature-list li.off,.plan-feature-list li.off .icon{color:var(--text-dim)}.plan-grid{grid-template-columns:repeat(1,minmax(250px,1fr));gap:18px;display:grid}.plan-card+.plan-card{margin-top:0}.plan-card{flex-direction:column;display:flex}.plan-card .plan-list{flex:auto}.plan-card:not(.plan-current){border-color:var(--border);box-shadow:var(--shadow-sm)}.plan-card:not(.plan-current):before{background:linear-gradient(90deg, var(--text-dim), transparent)}.plan-inactive{opacity:.92}.plan-usage{border-top:1px solid var(--border);color:var(--text-dim);margin-top:20px;padding-top:16px;font-size:14px}.plan-usage.over{color:var(--warn);font-weight:600}.plan-expiry{color:var(--text-dim);align-items:center;gap:8px;margin-top:12px;font-size:13.5px;display:flex}.plan-expiry .icon{flex:none;width:16px;height:16px}.plan-current-tag{color:var(--accent);align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:600;display:flex}.plan-current-tag .icon{width:18px;height:18px}.plan-switch{margin-top:22px}.plan-switch .btn{width:100%}.plan-switch-hint{text-align:center;color:var(--text-muted);margin:8px 0 0;font-size:12.5px}.plan-note{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);align-items:flex-start;gap:12px;margin-top:20px;padding:18px 20px;display:flex}.plan-note>.icon{width:20px;height:20px;color:var(--accent);flex:none;margin-top:1px}.plan-note-title{margin-bottom:6px;font-size:15px;font-weight:700}.plan-note p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.profile-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:26px 26px 24px}.profile-section-head{margin-bottom:20px}.profile-section-head h2{margin-bottom:5px;font-size:19px;font-weight:700}.profile-section-head p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.5}.profile-form{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-field>label{font-size:14px;font-weight:600}.form-input{border-radius:var(--radius);width:100%;height:46px;padding:0 14px;font-size:15px}.form-hint{color:var(--text-muted);font-size:12.5px;line-height:1.5}.form-actions{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.form-divider{background:var(--border);height:1px;margin:2px 0}.pw-wrap{align-items:center;display:flex;position:relative}.pw-wrap .form-input{padding-right:74px}.pw-toggle{border-radius:var(--radius-sm);height:34px;color:var(--accent);padding:0 12px;font-size:13px;font-weight:600;position:absolute;right:6px}.pw-toggle:hover{background:var(--accent-soft)}.info-note{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.info-note>.icon{width:19px;height:19px;color:var(--accent);flex:none;margin-top:1px}.info-note strong{margin-bottom:5px;font-size:14.5px;display:block}.info-note p{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.6}.modal.modal-sm{width:400px}.modal-text{color:var(--text-dim);margin:0 0 20px;font-size:14.5px;line-height:1.6}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.share-results{flex-direction:column;gap:4px;max-height:220px;margin-top:10px;display:flex;overflow-y:auto}.share-result-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}.share-result-row:hover{background:var(--bg-hover)}.share-result-row .who{flex:auto;overflow:hidden}.share-result-row .who .primary{font-size:13.5px;font-weight:500}.share-result-row .who .secondary{color:var(--text-dim);font-size:11.5px}.collab-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.collab-row:last-child{border-bottom:none}.collab-row .who{flex:auto;font-size:13.5px}.collab-row select{border-radius:var(--radius-sm);height:30px}@media (width<=960px){.landing-hero{text-align:center;grid-template-columns:1fr;gap:40px;padding-top:clamp(36px,6vh,64px)}.hero-content{max-width:600px;margin:0 auto}.hero-sub{margin-inline:auto}.hero-actions{justify-content:center}.hero-content .auth-divider{margin-inline:auto}.hero-content .auth-google{justify-content:center}.hero-content .gbtn-wrap{margin-inline:auto}.landing-art{order:-1}.art-cabinet{max-width:300px}.landing-showcase{text-align:center;grid-template-columns:1fr;gap:32px}.section-head.head-left{text-align:center}.landing-flow-art{max-width:460px;margin:0 auto}.auth-nav{padding:16px 20px;position:static}.auth-shell{padding-top:0}.dash-sidebar{align-items:center;width:68px;padding:16px 10px}.dash-brand{gap:0;padding:6px 0 16px;font-size:0}.dash-brand .logo{font-size:22px}.dash-nav{width:100%}.dash-nav-item{justify-content:center;padding:0}.dash-nav-item span{display:none}.dash-sidebar-foot{align-items:center;width:100%}.dash-sidebar-foot .nav-controls{flex-direction:column;gap:6px}.dash-account{justify-content:center;padding:8px}.dash-account-who{display:none}}@media (width<=640px){.landing-nav{flex-wrap:wrap;gap:10px 8px;padding:12px 16px}.landing-nav .nav-controls{order:3;justify-content:center;width:100%}.landing-hero{padding-inline:16px}.landing-hero h1{font-size:clamp(28px,8vw,34px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.art-cabinet{max-width:240px}.landing-stats{grid-template-columns:1fr;max-width:320px}.stat+.stat:before{width:auto;height:1px;inset:0 22% auto}.landing-section{padding:40px 16px}.landing-cta{border-radius:var(--radius-lg);margin-inline:16px;padding:44px 20px}.landing-footer{text-align:center;flex-direction:column;padding:22px 16px 32px}.footer-brand{align-items:center}.auth-card{border-radius:var(--radius);padding:28px 22px}.dash-view{padding:24px 16px 48px}.dash-view-head{flex-direction:column}.dash-view-head h1{font-size:25px}.dash-grid{grid-template-columns:1fr}.dash-search-row{max-width:none}.profile-section{padding:20px 18px}}