:root{--font-family: "Nunito Sans", system-ui, sans-serif;--font-size-micro: 9px;--font-size-label: 10px;--font-size-small: 11px;--font-size-body: 12px;--font-size-heading: 14px;--font-size-title: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semi: 600;--font-weight-bold: 700;--line-height: 1.4}:root{--space-xxs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-xxl: 24px}:root{--radius-none: 0;--radius-sm: 1px;--radius-md: 3px;--radius-round: 50%}:root{--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .25s ease;--transition-panel: .3s ease}:root{--z-panel: 1;--z-dropdown: 50;--z-floating: 100;--z-modal: 200;--z-toast: 300;--z-toolbar: 9999}:root{--panel-min-width: 140px;--panel-max-width: 400px;--panel-default-left: 200px;--panel-default-product: 260px;--panel-default-right: 240px;--toolbar-height: 40px;--statusbar-height: 24px;--zoombar-height: 32px;--resize-handle: 5px}:root{--shadow-none: none;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-dropdown: 0 4px 12px rgba(0,0,0,.08);--shadow-floating: 0 12px 36px rgba(0,0,0,.15);--shadow-thumb: 0 1px 4px rgba(0,0,0,.35)}:root{--focus-ring-width: 2px;--focus-ring-offset: 1px}:root{--color-toggle-on: var(--color-accent);--color-toggle-on-hover: var(--color-accent-hover);--color-toggle-off: #d4d4d4;--color-toggle-off-hover: #b5b5b5;--color-toggle-knob: #ffffff;--color-focus-ring: var(--color-accent);--color-underline: var(--color-accent);--color-slider-track: var(--color-accent);--color-slider-thumb: #ffffff;--color-slider-thumb-border: var(--color-accent);--color-slider-thumb-hover: var(--color-accent-fill);--color-slider-endpoint: var(--color-accent);--color-dropdown-item-hover: var(--color-accent-light);--color-dropdown-item-text: var(--color-accent);--color-thumb-selected: var(--color-border-strong);--color-thumb-hover: var(--color-accent);--color-scrollbar: #d4d4d4;--color-scrollbar-hover: #a3a3a3}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}*:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}input:focus-visible,select:focus-visible{outline-offset:-1px}.app-shell{display:flex;flex-direction:column;height:100%}.app-body{display:flex;flex:1;overflow:hidden}.toolbar{width:100%;height:var(--toolbar-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs);gap:var(--space-xs);flex-shrink:0;z-index:var(--z-toolbar)}.statusbar{width:100%;height:var(--statusbar-height);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);flex-shrink:0;font-size:var(--font-size-label);color:var(--color-text-tertiary)}.status-dot{width:6px;height:6px;border-radius:var(--radius-round);background:var(--color-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.panel{display:flex;flex-direction:column;background:var(--color-panel);border-color:var(--color-border);flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-panel);min-width:0;position:relative;z-index:var(--z-panel)}.panel-left{border-right:1px solid var(--color-border)}.panel-right{border-left:1px solid var(--color-border)}.panel-product{border-right:1px solid var(--color-border);background:var(--color-surface)}.resize-handle{position:absolute;top:0;bottom:0;width:var(--resize-handle);cursor:col-resize;z-index:var(--z-dropdown);background:transparent;transition:background var(--transition-fast)}.resize-handle:hover,.resize-handle.active{background:var(--color-accent)}.resize-handle-right{right:0}.resize-handle-left{left:0}.panel-floating{position:fixed;z-index:var(--z-floating);box-shadow:var(--shadow-floating);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:var(--panel-min-width);resize:both;overflow:auto}.panel-floating .panel-float-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:grab;font-size:var(--font-size-small);font-weight:var(--font-weight-semi)}.panel-floating .panel-float-header:active{cursor:grabbing}.viewport-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.viewport{flex:1;overflow:auto;background:var(--color-viewport);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xl)}.viewport-page{background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:100%;max-width:680px;aspect-ratio:8.5 / 11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.tbtn{height:28px;padding:0 var(--space-md);font-size:var(--font-size-small);font-family:var(--font-family);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-normal);position:relative;overflow:hidden}.tbtn:hover{color:var(--color-text-primary);background:var(--color-panel);border-color:var(--color-border)}.tbtn:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014}.tbtn-square{width:28px;padding:0}.tbtn-icon{width:14px;height:14px}.tbtn.tool-active{background:var(--color-accent-light)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}.dd-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border:none;border-bottom:1px solid var(--color-border);background:transparent;cursor:pointer;transition:background var(--transition-normal);font-size:var(--font-size-body);font-weight:var(--font-weight-semi);font-family:var(--font-family);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em}.dd-header:hover{background:var(--color-hover);border-radius:var(--radius-sm)}.dropdown-body{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-slow),opacity .2s ease-out}.dropdown-body.open{max-height:500px;opacity:1;transition:max-height .35s ease-in,opacity .2s ease-in}.chevron{transition:transform var(--transition-slow)}.chevron.rotated{transform:rotate(90deg)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 var(--space-lg);font-size:var(--font-size-small);font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;transition:all var(--transition-normal)}.btn-accent:hover{background:var(--color-accent-hover);box-shadow:0 0 0 3px var(--color-accent-ring)}.btn-accent:active{opacity:.85}.toggle-switch{width:32px;height:16px;background:var(--color-toggle-off);border-radius:var(--radius-sm);position:relative;cursor:pointer;transition:background var(--transition-normal);flex-shrink:0}.toggle-switch:hover{background:var(--color-toggle-off-hover)}.toggle-switch.on{background:var(--color-toggle-on)}.toggle-switch.on:hover{background:var(--color-toggle-on-hover)}.toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:var(--radius-round);background:var(--color-toggle-knob);box-shadow:var(--shadow-sm);transition:left var(--transition-normal),box-shadow var(--transition-normal)}.toggle-switch.on .toggle-knob{left:18px}.toggle-switch:active .toggle-knob{width:15px}.toggle-switch.on:active .toggle-knob{left:15px;width:15px}.dim-group{display:flex;align-items:stretch;gap:var(--space-xs);justify-content:center}.dim-col{display:flex;flex-direction:column}.dim-col label{font-size:var(--font-size-micro);color:var(--color-text-tertiary);text-align:center;margin-bottom:2px}.dim-box{display:flex;align-items:center;height:28px;border:1px solid var(--color-border);background:var(--color-panel);transition:border-color var(--transition-normal),background var(--transition-normal)}.dim-box:hover,.dim-box:hover .dim-arrows,.dim-box:hover .dim-divider{border-color:var(--color-accent)!important}.dim-box:focus-within{border-color:var(--color-accent);background:var(--color-surface)}.dim-input{height:100%;width:7ch;padding-left:var(--space-sm);font-size:var(--font-size-small);font-family:var(--font-family);background:transparent;border:none;outline:none;color:var(--color-text-primary);transition:background var(--transition-normal)}.dim-input:hover{background:var(--color-accent-light)!important}.dim-arrows{display:flex;flex-direction:column;height:100%;flex-shrink:0;border-left:1px solid var(--color-border);transition:border-color var(--transition-normal)}.dim-arrows button{flex:1;width:16px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;transition:background var(--transition-normal),color var(--transition-normal)}.dim-arrows button:hover{background:var(--color-accent-light)!important;color:var(--color-accent)!important}.dim-divider{border-top:1px solid var(--color-border)}.cselect{position:relative;width:110px;flex-shrink:0}.cselect-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:24px;padding:0 var(--space-sm);font-size:var(--font-size-small);font-family:var(--font-family);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:border-color var(--transition-normal),background var(--transition-normal)}.cselect-btn:hover,.cselect-btn.open{border-color:var(--color-accent);background:var(--color-accent-light)}.cselect-list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;z-index:var(--z-dropdown);max-height:160px;overflow-y:auto;box-shadow:var(--shadow-dropdown)}.cselect-list.show{display:block}.cselect-item{display:block;width:100%;padding:5px var(--space-sm);font-size:var(--font-size-small);font-family:var(--font-family);text-align:left;cursor:pointer;border:none;background:none;color:var(--color-text-primary);transition:background var(--transition-fast),color var(--transition-fast)}.cselect-item:hover{background:var(--color-dropdown-item-hover);color:var(--color-dropdown-item-text)}.cselect-item.selected{font-weight:var(--font-weight-semi)}.cselect-chevron{transition:transform var(--transition-normal)}.cselect-btn.open .cselect-chevron{transform:rotate(180deg)}.tab-array{display:flex;align-items:stretch}.tab-btn{flex:1;padding:var(--space-md) var(--space-xs);font-size:var(--font-size-heading);font-weight:var(--font-weight-semi);font-family:var(--font-family);color:var(--color-text-primary);text-align:center;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-sm);transition:background var(--transition-normal)}.tab-btn:hover{background:var(--color-hover)}.tab-btn span{display:inline-block;padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color var(--transition-normal)}.tab-btn[data-active=true] span{border-color:var(--color-underline)}.zoom-slider-wrap{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);flex-shrink:0}.zoom-endpoint{border:1px solid var(--color-slider-endpoint);border-radius:var(--radius-sm);background:transparent;flex-shrink:0}.zoom-endpoint-sm{width:12px;height:12px}.zoom-endpoint-lg{width:16px;height:16px}.zoom-track{flex:1;height:14px;position:relative;display:flex;align-items:center}.zoom-track-line{position:absolute;left:0;right:0;height:2px;background:var(--color-slider-track);top:50%;transform:translateY(-50%)}.zoom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;position:relative;z-index:1;margin:0}.zoom-range::-webkit-slider-track{background:transparent!important;height:3px!important}.zoom-range::-moz-range-track{background:transparent!important;height:3px!important;border:none!important}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none!important;border-radius:var(--radius-round)!important;background:var(--color-slider-thumb)!important;border:2px solid var(--color-slider-thumb-border)!important;width:14px!important;height:14px!important;margin-top:-5px!important;box-shadow:none!important;transition:background var(--transition-normal)!important}.zoom-range::-moz-range-thumb{border-radius:var(--radius-round)!important;background:var(--color-slider-thumb)!important;border:2px solid var(--color-slider-thumb-border)!important;width:14px!important;height:14px!important;box-shadow:none!important;transition:background var(--transition-normal)!important}.zoom-range:hover::-webkit-slider-thumb{background:var(--color-slider-thumb-hover)!important;transform:none!important}.zoom-range:hover::-moz-range-thumb{background:var(--color-slider-thumb-hover)!important}.thumb{width:100%;border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-xs);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-thumb-hover)}.thumb-active{border-color:var(--color-thumb-selected)!important}.thumb-inner{width:100%;aspect-ratio:8.5 / 11;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-label);color:var(--color-text-tertiary)}.bom-header-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semi);color:var(--color-text-primary);border-bottom:2px solid var(--color-underline);display:inline-block}.bom-thead{display:grid;border-bottom:1px solid var(--color-border);background:var(--color-panel);position:sticky;top:0;z-index:var(--z-toolbar);font-size:var(--font-size-label);font-weight:var(--font-weight-semi);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.bom-row{display:grid;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-small)}.bom-row:hover{background:var(--color-panel)}.bom-row:hover .bom-cell-name{color:var(--color-accent)}.product-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semi);color:var(--color-text-primary);display:inline-block;border-bottom:2px solid var(--color-underline)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-small);color:var(--color-text-secondary)}.toggle-row:hover{background:var(--color-panel);color:var(--color-text-primary)}.mat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-secondary)}.bm-item{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);color:var(--color-text-secondary);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.bm-item:hover{padding-left:14px;background:var(--color-panel);color:var(--color-text-primary);border-left-color:var(--color-accent)}.ripple-container{position:relative;overflow:hidden}.ripple-container .ripple{position:absolute;border-radius:var(--radius-round);background:#0000001f;animation:ripple-anim .5s ease-out forwards;pointer-events:none}@keyframes ripple-anim{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}.badge-count{display:inline-flex;align-items:center;justify-content:center;height:16px;min-width:16px;padding:0 var(--space-xs);font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-accent)}@media (max-width: 1024px){.panel-right{display:none}}@media (max-width: 768px){.panel-left{display:none}.panel-product{width:200px!important}}@media (max-width: 640px){.panel-product{display:none}}