:root{--brand: #C8281B;--brand-deep: #A82A1D;--brand-tint: #FDF0EE;--brand-tint-line: #F3C9C4;--ink: #221F1B;--cream: #F4EFE6;--taupe: #7C6F5C;--n-0: #FFFFFF;--n-25: #FBFAF8;--n-50: #F5F4F1;--n-100: #EDEBE7;--n-200: #DFDCD6;--n-300: #C6C2BA;--n-400: #A19C93;--n-500: #7A756C;--n-600: #57534C;--n-700: #3C3934;--n-800: #2A2724;--text: var(--ink);--text-muted: var(--n-500);--text-subtle: var(--n-400);--surface: var(--n-0);--surface-sunk:var(--n-25);--app-bg: var(--n-50);--line: var(--n-200);--line-soft: var(--n-100);--ok: #1B7F4B;--ok-bg: #EAF6EF;--warn: #A9640B;--warn-bg: #FDF3E3;--danger: #B3261E;--danger-bg:#FCEEEC;--info: #1E5FA8;--info-bg: #EAF1FA;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Archivo Black", "Archivo", var(--font);--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--lh-tight: 1.25;--lh: 1.5;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(34,31,27,.06);--shadow-2: 0 2px 8px rgba(34,31,27,.08);--shadow-3: 0 12px 32px rgba(34,31,27,.16);--ctl-h: 32px;--ctl-h-sm: 26px;--ctl-pad: 0 10px;--header-h: 60px;--toolbar-h: 48px;--contextbar-h: 44px;--props-w: 380px}:root{--bg: #f8fafc;--panel: #ffffff;--ink: #1e293b;--muted: #64748b;--line: #e2e8f0;--accent: #C8281B;--accent-soft: #eff6ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand tools controls" "hint  hint  hint";align-items:center;gap:12px 20px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 1px 2px #0f172a08;z-index:2}.brand{grid-area:brand;display:flex;align-items:center;gap:8px}.brand-mark{width:16px;height:16px;border-radius:3px;background:linear-gradient(135deg,var(--accent),#1e40af)}.brand-name{font-weight:650;letter-spacing:-.01em}.brand-slice{font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:2px 6px;border-radius:999px}.tools{grid-area:tools;display:flex;gap:4px;justify-self:center;background:var(--bg);padding:3px;border-radius:8px;border:1px solid var(--line)}.tool{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:550;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.tool:hover{color:var(--ink)}.tool.is-active{background:var(--panel);color:var(--accent);box-shadow:0 1px 2px #0f172a14}.controls{grid-area:controls;display:flex;align-items:center;gap:8px}.toggle,.ghost{font-size:12px;font-weight:550;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.ghost:hover:not(:disabled){color:var(--ink);border-color:#cbd5e1}.ghost:disabled{opacity:.45;cursor:default}.toggle.is-on{color:var(--accent);background:var(--accent-soft);border-color:#bfdbfe}.zoom .ghost{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.hint{grid-area:hint;font-size:12px;color:var(--muted)}.canvas-wrap{flex:1;position:relative;overflow:hidden;background:#e8ecf1}.planbar{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}.field{display:flex;align-items:center;gap:6px;color:var(--muted)}.field span{font-weight:550}.field select,.field input{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.field select:disabled,.field input:disabled{opacity:.5}.new-plan input{width:150px}.status{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.status-saving{color:#b45309}.status-error{color:#b91c1c}.status-idle{color:#15803d}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;font-size:13px}.banner-warn{background:#fffbeb;color:#92400e;border-bottom:1px solid #fde68a}.banner-error{background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca}.banner-x{border:1px solid currentColor;background:transparent;color:inherit;font-size:12px;padding:3px 8px;border-radius:5px;cursor:pointer}.shell{height:100vh;display:flex;flex-direction:column}.shell .app{height:auto;flex:1;min-height:0}.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 16px;background:#0f172a;color:#e2e8f0;font-size:12px}.account-email{opacity:.85}.account-bar .ghost{background:transparent;border-color:#334155;color:#e2e8f0}.auth-checking{height:100vh;display:grid;place-items:center;color:var(--muted);font-size:14px}.login-wrap{height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:320px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px 24px;box-shadow:0 8px 30px #0f172a14}.login-brand{display:flex;align-items:center;gap:8px}.login-sub{margin:6px 0 20px;color:var(--muted);font-size:13px}.login-field{display:block;margin-bottom:14px}.login-field span{display:block;font-size:12px;font-weight:550;color:var(--muted);margin-bottom:4px}.login-field input{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink)}.login-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:7px;padding:8px 10px;font-size:12px;margin-bottom:12px}.login-btn{width:100%;padding:9px;border:0;border-radius:7px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.login-btn:disabled{opacity:.55;cursor:default}.workspace{flex:1;min-height:0;position:relative;display:flex}.workspace .canvas-wrap{flex:1}.palette{position:absolute;top:12px;left:12px;z-index:3;width:180px;max-height:calc(100% - 24px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 16px #0f172a0f;padding:10px}.palette-title{font-weight:650;font-size:13px;margin-bottom:8px}.palette-group{margin-bottom:10px}.palette-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:6px 0 4px}.palette-item{display:block;width:100%;text-align:left;font-size:13px;padding:6px 8px;margin-bottom:3px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);cursor:pointer}.palette-item:hover{border-color:var(--accent);color:var(--accent)}.props-title{font-weight:650;font-size:13px;margin-bottom:10px}.props-field{display:block;margin-bottom:10px}.props-field span{display:block;font-size:11px;font-weight:550;color:var(--muted);margin-bottom:3px}.props-field input{width:100%;font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.props-row{display:flex;gap:8px}.props-static{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}.props-readout{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 12px}.props-danger{width:100%;font:inherit;font-size:12px;font-weight:550;padding:7px;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:#b91c1c;cursor:pointer}.props-danger:hover{background:#fee2e2}.props-field select{width:100%;font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.app-shell{height:100vh;display:flex;flex-direction:column}.route-area,.planner{flex:1;min-height:0;display:flex;flex-direction:column}.topnav{display:flex;align-items:center;gap:24px;padding:8px 16px;background:#0f172a;color:#e2e8f0;flex:none}.topnav-brand{display:flex;align-items:center;gap:8px;font-weight:650}.topnav-links{display:flex;gap:4px}.topnav-links a{color:#94a3b8;text-decoration:none;font-size:13px;font-weight:550;padding:5px 12px;border-radius:6px}.topnav-links a:hover{color:#e2e8f0}.topnav-links a.is-active{color:#fff;background:#ffffff1a}.topnav-account{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px}.topnav-email{color:#94a3b8}.topnav-account .ghost{background:transparent;border-color:#334155;color:#e2e8f0}.config{flex:1;min-height:0;overflow-y:auto;background:var(--bg)}.config-inner{max-width:860px;margin:0 auto;padding:28px 24px 60px}.config-inner h1{font-size:22px;margin:0 0 20px}.config-section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:20px}.config-section h2{font-size:15px;margin:0 0 14px}.config-note{font-size:12px;color:var(--muted);margin:10px 0 0}.config-table{width:100%;border-collapse:collapse;font-size:13px}.config-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.config-table td{padding:6px 8px;border-bottom:1px solid var(--line)}.config-table td.num{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.config-table input,.config-table select{font:inherit;font-size:13px;width:100%;padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.config-table input:disabled,.config-table select:disabled{opacity:.6;background:transparent;border-color:transparent}.link-danger{border:0;background:transparent;color:#b91c1c;font:inherit;font-size:12px;cursor:pointer}.link-danger:disabled{color:var(--muted);opacity:.5;cursor:default}.config-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.config-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:550}.config-form input,.config-form select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);min-width:180px}.config-save{font:inherit;font-weight:600;font-size:13px;padding:8px 16px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.config-save:disabled{opacity:.5;cursor:default}.palette-empty{font-size:12px;color:var(--muted);padding:4px}.config-error{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:16px}.config-error button{border:1px solid currentColor;background:transparent;color:inherit;font-size:12px;padding:3px 8px;border-radius:5px;cursor:pointer}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}.chip-x{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.chip-x:hover:not(:disabled){color:#b91c1c}.chip-x:disabled{opacity:.3;cursor:default}.palette-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.palette-collapse,.palette-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:6px;cursor:pointer}.palette-collapse{width:22px;height:22px;font-size:14px;line-height:1}.palette-tab{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;box-shadow:0 4px 16px #0f172a0f}.palette-tab:hover{color:var(--accent);border-color:var(--accent)}.palette-tab-chev{font-size:14px}.props-primary{width:100%;font:inherit;font-size:12px;font-weight:600;padding:7px;margin-bottom:8px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.props-primary:disabled{opacity:.5;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a59;display:grid;place-items:center}.modal-card{width:340px;background:var(--panel);border-radius:12px;box-shadow:0 12px 40px #0f172a40;padding:20px}.modal-title{font-weight:650;font-size:15px}.modal-sub{font-size:12px;color:var(--muted);margin:4px 0 14px}.modal-card .props-field select,.modal-card .props-field input{width:100%;font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.modal-actions .props-primary{width:auto;margin:0;padding:7px 16px}.props-hint{font-size:11px;color:var(--muted);margin:2px 0 10px}.config-table td input{min-width:90px}.dim{width:56px;text-align:right}.dim-x,.dim-unit{color:var(--muted);font-size:12px}.ctx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}.ctx-menu{position:absolute;z-index:9;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0f172a29;padding:4px}.ctx-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);padding:7px 10px;border-radius:5px;cursor:pointer}.ctx-menu button:hover{background:var(--accent-soft);color:var(--accent)}.danger-text{color:#b91c1c}.danger-text:hover:not(:disabled){border-color:#fecaca;background:#fef2f2}.modal-danger{font:inherit;font-weight:600;font-size:13px;padding:7px 16px;border:0;border-radius:6px;background:#dc2626;color:#fff;cursor:pointer}.modal-danger:disabled{opacity:.5;cursor:default}.ctx-menu button:disabled{color:var(--muted);opacity:.45;cursor:default}.ctx-menu button:disabled:hover{background:transparent;color:var(--muted)}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}.aisle-width{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding-right:8px;border-right:1px solid var(--line);margin-right:4px}.aisle-width input{width:46px;text-align:right}.drawer-rail{flex:0 0 auto;width:34px;border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em}.drawer-rail span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;padding:10px 0}.drawer-rail:hover{color:var(--accent);background:var(--accent-soft)}.controls-drawer{width:264px;overflow-y:auto}.ctrl-group{margin-bottom:15px}.ctrl-group-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:5px}.ctrl-row{display:flex;gap:8px;font-size:12px;padding:3px 0;line-height:1.3}.ctrl-key{flex:0 0 42%;font-weight:600;color:var(--ink)}.ctrl-desc{flex:1;color:var(--muted)}.color-by{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.color-by select{font-size:12px;padding:2px 4px}.legend{position:absolute;bottom:14px;left:14px;background:#fffffff5;border:1px solid var(--line);border-radius:8px;padding:8px 10px;box-shadow:0 2px 8px #0f172a1a;font-size:12px;max-height:40%;overflow-y:auto;z-index:5;pointer-events:auto}.legend-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:5px}.legend-row{display:flex;align-items:center;gap:7px;padding:2px 0}.legend-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.legend-name{color:var(--ink)}.chip-color{width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}.chip-auto{font-size:10px;color:var(--muted);background:none;border:1px solid var(--line);border-radius:4px;padding:0 4px;cursor:pointer}.chip-auto:hover{color:var(--accent)}.legend-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.legend-clear{font-size:10.5px;color:var(--accent);background:none;border:0;cursor:pointer;padding:0}.legend-row{display:flex;align-items:center;gap:7px;padding:3px 4px;width:100%;border:0;background:none;border-radius:5px;cursor:pointer;text-align:left}.legend-row:hover{background:var(--accent-soft)}.legend-row.is-dim{opacity:.4}.metrics{position:absolute;top:14px;right:14px;background:#fffffff5;border:1px solid var(--line);border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #0f172a1a;z-index:5;pointer-events:none}.metrics-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:5px}.metrics-grid{display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:baseline}.metrics-num{font-size:15px;font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.metrics-lbl{font-size:12px;color:var(--muted)}.metrics-pct{margin-top:6px;padding-top:5px;border-top:1px solid var(--line);font-size:11.5px;color:var(--accent);font-weight:600}.props-lock{width:100%;margin-top:4px;padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;color:var(--ink);cursor:pointer}.props-lock:hover{background:#eef2f7}.props-lock.is-locked{background:#fff7ed;border-color:#fdba74;color:#9a3412}.props-sublabel{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin:8px 0 4px}.align-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:4px}.align-grid button{padding:5px 0;font-size:13px;border:1px solid var(--line);border-radius:5px;background:#f8fafc;cursor:pointer}.align-grid button:hover{background:var(--accent-soft);border-color:var(--accent)}.ctx-label{padding:4px 10px 2px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.ctx-align{display:flex;gap:3px;padding:2px 8px 4px}.ctx-align button{flex:1;padding:4px 0;font-size:13px;border:1px solid var(--line);border-radius:4px;background:#f8fafc;cursor:pointer}.ctx-align button:hover{background:var(--accent-soft)}.align-grid.two{grid-template-columns:repeat(2,1fr)}.props-check{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12.5px;color:var(--ink);cursor:pointer}.props-check input{cursor:pointer}.align-grid.three{grid-template-columns:repeat(3,1fr)}.align-grid button,.align-grid.two button,.align-grid.three button{font-size:11.5px;padding:5px 2px}.props-linkrow{display:flex;flex-direction:column;gap:6px;padding:8px;margin-bottom:8px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.props-linkrow .props-hint{margin:0}.props-warn{margin:0;padding:6px 8px;border-radius:4px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:12px;font-weight:600}.palette-item.is-master{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-left:3px solid var(--brand)}.palette-item-note{font-size:11px;color:#64748b}.palette-cat-sep{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:8px}.vg-page{max-width:1180px}.vg-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.vg-list{display:flex;flex-direction:column;gap:6px}.vg-newrow{display:flex;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.vg-newrow select{flex:1 1 auto;min-width:0;height:32px}.vg-newrow button{flex:0 0 auto;height:32px}.vg-listitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;text-align:left;width:100%}.vg-listitem:hover{border-color:#cbd5e1;background:#f8fafc}.vg-listitem.is-active{border-color:var(--brand);background:var(--brand-tint)}.vg-listname{font-weight:600;font-size:13px}.vg-listmeta{font-size:11px;color:#64748b}.vg-detail{border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;background:#fff;min-width:0}.vg-detailhead{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e2e8f0}.vg-nameinput{flex:1 1 auto;min-width:0;max-width:420px;font-size:17px;font-weight:600;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.vg-nameinput:focus{border-color:var(--brand);outline:none}.vg-detailhead .props-danger{flex:0 0 auto;width:auto;padding:7px 14px;white-space:nowrap}.vg-meta{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.vg-meta .props-field{margin:0;min-width:170px}.vg-meta select{height:32px}.vg-footprint{display:flex;flex-direction:column;gap:4px}.vg-footprint span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.vg-footprint strong{font-size:14px}.vg-usage{margin:0 0 14px}.vg-sub{font-size:13px;margin:18px 0 10px;text-transform:uppercase;letter-spacing:.04em;color:#475569}.vg-table{width:100%;border-collapse:separate;border-spacing:0}.vg-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:600;padding:0 8px 8px;border-bottom:1px solid #e2e8f0}.vg-table td{padding:5px 8px 5px 0;vertical-align:middle}.vg-table td:first-child{padding-left:8px}.vg-table tbody tr:hover{background:#f8fafc}.vg-table input,.vg-table select{width:100%;height:30px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;font-size:13px}.vg-table input:focus,.vg-table select:focus{border-color:var(--brand);outline:none}.vg-col-piece{width:150px}.vg-col-sku{width:170px}.vg-col-price{width:110px}.vg-col-vendor{width:150px}.vg-piece{font-weight:600;font-size:13px;white-space:nowrap}.linked-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--brand-tint);color:var(--brand-deep);border:1px solid #bfdbfe;font-size:11px;font-weight:600;margin-right:8px}.palette-tabs{display:flex;gap:4px;padding:0 8px 8px}.palette-tabs button{flex:1;padding:6px 8px;font-size:12px;font-weight:600;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer}.palette-tabs button.is-active{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-deep)}.palette-note{margin:0 8px 8px;font-size:11px;color:#64748b}.vg-col-qty{width:60px}.vg-qty{font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.vg-linkchip{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--brand-tint);color:var(--brand-deep);border:1px solid #bfdbfe;font-size:10px;font-weight:600;white-space:nowrap}.vg-splitqty{width:46px!important;height:24px!important;margin-left:6px;font-size:11px!important;padding:2px 4px!important}.vg-split{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;color:#64748b;font-weight:400;white-space:nowrap}.ved{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start;margin-bottom:18px}.ved-main{border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}.ved-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.ved-toolbar select{height:28px;max-width:150px}.ved-toolbar button{height:28px;padding:0 10px;font-size:12px}.ved-qty{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b}.ved-qty input{width:52px;height:28px;padding:2px 6px;border:1px solid #cbd5e1;border-radius:5px}.ved-sep{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.ved-stage{background:#fff}.ved-footprint{padding:7px 12px;border-top:1px solid #e2e8f0;background:#f8fafc;font-size:11px;color:#475569}.ved-side .props{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px}.items-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}.items-search{flex:1;max-width:360px;height:32px;padding:4px 10px;border:1px solid #cbd5e1;border-radius:6px}.items-count{font-size:12px;color:#64748b}.items-col-size{width:130px}.items-col-use{width:150px}.items-col-act{width:80px}.items-size,.items-use{font-size:12px;color:#475569;white-space:nowrap}.cfg-addrow{display:flex;gap:8px;margin-top:10px}.cfg-addrow input{height:32px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px}.cfg-addrow input:first-child{flex:1}.alloc-budget{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;margin-bottom:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.alloc-budget>div{display:flex;flex-direction:column;gap:3px}.alloc-budget span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.alloc-budget strong{font-size:15px;font-variant-numeric:tabular-nums}.alloc-budget .is-tight strong{color:#b91c1c}.alloc-bar{flex:1 1 220px;min-width:180px;position:relative}.alloc-bar>div{height:8px;border-radius:999px;background:var(--brand);min-width:2px}.alloc-bar:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:999px;background:#e2e8f0;z-index:-1}.alloc-bar em{display:block;margin-top:5px;font-size:11px;color:#64748b;font-style:normal}.alloc-add{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.alloc-add select{height:32px}.alloc-add input{width:70px;height:32px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px}.alloc-add button{height:32px}.alloc-add .primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600;padding:0 14px}.alloc-add .primary:disabled{opacity:.45}.alloc-groupby{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.alloc-groupby select{height:32px}.alloc-group{margin-bottom:18px}.alloc-group>header{display:flex;align-items:baseline;gap:12px;padding:6px 0 6px 12px;margin-bottom:6px;border-left:4px solid #94a3b8}.alloc-group h2{font-size:14px;margin:0}.alloc-group>header span{font-size:11px;color:#64748b}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pill.is-placed{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.pill.is-orphan{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.pill.is-ready{background:var(--brand-tint);color:var(--brand-deep);border:1px solid #bfdbfe}.pill.is-empty{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.pill-btn{padding:2px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:600;background:#fef3c7!important;color:#b45309!important;border:1px solid #fde68a!important}.alloc-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.alloc-alerts .alert{padding:9px 12px;border-radius:7px;font-size:12px;line-height:1.45;border:1px solid transparent}.alloc-alerts .alert strong{font-variant-numeric:tabular-nums}.alert.is-orphan{background:#fef3c7;border-color:#fde68a;color:#92400e}.alert.is-ready{background:var(--brand-tint);border-color:#bfdbfe;color:#1e40af}.alert.is-unalloc{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-head h1{margin:0}.gear{width:34px;height:34px;border-radius:8px;font-size:17px;line-height:1;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#475569}.gear:hover{background:#f1f5f9}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.modal{background:#fff;border-radius:10px;padding:20px 22px;max-width:640px;width:100%;max-height:80vh;overflow:auto;box-shadow:0 18px 45px #0f172a40}.modal h2{margin:0 0 6px;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;margin-top:14px}.alloc-counts b{font-variant-numeric:tabular-nums;color:#0f172a}.row-discontinued{opacity:.55}.row-discontinued .vg-piece{text-decoration:line-through}select.is-discontinued{color:#b45309;border-color:#fde68a;background:#fffbeb}.alloc-strays{margin:4px 0 0 12px;padding:8px 0 0;border-top:1px dashed #e2e8f0}.alloc-strayhead{font-size:11px;font-weight:600;color:#9a3412;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.pill-btn.is-detachpill{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important}.alloc-legend{margin:4px 0 10px;font-size:12px;color:#475569}.alloc-legend summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:12px}.alloc-legend p{margin:8px 0 0;line-height:1.5;max-width:70ch}.alloc-tabs{display:flex;gap:6px;margin:6px 0 12px}.alloc-tabs button{padding:7px 14px;font-size:13px;font-weight:600;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}.alloc-tabs button.is-active{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-deep)}.alloc-candidate{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:12px 14px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.alloc-candidate label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#64748b}.alloc-candidate select{height:32px}.alloc-fit{flex:1;min-width:240px;font-size:12px;color:#475569}.alloc-fit.is-over{color:#b91c1c}.store-opts{display:flex;gap:4px;flex-wrap:wrap}.store-chip{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid #e2e8f0;background:#f8fafc;color:#94a3b8;cursor:pointer}.store-chip.is-on{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.co-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);margin-left:5px;vertical-align:middle}.ss{position:relative;width:100%}.ss-value{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:30px;padding:4px 8px;font-size:13px;text-align:left;border:1px solid #cbd5e1;border-radius:5px;background:#fff;cursor:pointer}.ss-value.is-empty{color:#94a3b8}.ss-value span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-caret{color:#94a3b8;font-size:10px}.ss-pop{position:absolute;z-index:40;top:calc(100% + 3px);left:0;min-width:260px;width:max(100%,260px);background:#fff;border:1px solid #cbd5e1;border-radius:7px;box-shadow:0 12px 28px #0f172a29;padding:6px}.ss-search{width:100%;height:30px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:5px;font-size:13px}.ss-list{max-height:240px;overflow:auto;margin-top:5px}.ss-opt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:6px 8px;border:none;background:none;text-align:left;font-size:13px;border-radius:5px;cursor:pointer}.ss-opt.is-hi{background:var(--brand-tint)}.ss-opt.is-sel{font-weight:600}.ss-opt.is-none{color:#94a3b8}.ss-opt em{font-style:normal;font-size:11px;color:#94a3b8;white-space:nowrap}.ss-empty{padding:8px;font-size:12px;color:#94a3b8}.active-plan{display:flex;align-items:center;gap:5px;font-size:12px;color:#475569;padding:0 8px;white-space:nowrap}.src-cell{display:flex;flex-direction:column;gap:4px}.src-toggle{display:flex;align-items:center;gap:4px;font-size:10px;color:#64748b}.store-copyrow{display:flex;gap:8px;margin-top:4px}.linkish{border:none;background:none;padding:0;cursor:pointer;font-size:10px;color:var(--brand);text-decoration:underline}.copied-tag{font-size:10px;font-weight:700;color:#15803d}.cell-copied{background:#f0fdf4}.src-seg{display:inline-flex;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.src-seg button{padding:2px 9px;font-size:10px;font-weight:600;border:none;background:#fff;color:#64748b;cursor:pointer}.src-seg button+button{border-left:1px solid #cbd5e1}.src-seg button.is-on{background:var(--brand);color:#fff}.inv-legend{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11px;color:#475569}.inv-keys{display:flex;gap:14px;flex-wrap:wrap}.inv-keys span{display:flex;align-items:center;gap:5px}.inv-keys i{width:11px;height:11px;border-radius:3px;border:1.5px solid;display:inline-block}.inv-meta{display:flex;align-items:center;gap:10px}.inv-warn{color:#b91c1c}.stock-box{padding:8px 10px;border-radius:6px;border:1px solid;margin:8px 0;font-size:12px}.stock-box.is-here{background:#f0fdf4;border-color:#bbf7d0}.stock-box.is-else{background:#fffbeb;border-color:#fde68a}.stock-box.is-none{background:#fef2f2;border-color:#fecaca}.stock-head{font-weight:700;margin-bottom:4px}.stock-nums{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#475569}.stock-nums b{font-variant-numeric:tabular-nums}.stock-nums .is-dim{color:#94a3b8}.stock-disco{margin-top:5px;font-size:11px;font-weight:600;color:#b45309}.stock-inline.here{color:#15803d}.stock-inline.elsewhere{color:#b45309}.stock-inline.none{color:#b91c1c}.inv-note{margin-left:auto;font-style:italic}.ss-pop.is-wide{min-width:380px;width:max(100%,380px)}.ss-opt.is-item{display:grid;grid-template-columns:1fr;gap:1px}.ss-sku{font-weight:600;font-size:12px}.ss-desc{font-size:11px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-opt.is-item em{font-size:10px;color:#94a3b8}.props-linked{color:var(--brand-deep);font-size:11px;margin:-2px 0 6px}.recon-summary{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.recon-summary>div{display:flex;flex-direction:column;gap:3px}.recon-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.recon-summary strong{font-size:17px;font-variant-numeric:tabular-nums}.recon-summary .is-warn strong{color:#b45309}.recon-actions{margin-left:auto;flex-direction:row!important;gap:10px!important;align-items:center}.recon-note{max-width:78ch;margin-bottom:12px}.recon-merge{display:flex;align-items:center;gap:8px}.recon-merge select{flex:1;height:30px}.ss-miss{padding:8px;font-size:11px;color:#475569;line-height:1.5}.ss-miss strong{color:#b45309}.ss-near{margin-top:7px;display:flex;flex-direction:column;gap:3px}.ss-near>span{font-weight:600;color:#64748b}.ss-near button{text-align:left;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:5px;padding:4px 7px;font-size:11px;cursor:pointer}.ss-anyway{margin-top:8px;width:100%;padding:5px;font-size:11px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;cursor:pointer}.ss-anyway.is-primary{background:var(--brand-tint);border-color:#bfdbfe;color:var(--brand-deep);font-weight:600}.props-prov{color:#b45309;font-size:11px;margin:-2px 0 6px}.recon-ready{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:8px;padding:12px 14px;margin-bottom:12px}.recon-readyhead{font-size:12px;font-weight:600;color:#15803d;margin-bottom:8px}.prov-tag{font-style:normal;font-size:10px;color:#b45309;font-weight:600}.inv-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}.inv-filters label{display:flex;flex-direction:column;gap:3px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.inv-filters select{height:32px}.inv-filters .items-search{flex:1;min-width:220px}.inv-check{flex-direction:row!important;align-items:center;gap:5px!important;text-transform:none!important;font-size:12px!important}.inv-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.inv-bulk button{height:30px}.row-dead{background:#fffbeb}.inv-more{display:flex;align-items:center;gap:10px;margin-top:10px}.piece-list{margin:10px 0 4px}.piece-row{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start;padding:5px 0;border-top:1px solid #f1f5f9}.piece-row.is-sel{background:var(--brand-tint)}.piece-name{border:none;background:none;padding:3px 0;text-align:left;cursor:pointer;font-size:12px;font-weight:600;color:#334155}.piece-name:hover{color:var(--brand);text-decoration:underline}.piece-qty{margin-left:5px;font-size:10px;color:#64748b;font-weight:600}.piece-field{display:flex;flex-direction:column;gap:3px;min-width:0}.piece-desc{font-size:10px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-stock{font-size:10px;font-weight:600}.piece-stock.here{color:#15803d}.piece-stock.elsewhere{color:#b45309}.piece-stock.none{color:#b91c1c}.feed-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;margin-bottom:12px;border-radius:7px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:11px;color:#166534}.feed-status.is-stale{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.feed-status .items-size{color:inherit;opacity:.8}.loc-chips{display:inline-flex;gap:3px;flex-wrap:wrap}.loc-chip{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;background:var(--brand-tint);color:var(--brand-deep);border:1px solid #bfdbfe}.loc-chip.is-whse{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.loc-chip.is-dmg{background:#fef2f2;color:#b91c1c;border-color:#fecaca;margin-left:3px}.age-warn{color:#b45309;font-weight:600}.age-bad{color:#b91c1c;font-weight:700}.gmroi-good{color:#15803d;font-weight:700}.gmroi-bad{color:#b45309}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--fs-13);line-height:var(--lh);color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-24);line-height:var(--lh-tight);margin:0 0 var(--s-2);letter-spacing:-.01em}h2{font-size:var(--fs-16);line-height:var(--lh-tight);margin:0 0 var(--s-2)}.app-header{display:flex;align-items:center;gap:var(--s-5);height:var(--header-h);padding:0 var(--s-4);background:var(--surface);border-bottom:1px solid var(--line)}.app-logo{height:34px;width:auto;display:block}.app-logo-wrap{display:flex;align-items:center;gap:var(--s-3)}.app-context{font-size:var(--fs-11);color:var(--text-subtle);padding-left:var(--s-3);border-left:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.app-nav{display:flex;gap:var(--s-1);margin-left:var(--s-4)}.app-nav a{display:flex;align-items:center;height:var(--ctl-h);padding:0 var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-13);font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap}.app-nav a:hover{background:var(--n-50);color:var(--text)}.app-nav a.is-active{background:var(--brand-tint);color:var(--brand-deep);font-weight:600}.app-user{margin-left:auto;display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-12);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--ctl-h);padding:var(--ctl-pad);font-family:inherit;font-size:var(--fs-13);font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--n-50);border-color:var(--n-300)}.btn:active:not(:disabled){background:var(--n-100)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--brand-deep);border-color:var(--brand-deep)}.btn-quiet{border-color:transparent;background:transparent;color:var(--text-muted)}.btn-quiet:hover:not(:disabled){background:var(--n-100);color:var(--text)}.btn-danger{color:var(--danger);border-color:var(--line)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-sm{height:var(--ctl-h-sm);font-size:var(--fs-12);padding:0 8px}.btn-icon{width:var(--ctl-h);padding:0}.btn.is-on{background:var(--brand-tint);border-color:var(--brand-tint-line);color:var(--brand-deep);font-weight:600}.seg{display:inline-flex;background:var(--n-100);border-radius:var(--r-md);padding:2px;gap:2px}.seg button{display:inline-flex;align-items:center;gap:6px;height:calc(var(--ctl-h) - 4px);padding:0 10px;font-family:inherit;font-size:var(--fs-13);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer}.seg button:hover{color:var(--text)}.seg button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);font-weight:600}.seg-brand button.is-active{color:var(--brand-deep)}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{height:var(--ctl-h);padding:0 8px;font-family:inherit;font-size:var(--fs-13);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}textarea{height:auto;padding:6px 8px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}input::placeholder{color:var(--text-subtle)}label.field{display:flex;flex-direction:column;gap:3px}label.field>span{font-size:var(--fs-11);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pop-wrap{position:relative}.pop{position:absolute;z-index:60;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-3);padding:var(--s-2)}.pop-title{font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px 4px}.pop-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;padding:7px 8px;border:none;background:none;font-family:inherit;font-size:var(--fs-13);color:var(--text);border-radius:var(--r-sm);cursor:pointer;text-align:left}.pop-row:hover{background:var(--n-50)}.pop-sep{height:1px;background:var(--line-soft);margin:var(--s-2) 4px}.pop-hint{padding:2px 8px 6px;font-size:var(--fs-11);color:var(--text-subtle);line-height:1.45}.state{font-size:var(--fs-11);font-weight:600;color:var(--text-subtle)}.state.is-on{color:var(--brand-deep)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft)}.panel-title{font-size:var(--fs-13);font-weight:700;letter-spacing:-.01em}.panel-body{padding:var(--s-3) var(--s-4)}.section-label{font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;margin:var(--s-4) 0 var(--s-2)}.section-label:first-child{margin-top:0}.hint{font-size:var(--fs-11);color:var(--text-muted);line-height:1.45}.planbar-tools{display:flex;align-items:center;gap:var(--s-3);height:var(--toolbar-h);padding:0 var(--s-4);background:var(--surface);border-bottom:1px solid var(--line)}.tool-icon{font-size:13px;line-height:1;opacity:.8}.plus{font-size:15px;line-height:1;font-weight:600}.tool-spacer{flex:1}.btn-group{display:inline-flex;gap:2px}.zoom-group{display:inline-flex;align-items:center;gap:var(--s-1)}.zoom-val{font-size:var(--fs-12);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.tool-hint{position:absolute;left:var(--s-4);top:calc(var(--header-h) + var(--toolbar-h));font-size:var(--fs-11);color:var(--text-subtle);pointer-events:none}.inline-field{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:var(--ctl-h);background:var(--n-50);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-12);color:var(--text-muted)}.inline-field input{width:52px;height:var(--ctl-h-sm);border:none;background:transparent;padding:0}.inline-field input:focus{box-shadow:none}.inline-field em{font-style:normal}.pop-seg{display:flex;gap:2px;padding:2px;margin:0 4px;background:var(--n-100);border-radius:var(--r-sm)}.pop-seg button{flex:1;height:26px;border:none;background:transparent;border-radius:4px;font-family:inherit;font-size:var(--fs-12);color:var(--text-muted);cursor:pointer}.pop-seg button.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-1)}.drawer{position:absolute;top:var(--s-3);left:var(--s-3);z-index:20;width:232px;max-height:calc(100% - var(--s-6));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.drawer+.drawer{left:calc(var(--s-3) + 232px + var(--s-2))}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3);border-bottom:1px solid var(--line-soft)}.drawer-title{font-size:var(--fs-12);font-weight:700;letter-spacing:.01em}.drawer-body{overflow:auto;padding:var(--s-3)}.drawer-rail{position:absolute;top:var(--s-3);z-index:20;writing-mode:vertical-rl;text-orientation:mixed;padding:var(--s-3) 6px;font-size:var(--fs-12);font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:pointer}.drawer-rail:hover{color:var(--text);background:var(--n-50)}.add-modal{max-width:620px;padding:0;overflow:hidden}.add-modal .panel-head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft)}.add-tabs{margin:var(--s-3) var(--s-4) 0}.add-tabs button{flex:1;justify-content:center}.add-search{margin:var(--s-3) var(--s-4) 0;width:calc(100% - var(--s-8))}.add-body{padding:var(--s-3) var(--s-4) var(--s-4);max-height:52vh;overflow:auto}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-2)}.add-card{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:var(--s-3);text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.add-card:hover{border-color:var(--brand);background:var(--brand-tint)}.add-card-name{font-size:var(--fs-13);font-weight:600}.add-card-meta{font-size:var(--fs-11);color:var(--text-muted)}.planbar-context{display:flex;align-items:center;gap:var(--s-2);height:var(--contextbar-h);padding:0 var(--s-4);background:var(--surface-sunk);border-bottom:1px solid var(--line)}.ctx-select{border-color:transparent;background:transparent;font-weight:500;max-width:190px}.ctx-select.is-strong{max-width:340px;min-width:200px}.ctx-select:hover{background:var(--surface);border-color:var(--line)}.ctx-select.is-strong{font-weight:600}.ctx-sep{color:var(--text-subtle)}.ctx-size{font-size:var(--fs-12);color:var(--text-muted);font-variant-numeric:tabular-nums}.live-tag{font-size:var(--fs-11);font-weight:700;color:var(--ok);background:var(--ok-bg);border:1px solid #C4E6D4;padding:2px 8px;border-radius:var(--r-full)}.save-state{margin-left:auto;font-size:var(--fs-11);color:var(--text-subtle)}.save-state.is-saving{color:var(--brand-deep)}.pop-left{left:0;right:auto;min-width:300px}.pop-row:disabled{opacity:.4;cursor:default}.pop-row.is-danger{color:var(--danger)}.pop-row.is-danger:hover{background:var(--danger-bg)}.pop-check{display:flex;gap:var(--s-2);padding:6px 8px;cursor:pointer}.pop-check span{font-size:var(--fs-13)}.pop-check em{display:block;font-style:normal;font-size:var(--fs-11);color:var(--text-subtle);margin-top:2px}.pop-sizerow{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:var(--fs-12);color:var(--text-muted)}.pop-sizerow input{width:84px}.pop-newplan{padding:4px 8px 8px;display:flex;flex-direction:column;gap:6px}.pop-newplan input{width:100%}.pop-newsize{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--text-muted)}.pop-newsize input{width:70px}.pop-newactions{display:flex;justify-content:flex-end;gap:6px}.tool-hint-inline{font-size:var(--fs-12);color:var(--text-muted);padding-left:var(--s-2);border-left:1px solid var(--line)}.shortcuts-modal{max-width:720px;padding:0}.shortcuts-body{padding:var(--s-4);max-height:66vh;overflow:auto;columns:2;column-gap:var(--s-6)}.shortcut-group{break-inside:avoid;margin-bottom:var(--s-4)}.shortcut-row{display:flex;gap:var(--s-3);padding:3px 0;font-size:var(--fs-12)}.shortcut-key{flex:0 0 118px;font-weight:600;color:var(--text)}.shortcut-desc{color:var(--text-muted)}.props{width:var(--props-w);flex:0 0 var(--props-w);overflow:auto;background:var(--surface);border-left:1px solid var(--line);padding:var(--s-4)}.props-title{font-size:var(--fs-14);font-weight:700;margin-bottom:var(--s-1);letter-spacing:-.01em}.props-sublabel{font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;margin:var(--s-4) 0 var(--s-2)}.props-hint{font-size:var(--fs-11);color:var(--text-muted);line-height:1.45;margin:0 0 var(--s-2)}.props-field{display:flex;flex-direction:column;gap:3px;margin-bottom:var(--s-2)}.props-field>span{font-size:var(--fs-11);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.props-field input,.props-field select{width:100%}.props-row{display:flex;gap:var(--s-2)}.props-row .props-field{flex:1;min-width:0}.align-axis{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}.align-axis-label{flex:0 0 46px;font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.align-seg{flex:1}.align-seg button{flex:1;justify-content:center;font-size:var(--fs-11);padding:0 4px}.spacing-pair{flex:1;display:flex;gap:var(--s-1)}.spacing-pair button{flex:1}.stock-box.is-here{background:#eaf6ef;border-color:#c4e6d4}.stock-box.is-warehouse{background:#eaf1fa;border-color:#c6d9f0}.stock-box.is-other{background:#fdf3e3;border-color:#f1dcb4}.stock-box.is-none{background:#fceeec;border-color:#f3c9c4}.piece-stock.warehouse{color:#1e5fa8}.piece-stock.other{color:#a9640b}.ss-pop.is-portal{position:fixed;z-index:200}.piece-addbtn{width:100%;margin-top:var(--s-2);justify-content:center}.piece-add{margin-top:var(--s-2);padding:var(--s-2);border:1px dashed var(--line);border-radius:var(--r-md);background:var(--surface-sunk);display:flex;flex-direction:column;gap:var(--s-2)}.piece-add select{width:100%}.piece-add-row{display:flex;align-items:flex-end;gap:var(--s-2)}.piece-qty-field{display:flex;flex-direction:column;gap:2px}.piece-qty-field span{font-size:var(--fs-11);color:var(--text-muted)}.piece-qty-field input{width:56px}.piece-add-row .btn{flex:1}.ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.ctx-menu{position:absolute;z-index:160;min-width:216px;padding:var(--s-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-3)}.ctx-menu button{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;padding:6px 9px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--fs-13);color:var(--text);border-radius:var(--r-sm);text-align:left}.ctx-menu button:hover:not(:disabled){background:var(--n-50)}.ctx-menu button:disabled{opacity:.38;cursor:default}.ctx-menu button.is-danger{color:var(--danger)}.ctx-menu button.is-danger:hover{background:var(--danger-bg)}.ctx-menu button em{font-style:normal;font-size:var(--fs-11);color:var(--text-subtle);font-variant-numeric:tabular-nums}.ctx-label{padding:6px 9px 3px;font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.ctx-sep{height:1px;background:var(--line-soft);margin:var(--s-1) 4px}.ctx-align{display:flex;gap:2px;padding:0 5px 3px}.ctx-align button{flex:1;justify-content:center;font-size:var(--fs-11);padding:5px 2px;background:var(--n-50)}.ctx-align button:hover{background:var(--n-100)}.props-field input,.props-field select,.props-field .ss{min-width:0}.props .ss-value{font-size:var(--fs-13)}.props-title{font-size:var(--fs-14)}.props .btn-primary,.props .primary{background:var(--brand);border-color:var(--brand);color:#fff}.props select,.props input[type=text],.props input[type=number]{width:100%}.props .props-row>*{flex:1;min-width:0}.piece-row{grid-template-columns:104px 1fr}.ss-pop.is-portal,.ss-pop.is-wide.is-portal{position:fixed;z-index:200;right:auto;bottom:auto;min-width:0;max-width:calc(100vw - 24px);max-height:min(60vh,420px);overflow:auto}.vendor-picker{display:flex;flex-direction:column;gap:3px}.vendor-addlink{align-self:flex-start}.vendor-add{display:flex;flex-direction:column;gap:var(--s-2)}.vendor-add input{width:100%}.vendor-add-actions{display:flex;gap:var(--s-2)}.vendor-add-actions .btn{flex:1}.chip-code{width:62px;height:22px;padding:0 5px;margin-left:6px;font-size:var(--fs-11);font-weight:600;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.planner-host{display:contents}.planner-host[hidden]{display:none}.page{padding:var(--s-6) var(--s-6) var(--s-10);max-width:1440px;margin:0 auto}.page-intro{font-size:var(--fs-13);color:var(--text-muted);max-width:78ch;margin:0 0 var(--s-5);line-height:var(--lh)}.vg-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--s-5);align-items:start}.vg-list{position:sticky;top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-1);max-height:calc(100vh - var(--header-h) - var(--s-10));overflow:auto;padding:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.vg-search{width:100%;margin-bottom:var(--s-2)}.vg-listcount{font-size:var(--fs-11);color:var(--text-subtle);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:0 2px var(--s-1)}.vg-newrow{display:flex;gap:var(--s-2);margin-bottom:var(--s-2)}.vg-newrow select,.vg-newrow input{flex:1;min-width:0}.vg-listitem{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;padding:var(--s-2) var(--s-3);text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--r-md)}.vg-listitem:hover{background:var(--n-50)}.vg-listitem.is-active{background:var(--brand-tint);border-color:var(--brand-tint-line)}.vg-listname{font-size:var(--fs-13);font-weight:600;color:var(--text)}.vg-listitem.is-active .vg-listname{color:var(--brand-deep)}.vg-listmeta{font-size:var(--fs-11);color:var(--text-muted)}.vg-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5)}.vg-detailhead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-bottom:var(--s-3);margin-bottom:var(--s-4);border-bottom:1px solid var(--line-soft)}.vg-nameinput{font-size:var(--fs-20);font-weight:700;letter-spacing:-.01em;border:1px solid transparent;background:transparent;height:auto;padding:2px 6px;border-radius:var(--r-sm);width:100%;max-width:420px}.vg-nameinput:hover{background:var(--n-50)}.vg-nameinput:focus{background:var(--surface);border-color:var(--brand)}.vg-meta,.vg-footprint{font-size:var(--fs-12);color:var(--text-muted)}.vg-linkchip{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-11);font-weight:600;padding:3px 9px;border-radius:var(--r-full);background:var(--info-bg);color:var(--info);border:1px solid #C6D9F0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r-md)}.vg-table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.vg-table th{position:sticky;top:0;z-index:1;text-align:left;font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;padding:var(--s-2) var(--s-3);background:var(--n-50);border-bottom:1px solid var(--line)}.vg-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line-soft);vertical-align:middle}.vg-table tr:last-child td{border-bottom:none}.vg-table tbody tr:hover{background:var(--n-25)}.vg-table input,.vg-table select{width:100%;height:var(--ctl-h-sm)}.vg-piece{font-weight:600}.vg-qty{font-variant-numeric:tabular-nums;color:var(--text-muted)}.config-note{font-size:var(--fs-12);color:var(--text-muted);line-height:var(--lh)}.ved{display:block;margin-bottom:var(--s-4)}.ved-main{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.ved-toolbar{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line-soft);background:var(--surface-sunk)}.ved-toolbar select{max-width:170px}.ved-toolbar .btn{height:var(--ctl-h-sm)}.ved-qty{display:flex;align-items:center;gap:4px;font-size:var(--fs-11);color:var(--text-muted)}.ved-qty input{width:52px;height:var(--ctl-h-sm)}.ved-sep{width:1px;height:20px;background:var(--line);margin:0 var(--s-1)}.ved-stage{background:var(--surface);display:flex;justify-content:center}.ved-selbar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-2) var(--s-3);border-top:1px solid var(--line-soft);background:var(--brand-tint)}.ved-selname{font-size:var(--fs-12);font-weight:700;color:var(--brand-deep);margin-right:var(--s-1)}.ved-selbar label{display:flex;align-items:center;gap:4px;font-size:var(--fs-11);color:var(--text-muted)}.ved-selbar input{width:62px;height:var(--ctl-h-sm)}.ved-selin{font-size:var(--fs-11);color:var(--text-muted);margin-right:var(--s-2)}.ved-footprint{padding:var(--s-2) var(--s-3);border-top:1px solid var(--line-soft);background:var(--surface-sunk);font-size:var(--fs-11);color:var(--text-muted);line-height:var(--lh)}.vg-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-3) var(--s-4);align-items:end;padding-bottom:var(--s-4);margin-bottom:var(--s-4);border-bottom:1px solid var(--line-soft)}.vg-meta .props-field{margin-bottom:0}.vg-usage{font-size:var(--fs-12);color:var(--text-muted);margin:0 0 var(--s-4)}.vg-footprint{font-size:var(--fs-12);color:var(--text-muted)}.vg-nameline{display:flex;align-items:center;gap:var(--s-3);min-width:0;flex:1}.usage-chip{flex:none;font-size:var(--fs-11);font-weight:600;padding:3px 9px;border-radius:var(--r-full);white-space:nowrap;border:1px solid transparent}.usage-chip.is-none{background:var(--n-100);color:var(--text-muted);border-color:var(--line)}.usage-chip.is-one{background:var(--ok-bg);color:var(--ok);border-color:#c4e6d4}.usage-chip.is-wide{background:var(--warn-bg);color:var(--warn);border-color:#f1dcb4}.vg-table tr.is-rowsel,.vg-table tr.is-rowsel:hover{background:var(--brand-tint)}.vg-splitsel{display:block;margin-top:3px;padding:2px 8px;font-size:var(--fs-11);font-weight:700;color:var(--brand-deep);background:var(--surface);border:1px solid var(--brand-tint-line);border-radius:var(--r-full);cursor:pointer}.vg-splitsel:hover{background:var(--brand-tint)}.vg-split{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:var(--fs-11);color:var(--text-muted)}.vg-splitqty{width:46px;height:var(--ctl-h-sm)}.alloc-group{margin-bottom:var(--s-5);border:1px solid var(--line);border-left:4px solid var(--sect, var(--n-300));border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.alloc-group>header{display:flex;align-items:baseline;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border-bottom:2px solid var(--sect, var(--n-300))}.alloc-group>header h2{font-size:var(--fs-14);margin:0;color:var(--sect, var(--text))}.alloc-counts{font-size:var(--fs-12);color:var(--text-muted)}.alloc-counts b{color:var(--text);font-variant-numeric:tabular-nums}.alloc-group .table-wrap{border:none;border-radius:0}.alloc-group .vg-table th{background:var(--n-25)}.alloc-group .vg-table td{vertical-align:middle}.alloc-empty{padding:var(--s-3) var(--s-4);font-size:var(--fs-12);color:var(--text-subtle)}.alloc-actions{display:flex;align-items:center;gap:var(--s-1);justify-content:flex-end}.alloc-actions .btn{height:var(--ctl-h-sm);padding:0 8px;font-size:var(--fs-11)}.alloc-group .vg-table td:last-child{white-space:nowrap;width:1%}.alloc-budget{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--s-4);align-items:start;padding:var(--s-4);margin-bottom:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.alloc-budget>div{display:flex;flex-direction:column;gap:2px}.alloc-budget span{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);white-space:nowrap}.alloc-budget strong{font-size:var(--fs-16);font-variant-numeric:tabular-nums}.alloc-budget .is-tight strong{color:var(--danger)}.alloc-bar{grid-column:1 / -1}.alloc-bar>div{height:6px;border-radius:var(--r-full);background:var(--brand);min-width:2px}.alloc-bar em{display:block;margin-top:5px;font-size:var(--fs-11);color:var(--text-muted);font-style:normal}.ready{font-weight:600;font-size:var(--fs-11);white-space:nowrap}.ready.is-ok{color:var(--ok)}.ready.is-part{color:var(--warn)}.ready.is-bad{color:var(--danger)}.ready-none{color:var(--text-subtle);font-size:var(--fs-11)}.ready-disco{display:block;margin-top:2px;font-size:var(--fs-11);font-weight:700;color:var(--warn)}.alloc-group .vg-table select,.alloc-group .vg-table input{height:var(--ctl-h);font-size:var(--fs-12)}.alloc-group .vg-table td{padding:var(--s-2) var(--s-2)}.alloc-col-vendor{min-width:130px}.alloc-col-source{min-width:116px}.alloc-col-source select{min-width:108px}.alloc-col-pick{min-width:220px}.alloc-col-name{min-width:170px}.alloc-col-status{min-width:128px}.alloc-group .vg-table th:first-child,.alloc-group .vg-table td:first-child{width:34px;text-align:left}.alloc-candidate{display:flex;gap:var(--s-5);align-items:flex-end;flex-wrap:wrap;padding:var(--s-4);margin-bottom:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.alloc-candidate label{display:flex;flex-direction:column;gap:3px}.alloc-candidate label>:first-child{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle)}.alloc-candidate select{min-width:180px}.alloc-fit{flex:1;min-width:240px;font-size:var(--fs-12);color:var(--text-muted);align-self:center}.alloc-fit.is-over{color:var(--danger)}.alloc-fit strong{display:block;margin-top:3px}.alloc-add{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}.alloc-add select{min-width:150px}.alloc-add input{width:72px}.alloc-spacer{flex:1}.alloc-groupby{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-12);color:var(--text-muted)}.src-seg{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:152px;padding:2px;gap:2px;background:var(--n-100);border-radius:var(--r-md)}.src-seg button{height:26px;padding:0 8px;border:none;border-radius:6px;font-family:inherit;font-size:var(--fs-11);font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;white-space:nowrap}.src-seg button:hover:not(:disabled){color:var(--text)}.src-seg button.is-on{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-1)}.src-seg button:disabled{opacity:.45;cursor:default}.alloc-group>header{border-left:none;margin-bottom:0;background:color-mix(in srgb,var(--sect, var(--n-300)) 7%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--sect, var(--n-300)) 28%,var(--surface))}.alloc-group{border-left-width:5px}.alloc-group .vg-table th{background:color-mix(in srgb,var(--sect, var(--n-300)) 4%,var(--n-25))}.alloc-group .vg-table{table-layout:fixed;width:100%}.alloc-col-vendor{width:130px}.alloc-col-source{width:164px}.alloc-col-pick{width:230px}.alloc-col-name{width:160px}.alloc-col-status{width:128px}.alloc-group .vg-table td{overflow:hidden;text-overflow:ellipsis}.swatch-import{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s-4);align-items:start}.swatch-import textarea{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-12)}.swatch-importside{display:flex;flex-direction:column;gap:var(--s-2)}.swatch-preview{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.swatch-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:var(--fs-11);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full)}.swatch-chip i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.swatch-chip.is-bad{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg)}.swatch-x{border:none;background:none;cursor:pointer;color:var(--text-subtle);font-size:13px;padding:0 2px}.swatch-x:hover{color:var(--danger)}.mb-modal{max-width:none;width:100vw;height:100vh;max-height:none;padding:0;border-radius:0;display:flex;flex-direction:column}.mb-body{display:grid;grid-template-columns:268px minmax(0,1fr);flex:1;min-height:0;max-height:none}.mb-side{padding:var(--s-4);overflow:auto;border-right:1px solid var(--line);background:var(--surface-sunk)}.mb-side .hint{margin-bottom:var(--s-2)}.mb-side>.btn{width:100%;justify-content:center;margin-top:var(--s-2)}.mb-listitem{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-sm);margin-bottom:2px}.mb-listitem.is-active{background:var(--brand-tint)}.mb-listname{flex:1;display:flex;align-items:center;gap:var(--s-2);min-width:0;border:none;background:none;cursor:pointer;padding:0}.mb-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--line);flex:none}.mb-title{border:1px solid transparent;background:transparent;height:26px;font-size:var(--fs-12);font-weight:600;width:100%}.mb-title:hover{background:var(--surface);border-color:var(--line)}.mb-listitem .btn{padding:0 6px}.mb-main{padding:var(--s-4);background:var(--n-100);display:flex;min-height:0;overflow:hidden}.mb-editor{display:flex;flex-direction:column;gap:var(--s-3);flex:1;min-height:0}.mb-stagewrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.mb-toolbar{display:flex;align-items:center;gap:var(--s-2);width:100%;flex-wrap:wrap;padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.mb-bg{display:flex;align-items:center;gap:6px;font-size:var(--fs-11);color:var(--text-muted)}.mb-bg input[type=color]{width:34px;height:26px;padding:1px;border:1px solid var(--line);border-radius:var(--r-sm);background:none}.mb-upload{position:relative;overflow:hidden}.mb-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.mb-page{position:relative;background:#fff;box-shadow:0 4px 18px #221f1b2e;border:1px solid var(--line)}.mb-page.is-drop{outline:3px dashed var(--brand);outline-offset:4px}.mb-empty{position:absolute;inset:auto 0 40% 0;text-align:center;font-size:var(--fs-12);color:var(--text-subtle);pointer-events:none}.props-board{width:100%;justify-content:center;margin-bottom:var(--s-2)}.mb-orient,.mb-layer{width:auto;min-width:0;flex:none}.mb-orient button,.mb-layer button{padding:0 10px}.mb-orient button{font-size:var(--fs-11)}.modal-scrim:has(.mb-modal){padding:0}.swatch-trigger{display:inline-flex;align-items:center;gap:7px;height:var(--ctl-h);padding:0 10px;max-width:260px;font-family:inherit;font-size:var(--fs-12);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.swatch-trigger:hover{border-color:var(--n-300)}.swatch-trigger i{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.15);flex:none}.swatch-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-trigger em{font-style:normal;color:var(--text-subtle);font-size:10px}.swatch-pop{position:fixed;z-index:220;width:760px;max-height:640px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-3);overflow:hidden}.swatch-popbar{display:flex;gap:var(--s-2);padding:var(--s-2);border-bottom:1px solid var(--line-soft)}.swatch-popbar input{flex:1;min-width:0}.swatch-popbar select{max-width:128px}.swatch-grid{flex:1;overflow:auto;padding:var(--s-2);display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:6px}.swatch-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:5px;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.swatch-cell:hover{border-color:var(--brand)}.swatch-cell.is-on{border-color:var(--brand);background:var(--brand-tint)}.swatch-cell i{width:100%;height:30px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.swatch-cellname{font-size:var(--fs-11);font-weight:600;line-height:1.25}.swatch-cellcode{font-size:10px;color:var(--text-subtle)}.swatch-popfoot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2);border-top:1px solid var(--line-soft);background:var(--surface-sunk)}.swatch-custom{display:flex;align-items:center;gap:5px;font-size:var(--fs-11);color:var(--text-muted)}.swatch-custom input[type=color]{width:30px;height:24px;padding:1px;border:1px solid var(--line);border-radius:4px;background:none}.mb-bg{display:flex;align-items:center;gap:7px;font-size:var(--fs-11);color:var(--text-muted);flex:none}.mb-size{max-width:168px;flex:none}.swatch-wall{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(19px,1fr));gap:2px;align-content:start;padding:var(--s-2)}.swatch-dot{width:100%;aspect-ratio:1;padding:0;border:1px solid rgba(0,0,0,.06);border-radius:3px;cursor:pointer;display:block}.swatch-dot:hover{outline:2px solid var(--ink);outline-offset:1px;position:relative;z-index:1}.swatch-dot.is-on{outline:2px solid var(--brand);outline-offset:1px;position:relative;z-index:1}.swatch-readout{display:flex;align-items:center;gap:var(--s-2);min-width:0}.swatch-readout i{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid rgba(0,0,0,.15);flex:none}.swatch-readout strong{display:block;font-size:var(--fs-12)}.swatch-readout em{font-style:normal;font-size:var(--fs-11);color:var(--text-subtle)}.mb-date{font-size:var(--fs-11);color:var(--text-subtle);white-space:nowrap}.mb-selbar{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);background:var(--brand-tint);border:1px solid var(--brand-tint-line);border-radius:var(--r-md)}.mb-textinput{flex:1;min-width:0}.mb-num{display:flex;align-items:center;gap:5px;font-size:var(--fs-11);color:var(--text-muted)}.mb-num input{width:62px}.mb-sellabel{font-size:var(--fs-12);font-weight:600;color:var(--brand-deep)}.mb-check{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--text)}.mb-layer button{font-size:var(--fs-11)}.mb-selbar input[type=color]{width:34px;height:26px;padding:1px;border:1px solid var(--line);border-radius:var(--r-sm);background:none}.mb-products{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;width:100%;padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.mb-productlabel{font-size:var(--fs-11);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;margin-right:var(--s-1)}.mb-product{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 9px;cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.mb-product:disabled{opacity:.5;cursor:default}.mb-product:hover:not(:disabled){border-color:var(--brand)}.mb-product.is-linked{border-color:#c4e6d4;background:var(--ok-bg)}.mb-product.is-on{border-color:var(--brand);background:var(--brand-tint)}.mb-productname{font-size:var(--fs-12);font-weight:600}.mb-productsku{font-size:10px;color:var(--text-subtle)}.mb-textedit{position:absolute;z-index:5;background:#ffffffd1;border:1px dashed var(--brand);border-radius:3px;padding:0;margin:0;resize:none;overflow:hidden;line-height:1.2;min-height:1.2em;height:auto;outline:none;box-shadow:none}.mb-textedit:focus{box-shadow:none;border-color:var(--brand)}.mb-font{max-width:148px}.mb-fontsize{width:64px}.mb-typebtns{display:inline-flex;gap:2px;background:var(--n-100);border-radius:var(--r-sm);padding:2px}.mb-typebtns button{width:28px;height:24px;border:none;background:transparent;border-radius:4px;font-family:inherit;font-size:var(--fs-12);color:var(--text-muted);cursor:pointer}.mb-typebtns button.is-on{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-1)}.mb-t-bold{font-weight:800}.mb-t-italic{font-style:italic;font-family:Georgia,serif}.mb-t-underline{text-decoration:underline}.mb-linksearch{flex:1;min-width:220px;max-width:420px}.ft-group .ft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--s-2);padding:var(--s-3)}.ft-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--s-3) var(--s-2);cursor:pointer;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.ft-card:hover{border-color:var(--brand);background:var(--brand-tint)}.ft-card.is-on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-tint)}.ft-art{height:76px;display:flex;align-items:center;justify-content:center}.ft-svg{display:block}.ft-name{font-size:var(--fs-12);font-weight:600}.ft-meta{font-size:var(--fs-11);color:var(--text-muted)}.ft-meta em{font-style:normal;color:var(--text-subtle)}.ft-modal{max-width:760px;width:92vw;padding:0}.ft-editbody{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--s-5);padding:var(--s-5)}.ft-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);align-self:start}.ft-fields{display:flex;flex-direction:column;gap:var(--s-2)}.ft-path{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-11);line-height:1.4}.ft-import{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.ft-import .hint{flex:1;min-width:180px}.fi-modal{max-width:880px;width:94vw;padding:0}.fi-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);max-height:78vh;overflow:auto}.fi-table{max-height:46vh;overflow:auto}.fi-file{font-size:var(--fs-12);font-weight:600}.fi-warn{display:block;font-style:normal;font-size:var(--fs-11);color:var(--warn)}.fi-actions{display:flex;gap:var(--s-2);justify-content:flex-end}.page-headactions{display:flex;gap:var(--s-2)}.sb-modal{max-width:1080px;width:96vw;padding:0}.sb-toolbar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--line);background:var(--surface-sunk)}.sb-tools{width:auto;min-width:0;flex:none}.sb-tools button{padding:0 12px}.sb-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0}.sb-canvas{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4);background:var(--n-100);overflow:auto;max-height:72vh}.sb-canvas .hint{text-align:center;max-width:60ch}.sb-svg{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1);display:block}.sb-svg.tool-select{cursor:pointer}.sb-svg.tool-rect,.sb-svg.tool-ellipse,.sb-svg.tool-line{cursor:crosshair}.sb-svg.tool-pencil{cursor:cell}.sb-part>*{fill:#7a756c1a;stroke:#3c3934;stroke-width:1.6;stroke-linejoin:round}.sb-part polyline,.sb-part line{fill:none}.sb-part.is-sel>*{stroke:var(--brand);stroke-width:2.4;fill:#c8281b1a}.sb-draft>*{fill:#c8281b14;stroke:var(--brand);stroke-width:1.6;stroke-dasharray:5 4}.sb-draft polyline,.sb-draft line{fill:none}.sb-ink{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.sb-side{padding:var(--s-4);border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:var(--s-2);overflow:auto;max-height:72vh}.sb-preview{display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-md)}.sb-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.sb-fields .mb-num{flex-direction:column;align-items:flex-start;gap:2px}.sb-fields input{width:100%}.sb-actions{margin-top:auto;display:flex;gap:var(--s-2);padding-top:var(--s-3)}.sb-actions .btn{flex:1;justify-content:center}.sb-chain polyline{fill:none;stroke:var(--brand);stroke-width:2;stroke-dasharray:6 4}.sb-chain circle{fill:#fff;stroke:var(--brand);stroke-width:2}.ft-nocode{color:var(--warn);font-style:normal}.ft-needcode{font-size:var(--fs-11);font-weight:600;color:var(--warn);background:var(--warn-bg);border:1px solid #F1DCB4;padding:3px 9px;border-radius:var(--r-full);white-space:nowrap}