:root,:root[data-theme=dark]{--bg-app: #090e1a;--bg-panel: #111827;--bg-card: #1e293b;--bg-card-hover: #26354d;--bg-input: #0b1120;--bg-subtle: rgba(15, 23, 42, .55);--bg-hud: rgba(15, 23, 42, .88);--border-subtle: rgba(148, 163, 184, .18);--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-heading: #e2e8f0;--accent-primary: #0ea5e9;--accent-hover: #38bdf8;--accent-amber: #f59e0b;--accent-emerald: #10b981;--accent-danger: #ef4444;--scrollbar-thumb: #334155;--scrollbar-track: #0f172a;color-scheme:dark;accent-color:var(--accent-primary)}:root[data-theme=light]{--bg-app: #f1f5f9;--bg-panel: #ffffff;--bg-card: #f8fafc;--bg-card-hover: #e2e8f0;--bg-input: #ffffff;--bg-subtle: #f1f5f9;--bg-hud: rgba(255, 255, 255, .92);--border-subtle: rgba(15, 23, 42, .14);--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-heading: #1e293b;--accent-primary: #0284c7;--accent-hover: #0369a1;--accent-amber: #d97706;--accent-emerald: #059669;--accent-danger: #dc2626;--scrollbar-thumb: #cbd5e1;--scrollbar-track: #f1f5f9;color-scheme:light;accent-color:var(--accent-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{inline-size:100%;block-size:100dvb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none}canvas{display:block}.toolbox-sidebar,.inspector-sidebar,.bom-table-container,.bom-standards-pane{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color: auto){.toolbox-sidebar::-webkit-scrollbar,.inspector-sidebar::-webkit-scrollbar,.bom-table-container::-webkit-scrollbar,.bom-standards-pane::-webkit-scrollbar{width:8px;height:8px}.toolbox-sidebar::-webkit-scrollbar-thumb,.inspector-sidebar::-webkit-scrollbar-thumb,.bom-table-container::-webkit-scrollbar-thumb,.bom-standards-pane::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.toolbox-sidebar::-webkit-scrollbar-track,.inspector-sidebar::-webkit-scrollbar-track,.bom-table-container::-webkit-scrollbar-track,.bom-standards-pane::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.studio-shell{display:grid;grid-template-rows:auto 1fr auto;inline-size:100%;block-size:100dvb}.studio-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:8px;padding-inline:16px;background:var(--bg-panel);border-block-end:1px solid var(--border-subtle)}.brand-block{display:flex;align-items:center;gap:10px}.brand-logo{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0f172a);border:1px solid #38bdf8;font-size:18px}.brand-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.brand-subtitle{display:block;font-size:11px;color:var(--text-secondary)}.panel-toggle-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding-block:5px;padding-inline:10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.panel-toggle-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}.panel-toggle-btn.active{background:#0ea5e924;color:var(--accent-primary);border-color:var(--border-focus)}.view-mode-switcher{display:flex;background:var(--bg-input);padding:3px;border-radius:8px;border:1px solid var(--border-subtle);gap:4px}.view-pill{background:transparent;color:var(--text-secondary);border:none;padding-block:6px;padding-inline:12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.view-pill:hover{color:var(--text-primary)}.view-pill.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 4px #0ea5e966}.header-right-controls{display:flex;align-items:center;gap:8px}.unit-toggle{display:flex;background:var(--bg-input);border-radius:6px;border:1px solid var(--border-subtle);padding:2px}.unit-toggle button{background:transparent;color:var(--text-secondary);border:none;padding-block:4px;padding-inline:8px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer}.unit-toggle button.active{background:var(--bg-card);color:var(--accent-primary)}.btn-ghost{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);padding-block:5px;padding-inline:10px;border-radius:6px;font-size:12px;cursor:pointer}.btn-ghost:hover{border-color:var(--border-focus)}.btn-bom-cta{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid #34d399;padding-block:6px;padding-inline:12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.bom-cost-pill{background:#00000059;padding-block:2px;padding-inline:6px;border-radius:4px;font-family:monospace;font-size:12px}.studio-main{display:grid;grid-template-columns:205px 1fr 315px;min-block-size:0}.studio-main.toolbox-collapsed{grid-template-columns:1fr 315px}.studio-main.inspector-collapsed{grid-template-columns:205px 1fr}.studio-main.toolbox-collapsed.inspector-collapsed{grid-template-columns:1fr}.sidebar-collapse-bar{display:flex;align-items:center;justify-content:space-between;padding-block-end:6px;border-block-end:1px solid var(--border-subtle);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.collapse-icon-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer}.collapse-icon-btn:hover{color:var(--text-primary);border-color:var(--border-focus)}.floating-expand-tab{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:25;background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-focus);padding-block:8px;padding-inline:10px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000059}.floating-expand-tab.left{inset-inline-start:0;border-inline-start:none;border-radius:0 8px 8px 0}.floating-expand-tab.right{inset-inline-end:0;border-inline-end:none;border-radius:8px 0 0 8px}.toolbox-sidebar{background:var(--bg-panel);border-inline-end:1px solid var(--border-subtle);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.tool-section{display:flex;flex-direction:column;gap:5px}.tool-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding-inline:4px;margin-block-end:2px}.tool-btn{display:flex;align-items:center;gap:9px;inline-size:100%;text-align:start;background:var(--bg-card);color:var(--text-primary);border:1px solid transparent;padding-block:7px;padding-inline:9px;border-radius:7px;cursor:pointer;transition:all .12s ease}.tool-btn:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.tool-btn.active{background:#0ea5e92e;border-color:var(--border-focus);box-shadow:inset 0 0 0 1px #38bdf859}.tool-icon{font-size:16px;inline-size:22px;text-align:center}.tool-text{display:flex;flex-direction:column;line-height:1.2}.tool-text strong{font-size:12px;font-weight:600}.tool-text small{font-size:10px;color:var(--text-secondary)}.viewport-stage{position:relative;display:grid;min-block-size:0;min-inline-size:0;background:var(--bg-app)}.viewport-stage.mode-2d,.viewport-stage.mode-3d{grid-template-columns:1fr}.viewport-stage.mode-split{grid-template-columns:1fr 1fr;gap:2px;background:var(--border-subtle)}.viewport-pane{position:relative;inline-size:100%;block-size:100%;min-block-size:0;min-inline-size:0}.pane-badge{position:absolute;inset-block-start:10px;inset-inline-start:12px;z-index:10;background:var(--bg-hud);border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:11px;font-weight:600;padding-block:4px;padding-inline:10px;border-radius:6px;pointer-events:none}.canvas2d-wrapper,.viewport3d-wrapper{position:relative;inline-size:100%;block-size:100%}.canvas2d-surface,.viewport3d-canvas{inline-size:100%;block-size:100%;cursor:crosshair}.viewport3d-canvas{cursor:grab}.viewport3d-canvas:active{cursor:grabbing}.canvas-hud-top{position:absolute;inset-block-start:42px;inset-inline-start:12px;inset-inline-end:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:12}.hud-banner{padding-block:7px;padding-inline:12px;border-radius:6px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-banner.amber{background:#f59e0b38;border:1px solid #f59e0b;color:var(--text-primary)}.hud-banner.red{background:#ef444438;border:1px solid #ef4444;color:var(--text-primary)}.hud-banner.blue{background:#0ea5e938;border:1px solid #38bdf8;color:var(--text-primary)}.hud-banner.green{background:#10b98138;border:1px solid #10b981;color:var(--text-primary)}.canvas-hud-bottom-right{position:absolute;inset-block-end:12px;inset-inline-end:12px;display:flex;align-items:center;gap:4px;background:var(--bg-hud);border:1px solid var(--border-subtle);padding:4px;border-radius:8px}.hud-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);padding-block:4px;padding-inline:8px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer}.hud-zoom-label{font-size:11px;font-family:monospace;padding-inline:6px;color:var(--text-secondary)}.viewport3d-hud-top{position:absolute;inset-block-start:42px;inset-inline-start:12px;inset-inline-end:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;pointer-events:none}.hud-pill-group{display:flex;flex-wrap:wrap;gap:4px;pointer-events:auto}.hud-pill{background:var(--bg-hud);color:var(--text-secondary);border:1px solid var(--border-subtle);padding-block:4px;padding-inline:9px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.hud-pill:hover,.hud-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--border-focus)}.viewport3d-inspector-card{position:absolute;inset-block-end:42px;inset-inline-start:12px;inline-size:min(340px,calc(100% - 24px));background:var(--bg-hud);border:1px solid var(--border-focus);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v3d-card-header{display:flex;flex-direction:column;margin-block-end:8px}.v3d-card-header strong{font-size:12px;color:var(--accent-primary)}.v3d-hint{font-size:10px;color:var(--text-secondary)}.v3d-card-controls{display:flex;flex-direction:column;gap:6px}.v3d-field{display:flex;flex-direction:column;gap:3px;font-size:11px}.v3d-color-row{display:flex;gap:6px;align-items:center}.v3d-color-row select{flex:1;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:4px;font-size:11px}.viewport3d-hud-bottom{position:absolute;inset-block-end:10px;inset-inline-start:12px;display:flex;gap:8px;background:var(--bg-hud);padding-block:4px;padding-inline:10px;border-radius:6px;font-size:11px;color:var(--text-secondary);pointer-events:none}.inspector-sidebar{background:var(--bg-panel);border-inline-start:1px solid var(--border-subtle);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.inspector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.inspector-card h3{font-size:12px;font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.04em}.levels-list{display:flex;flex-direction:column;gap:6px}.level-item{border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-subtle);overflow:hidden}.level-item.active{border-color:var(--border-focus);background:#0ea5e914}.level-item-main{display:flex;align-items:center;gap:8px;padding:7px 8px;cursor:pointer}.level-title-col{display:flex;flex-direction:column;font-size:12px}.level-title-col small{font-size:10px;color:var(--text-secondary)}.clusters-subtree{border-block-start:1px solid var(--border-subtle);padding:8px;background:var(--bg-panel);display:flex;flex-direction:column;gap:5px}.level-settings-inline{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;padding-block-end:4px;border-block-end:1px dashed var(--border-subtle)}.level-settings-inline input[type=number]{inline-size:54px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 4px;font-size:11px}.clusters-header{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.cluster-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;font-size:11px;cursor:pointer}.cluster-row.selected{background:#38bdf833;font-weight:600}.cluster-dot{inline-size:8px;block-size:8px;border-radius:50%}.cluster-name{flex:1}.icon-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:12px}.add-cluster-row{display:flex;gap:4px;margin-block-start:4px}.add-cluster-row input{flex:1;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 6px;font-size:11px}.add-cluster-row button{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;padding-inline:8px;font-size:11px;cursor:pointer}.plan-empty-box{font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;line-height:1.4}.plan-controls-stack,.prop-stack{display:flex;flex-direction:column;gap:8px;font-size:11px}.plan-stat-row,.stat-badge-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle);padding:5px 8px;border-radius:5px}.prop-stack label{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary)}.prop-stack input[type=text],.prop-stack input[type=number],.prop-stack select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:5px 7px;font-size:12px}.two-col-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-row{display:flex;gap:6px}.btn-primary-sm,.btn-secondary-sm,.btn-danger-sm,.btn-xs-primary,.btn-xs{padding-block:5px;padding-inline:8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid transparent;flex:1}.btn-xs-primary,.btn-xs{flex:0 0 auto;padding-block:3px;padding-inline:7px}.btn-primary-sm,.btn-xs-primary{background:var(--accent-primary);color:#fff}.btn-secondary-sm{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-subtle)}.btn-danger-sm{background:#ef44442e;color:var(--accent-danger);border-color:#ef444466}.btn-xs.locked{background:#94a3b82e;color:var(--text-secondary)}.btn-xs.unlocked{background:#f59e0b40;color:var(--accent-amber);border-color:#f59e0b}.grid-snap-row{display:flex;justify-content:space-between;align-items:center;padding-block-start:6px;border-block-start:1px solid var(--border-subtle);font-size:11px}.grid-snap-row select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 6px;font-size:11px}.checkbox-inline{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;cursor:pointer}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-block-start:4px}.color-swatch{block-size:26px;border-radius:5px;border:2px solid transparent;cursor:pointer}.color-swatch.active{border-color:var(--border-focus);transform:scale(1.08)}.studio-statusbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:5px;padding-inline:14px;background:var(--bg-panel);border-block-start:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary)}.status-left,.status-right{display:flex;align-items:center;gap:8px}.calib-modal-backdrop,.bom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12b8;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calib-modal{background:var(--bg-panel);border:1px solid #f59e0b;border-radius:12px;padding:20px;inline-size:min(420px,92vw);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #00000080}.calib-modal h3{color:var(--accent-amber);font-size:16px}.calib-modal p{font-size:13px;color:var(--text-secondary);line-height:1.45}.calib-input-row{display:flex;gap:8px}.calib-input-row input,.calib-input-row select{padding:8px 10px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:14px}.calib-input-row input{flex:1}.calib-modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn-primary,.btn-secondary{padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent-primary);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.bom-modal-window{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;inline-size:min(1180px,95vw);block-size:min(860px,90dvb);display:grid;grid-template-rows:auto auto auto 1fr;padding:18px;gap:14px;box-shadow:0 24px 60px #00000080}.bom-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.bom-modal-header h2{font-size:18px;color:var(--accent-primary)}.bom-modal-header p{font-size:12px;color:var(--text-secondary)}.bom-header-actions{display:flex;gap:8px}.btn-close{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);inline-size:32px;block-size:32px;border-radius:6px;cursor:pointer}.bom-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-block-end:1px solid var(--border-subtle);padding-block-end:10px}.bom-tabs{display:flex;gap:6px}.bom-tab{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.bom-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--border-focus)}.bom-filters{display:flex;gap:12px;font-size:12px}.bom-filters label{display:flex;align-items:center;gap:6px}.bom-filters select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:5px 8px;font-size:12px}.bom-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bom-kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.bom-kpi-card.highlight{border-color:var(--accent-emerald);background:#10b9811a}.kpi-label{font-size:11px;color:var(--text-secondary)}.kpi-value{font-size:18px;color:var(--text-primary)}.kpi-sub{font-size:10px;color:var(--text-secondary)}.bom-table-container,.bom-standards-pane{overflow-y:auto;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-input)}.bom-table{inline-size:100%;border-collapse:collapse;font-size:12px}.bom-table th,.bom-table td{padding:8px 10px;text-align:start;border-block-end:1px solid var(--border-subtle)}.bom-table th{position:sticky;inset-block-start:0;background:var(--bg-card);color:var(--accent-primary);font-size:11px;text-transform:uppercase}.bom-sub-row{background:var(--bg-subtle);color:var(--text-secondary)}.bom-sub-row .mat-name-cell{padding-inline-start:24px;font-style:italic}.std-badge{background:#0ea5e924;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace}.mono{font-family:monospace}.order-qty-cell{color:var(--accent-emerald)}.bom-standards-pane{padding:12px;display:flex;flex-direction:column;gap:18px}.inline-edit-input,.inline-edit-num{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 6px;font-size:11px;inline-size:100%}.inline-edit-num{inline-size:72px}.add-standard-form{background:var(--bg-card);padding:14px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.form-grid input,.form-grid select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:6px 8px;font-size:12px}.marquee-box-overlay{position:absolute;border:1.8px dashed #38bdf8;background:#38bdf829;pointer-events:none;z-index:20}.rot3d-inspector-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;margin-block-end:6px}.rot3d-box-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--text-heading)}.rot3d-axis-row{display:grid;grid-template-columns:98px 1fr 38px;align-items:center;gap:6px;font-size:11px}.rot3d-deg{text-align:end;font-size:10px;color:var(--text-secondary)}.axis-tag{display:inline-block;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700}.axis-tag.axis-x{background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.axis-tag.axis-y{background:#22c55e29;color:#22c55e;border:1px solid rgba(34,197,94,.35)}.axis-tag.axis-z{background:#3b82f629;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.v3d-rot-group{display:flex;flex-direction:column;gap:4px;padding-block-end:6px;border-block-end:1px solid var(--border-subtle)}.v3d-rot-row{display:flex;align-items:center;gap:4px}.v3d-rot-row .axis-tag{flex:1}.v3d-rot-row button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;cursor:pointer}.v3d-rot-row button:hover{border-color:var(--border-focus)}