*{box-sizing:border-box}html,body{color:#18212f;background:#eef1f5;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button:disabled{opacity:.42;cursor:not-allowed}.app-shell{grid-template-rows:58px minmax(0,1fr);grid-template-columns:82px minmax(0,1fr) 290px;height:100vh;display:grid;overflow:hidden}.topbar{z-index:3;background:#fff;border-bottom:1px solid #dfe3e8;grid-column:1/4;justify-content:space-between;align-items:center;padding:0 18px;display:flex;box-shadow:0 1px 4px #0f172a0d}.crumb{color:#7a8492;font-size:14px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions button,.view-tabs button{color:#455161;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:7px;padding:8px 12px}.top-actions .primary{color:#fff;background:#1769e0;border-color:#1769e0}.save-status{color:#7a8492;white-space:nowrap;font-size:11px}.price-pill{display:none}.price-pill strong{color:#0f4fae;font-size:14px}.toolbar{z-index:2;background:#fff;border-right:1px solid #dfe3e8;flex-direction:column;grid-row:2;gap:7px;padding:12px 8px;display:flex}.tool{color:#596474;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;font-size:11px;display:flex}.tool span{font-size:21px;line-height:22px}.tool.active{color:#1769e0;background:#eaf2ff}.workspace{background:#f7f8fa;position:relative;overflow:hidden}.view-tabs{z-index:4;background:#fff;border-radius:9px;padding:4px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0f172a1f}.view-tabs button{border:0;padding:7px 15px}.view-tabs button.active{color:#1769e0;background:#edf4ff}.editor-hint{z-index:2;color:#fff;pointer-events:none;background:#18212fe0;border-radius:6px;padding:7px 11px;font-size:12px;position:absolute;top:67px;left:50%;transform:translate(-50%)}.plan{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.plan.tool-wall{cursor:crosshair}.grid-small{fill:none;stroke:#e9edf2;stroke-width:.6px}.grid-large{fill:none;stroke:#d9dfe7;stroke-width:1px}.wall{stroke:#303946;stroke-width:10px;stroke-linecap:square;transition:stroke .12s}.wall.selected{stroke:#1769e0}.wall-target{stroke:#0000;stroke-width:28px;cursor:pointer}.dimension-label{fill:#536071;pointer-events:none;font-size:13px;font-weight:650}.opening{stroke:#fff;stroke-width:13px;pointer-events:none}.opening.window{stroke:#48a6d8;stroke-width:8px}.opening.door{stroke:#fff;stroke-width:13px}.opening-handle{stroke:#1769e02e;stroke-width:18px;stroke-linecap:square;cursor:grab}.opening-handle:active{cursor:grabbing}.opening-handle.window{stroke:#48a6d852;stroke-width:15px}.opening-handle.selected{stroke:#1769e085}.opening-editor-row{background:#fbfcfd;border:1px solid #e1e6ec;border-radius:8px;margin:10px 0;padding:10px}.opening-editor-row .two-col+.two-col{margin-top:8px}.endpoint{fill:#fff;stroke:#1769e0;stroke-width:3px;cursor:grab}.endpoint:active{cursor:grabbing}.wall-preview{stroke:#1769e0;stroke-width:6px;stroke-dasharray:10 7;pointer-events:none}.cabinet{cursor:grab}.cabinet:active{cursor:grabbing}.cabinet rect{fill:#d9c8aa;stroke:#7c6849;stroke-width:2px}.cabinet.family-wall rect{fill:#e6eef7;stroke:#6682a3;stroke-dasharray:5 3}.cabinet.family-tall rect{fill:#d6d9de;stroke:#59616d}.cabinet line{stroke:#7c6849;stroke-width:2px}.cabinet text{fill:#4d402e;pointer-events:none;font-size:11px;font-weight:700}.cabinet.selected rect{fill:#dceaff;stroke:#1769e0;stroke-width:3px;stroke-dasharray:none}.cabinet.selected line{stroke:#1769e0}.cabinet.selected text{fill:#0f4fae}.filler rect{fill:#f0c36a;stroke:#9a6c13;stroke-width:1.5px}.filler text{fill:#6c4a0b;pointer-events:none;font-size:9px;font-weight:800}.countertop-cutout{cursor:grab}.countertop-cutout:active{cursor:grabbing}.countertop-cutout rect{fill:#3b82f629;stroke:#2563eb;stroke-width:2px;stroke-dasharray:5 3}.countertop-cutout line{stroke:#2563eb;stroke-width:1.5px;pointer-events:none}.countertop-cutout text{fill:#1d4ed8;pointer-events:none;font-size:9px;font-weight:800}.countertop-cutout.selected rect{fill:#1769e038;stroke:#1769e0;stroke-width:3px;stroke-dasharray:none}.countertop-cutout.invalid rect{fill:#d92d2024;stroke:#d92d20}.countertop-cutout.invalid line{stroke:#d92d20}.countertop-cutout.invalid text{fill:#b42318}.room-3d{background:#f4f1ec;position:absolute;inset:0}.room-3d canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.room-3d-help{color:#5d6876;pointer-events:none;background:#ffffffeb;border:1px solid #dde2e8;border-radius:8px;padding:9px 12px;font-size:12px;position:absolute;bottom:18px;left:18px;box-shadow:0 2px 8px #0f172a14}.zoom{word-spacing:10px;color:#5d6876;background:#fff;border:1px solid #dde2e8;border-radius:8px;padding:8px 12px;position:absolute;bottom:18px;left:18px;box-shadow:0 2px 8px #0f172a14}.zoom span{word-spacing:normal;font-size:12px}.inspector{background:#fff;border-left:1px solid #dfe3e8;grid-row:2;overflow:auto}.inspector-heading{border-bottom:1px solid #e4e7eb;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-weight:700;display:flex}.property-group{border-bottom:1px solid #edf0f3;padding:15px 16px}.property-group label{color:#7b8593;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;display:block}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:#344054;background:#fafbfc;border:1px solid #d9dee5;border-radius:6px;width:100%;padding:9px 10px;font-size:13px}.input-field:focus{background:#fff;border-color:#1769e0;outline:2px solid #1769e02e}.price-card{display:none}.price-row{color:#5d6876;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:flex}.price-row strong{color:#344054;font-size:14px}.price-row.total{border-top:1px solid #e5edf8;margin-top:4px;padding-top:9px}.price-row.total strong{color:#0f4fae;font-size:17px}.price-card small{color:#98a2b3;margin-top:8px;font-size:10px;line-height:1.4;display:block}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-actions label{grid-column:1/3}.quick-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d7dde5;border-radius:7px;padding:9px 8px}.quick-actions button:hover{color:#1769e0;border-color:#1769e0}.quick-actions>button:nth-of-type(3){color:#b42318;background:#fff7f6;border-color:#f2c5c0;grid-column:1/3}.quick-actions>button:nth-of-type(3):hover{color:#b42318;background:#fff1ef;border-color:#d92d20}.cabinet-library-grid{grid-template-columns:1fr;gap:7px;display:grid}.cabinet-library-grid button{color:#344054;cursor:pointer;text-align:left;background:#fff;border:1px solid #d7dde5;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.cabinet-library-grid button:hover{background:#f7faff;border-color:#1769e0}.cabinet-library-grid button strong{font-size:12px}.cabinet-library-grid button span{color:#7a8492;font-size:10px}.finish-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.finish-option{color:#344054;cursor:pointer;background:#fff;border:1px solid #d7dde5;border-radius:7px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.finish-option.active{border-color:#1769e0;box-shadow:0 0 0 2px #1769e01f}.finish-swatch{border:1px solid #0000001f;border-radius:4px;flex:none;width:18px;height:18px;display:inline-block}.finish-option.natural .finish-swatch{background:#c7ad89}.finish-option.white .finish-swatch{background:#fff}.finish-option.charcoal .finish-swatch{background:#363a3f}.finish-option.walnut .finish-swatch{background:#654633}.opening-card{text-transform:capitalize;border:1px solid #e0e5eb;border-radius:7px;justify-content:space-between;margin-top:8px;padding:9px;font-size:12px;display:flex}.opening-card span,.muted{color:#7a8492}.error-box{color:#b42318;background:#fff2f0;font-size:12px;line-height:1.45}.note{color:#5f6b7a;background:#f8fafc;font-size:12px;line-height:1.5}.note strong{color:#344054}.note p{margin:5px 0 0}@media (max-width:900px){.app-shell{grid-template-rows:58px minmax(0,1fr);grid-template-columns:68px minmax(0,1fr)}.topbar{grid-column:1/3}.inspector,.crumb,.save-status,.price-pill{display:none}.editor-hint{text-align:center;max-width:70%}}.workspace-session-bar{background:#f8fafc;border-bottom:1px solid #e0e5eb;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}@media print{.workspace-session-bar{display:none}}