*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}:root{--bg:#fff;--bg-subtle:#f7f7f8;--bg-panel:#fafafa;--border:#e2e2e6;--border-strong:#c9c9d1;--text:#1c1c22;--text-muted:#6b6b76;--text-faint:#9a9aa4;--accent:#2563eb;--accent-bg:#eaf1fe;--accent-border:#93b8f8;--warning:#b45309;--warning-bg:#fef3e0;--error:#b91c1c;--error-bg:#fdecec;--edge-banded:#2563eb;--edge-unbanded:#cbd5e1;--part-fill:#f4ead9;--part-stroke:#c9b48f;--radius:6px;--radius-lg:10px;--font-sm:12.5px;--font-base:14px}.field{flex-direction:column;gap:4px;min-width:0;margin-bottom:12px;display:flex}.field-label-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.field-label{min-width:0;font-size:var(--font-sm);color:var(--text-muted);flex:auto;justify-content:space-between;align-items:center;gap:6px;font-weight:600;display:flex}.field-info-toggle{border:1px solid var(--border-strong);width:16px;height:16px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.field-info-toggle svg{width:11px;height:11px}.field-info-toggle:hover{color:var(--accent);border-color:var(--accent)}.field-info-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.field-input,.field-select{width:100%;min-width:0;font-size:var(--font-base);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:6px 8px}.field-input:focus,.field-select:focus{outline:2px solid var(--accent-border);outline-offset:1px;border-color:var(--accent)}.field-hint{color:var(--text-faint);font-size:11px}.field-hint-block{margin:0 0 10px;display:block}.field-group-label{color:var(--text-muted);margin:0 0 8px;font-size:12px;font-weight:700}.field-reset-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.checkbox-row{font-size:var(--font-base);color:var(--text);align-items:center;gap:8px;margin-bottom:8px;display:flex}fieldset.form-section{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 0 14px;padding:12px 14px 4px}fieldset.form-section legend{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 4px;font-weight:700}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-height-row{align-items:center}.btn{font-size:var(--font-base);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);cursor:pointer;padding:7px 14px}.btn:hover{background:var(--bg-subtle)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:var(--error);border-color:var(--error-bg)}.btn-danger:hover{background:var(--error-bg)}.btn-sm{font-size:var(--font-sm);padding:4px 9px}.app-shell{flex-direction:column;height:100%;display:flex}.app-shell-header{border-bottom:1px solid var(--border);background:var(--bg);flex:none}.app-shell-main{flex:auto;min-height:0;overflow:auto}.step-nav{align-items:center;gap:24px;padding:10px 20px;display:flex}.step-nav-brand{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:700}.step-nav-list{gap:4px;margin:0;padding:0;list-style:none;display:flex}.step-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.step-nav-item:hover{background:var(--bg-subtle)}.step-nav-item.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:600}.step-nav-index{background:var(--border);width:18px;height:18px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.step-nav-item.active .step-nav-index{background:var(--accent);color:#fff}.job-setup-3col{grid-template-columns:260px 1fr 340px;height:100%;display:grid}.job-setup-left{border-right:1px solid var(--border);background:var(--bg-panel);padding:14px;overflow-y:auto}.job-setup-center{padding:20px 28px 40px;overflow-y:auto}.job-setup-right{border-left:1px solid var(--border);background:var(--bg-panel);padding:14px;overflow-y:auto}.job-setup-actions{justify-content:flex-end;margin-top:16px;display:flex}.style-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:8px;display:grid}.style-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:160px;display:flex;position:relative;overflow:hidden}.style-card:hover{border-color:var(--accent-border)}.style-card-caption{background:var(--text);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.style-card-label{color:#fff;font-size:15px;font-weight:700}.style-card-hint{color:#c7c7d1;font-size:11px;line-height:1.35}.saved-jobs-panel{flex-direction:column;gap:10px;display:flex}.saved-jobs-header h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.saved-jobs-new-btn{width:100%}.saved-jobs-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.saved-job-row{border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;display:flex}.saved-job-row:hover{background:var(--bg-subtle)}.saved-job-row.current{background:var(--accent-bg)}.saved-job-name{color:var(--text);font-weight:600}.saved-job-meta{color:var(--text-faint);font-size:11.5px}.saved-job-actions{align-items:center;gap:6px;display:flex}.accordion-section{border-bottom:1px solid var(--border)}.accordion-section:last-child{border-bottom:none}.accordion-header{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:11px 2px;font-size:13px;font-weight:600;list-style:none;display:flex}.accordion-header::-webkit-details-marker{display:none}.accordion-header::marker{content:""}.accordion-header-static{cursor:default}.accordion-icon{color:var(--text-muted);flex:none;width:18px;height:18px;display:inline-flex}.accordion-icon svg{width:100%;height:100%}.accordion-chevron{color:var(--text-faint);flex:none;width:14px;height:14px;transition:transform .15s;display:inline-flex}.accordion-chevron svg{width:100%;height:100%}.accordion-section[open]>.accordion-header .accordion-chevron{transform:rotate(90deg)}.accordion-title{flex:auto}.accordion-body{padding:2px 2px 16px 20px}.cabinet-configurator{grid-template-columns:240px 1fr 340px;height:100%;display:grid}.cabinet-configurator-list{border-right:1px solid var(--border);background:var(--bg-panel);padding:12px;overflow-y:auto}.cabinet-configurator-canvas{background:var(--bg);min-width:0;height:100%;position:relative}.cabinet-configurator-settings{border-left:1px solid var(--border);background:var(--bg-panel);padding:4px 14px;overflow-y:auto}.settings-panel-title{color:var(--text);padding:12px 2px 2px;font-size:14px;font-weight:700}.cabinet-list{margin-bottom:16px}.cabinet-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cabinet-list-header h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.cabinet-list-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cabinet-list-item{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.cabinet-list-item:hover{background:var(--bg-subtle)}.cabinet-list-item.active{background:var(--accent-bg);border-color:var(--accent-border)}.cabinet-list-item-main{flex-direction:column;min-width:0;display:flex}.cabinet-list-item-label{color:var(--text);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.cabinet-list-item-warning{color:var(--warning);font-size:11px}.cabinet-list-item-meta{color:var(--text-faint);text-transform:capitalize;font-size:11px}.cabinet-list-item-actions{gap:4px;display:flex}.exploded-diagram{flex-direction:column;display:flex;position:absolute;inset:0}.exploded-diagram-canvas{flex:auto;min-height:0;position:relative}.exploded-diagram-empty{color:var(--text-faint);text-align:center;justify-content:center;align-items:center;padding:0 24px;font-size:13px;display:flex;position:absolute;inset:0}.diagram-legend{border-top:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);flex:none;align-items:center;gap:16px;padding:8px 16px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:2px;width:16px;height:2px;display:inline-block}.legend-swatch.banded{background:var(--edge-banded);height:4px}.legend-swatch.unbanded{background:var(--edge-unbanded)}.legend-swatch.service-hole{border:1px solid var(--border-strong);background:#fff;border-radius:50%;width:12px;height:12px}.diagram-hover-hint{color:var(--accent);font-weight:600}.diagram-legend-spacer{flex:auto}.nested-preview{flex-direction:column;flex:0 0 400px;min-height:0;display:flex}.nested-preview-canvas{flex:auto;min-height:0;position:relative}.nested-preview-note{color:var(--text-faint);border-top:1px solid var(--border);background:var(--bg-panel);flex:none;margin:0;padding:8px 14px;font-size:11.5px;line-height:1.5}.cut-list-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.cut-list-export{grid-template-columns:minmax(820px,1fr) 320px;height:100%;display:grid}.cut-list-export-center{background:var(--bg);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.cut-list-table-section{border-top:1px solid var(--border);background:var(--bg-panel);flex:auto;min-height:0;padding:14px;overflow-y:auto}.cut-list-export-right{border-left:1px solid var(--border);background:var(--bg-panel);padding:14px;overflow-y:auto}.dxf-export-controls{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.dxf-sheet-select,.dxf-download-btn{width:100%}.dxf-rename-box{flex-direction:column;gap:6px;display:flex}.dxf-rename-box .field-input{width:100%}.dxf-rename-actions{gap:8px;display:flex}.dxf-rename-actions .btn{flex:auto}.export-settings-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);flex-direction:column;gap:4px;margin-bottom:16px;padding:14px 18px;display:flex}.export-settings-panel h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:13px;font-weight:700}.export-settings-panel .checkbox-row{margin-bottom:4px}.cut-list-summary-bar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);gap:28px;margin-bottom:16px;padding:14px 18px;display:flex}.summary-stat{flex-direction:column;display:flex}.summary-stat-value{color:var(--text);font-size:18px;font-weight:700}.summary-stat-label{color:var(--text-muted);font-size:11px}.validation-panel{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.validation-group{border-radius:var(--radius);padding:10px 14px}.validation-group h4{margin:0 0 4px;font-size:12.5px}.validation-group ul{margin:0;padding-left:18px;font-size:12.5px}.validation-errors{background:var(--error-bg);color:var(--error)}.validation-warnings{background:var(--warning-bg);color:var(--warning)}.cut-list-controls{gap:16px;margin-bottom:10px;display:flex}.cut-list-control{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.cut-list-control select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:4px 6px;font-size:13px}.cut-list-table-scroll{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.cut-list-table{border-collapse:collapse;background:var(--bg);width:100%;font-size:12.5px}.cut-list-table th,.cut-list-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}.cut-list-table th{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);background:var(--bg-subtle);font-weight:600;position:sticky;top:0}.cut-list-table th:hover{color:var(--text)}.cut-list-table td.col-numeric,.cut-list-table th.col-numeric{text-align:right}.cut-list-table td.col-flag{text-align:center;width:20px;padding:7px 4px}.sort-indicator{font-size:9px}.group-row td{background:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.row-error{background:var(--error-bg)}.row-warning{background:var(--warning-bg)}.cabinet-chip{color:#1c1c22;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block}.edge-dots{gap:3px;display:inline-flex}.edge-dot{width:15px;height:15px;color:var(--text-faint);background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;justify-content:center;align-items:center;font-size:8.5px;display:inline-flex}.edge-dot.on{background:var(--edge-banded);border-color:var(--edge-banded);color:#fff}.machining-notes{color:var(--text-muted);white-space:normal}.note-text{color:var(--text-faint);font-style:italic}