:root{--bg-app: #EEEEE8;--bg-sidebar: #FFFFFF;--bg-header: #1A1A22;--bg-step: #F6F6F3;--bg-step-active:#FFF9F0;--border: #E2E1DC;--border-strong: #C8C7C2;--accent: #E8A84A;--accent-dark: #C4832A;--accent-light: #FFF3DC;--text-primary: #1A1A18;--text-secondary:#6B6B68;--text-muted: #9F9F9B;--green: #2D9C4E;--red: #D94A38;--blue: #3A7BD5;--sidebar-w: 320px;--header-h: 44px;--radius: 6px;--radius-sm: 4px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app)}.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:360px;overflow:hidden;background:var(--bg-app)}.app-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.app-header{height:var(--header-h);background:var(--bg-header);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;border-bottom:1px solid #2A2A34}.brand{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--accent);margin-right:8px}.client-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:18px;background:#0000008c}.client-modal__card{position:relative;display:grid;gap:11px;width:min(100%,460px);padding:24px;border-radius:12px;background:#fff;box-shadow:0 20px 55px #0000004d}.client-modal__card label{display:grid;gap:4px;font-size:12px;font-weight:600}.client-modal__card input,.client-modal__card textarea{width:100%;padding:8px;border:1px solid var(--border-strong);border-radius:5px;font:inherit}.client-modal__close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:24px;cursor:pointer}.client-modal__consent{grid-template-columns:auto 1fr;align-items:start;font-weight:400!important}.client-modal__consent input{width:auto!important;margin-top:3px}.client-modal__status{font-size:12px;color:var(--text-secondary)}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;height:100%;padding-bottom:max(20px,env(safe-area-inset-bottom));flex-shrink:0}.step-wrapper{border-bottom:1px solid var(--border)}.step-header{display:flex;align-items:center;gap:9px;padding:13px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.step-header:hover{background:var(--bg-step)}.step-header.active{background:var(--bg-step-active)}.step-number{width:22px;height:22px;border-radius:50%;background:var(--border);color:var(--text-secondary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.step-header.active .step-number{background:var(--accent);color:#000}.step-header.done .step-number{background:var(--green);color:#fff}.step-title{font-size:13px;font-weight:600;flex:1}.step-summary{font-size:11px;color:var(--text-secondary);margin-left:auto}.step-chevron{color:var(--text-muted);transition:transform .2s;font-size:10px}.step-header.active .step-chevron{transform:rotate(180deg)}.step-body{padding:14px 14px 22px;background:var(--bg-step-active);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.input-row{display:flex;align-items:center;gap:6px}.num-input{width:72px;height:30px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;text-align:center;font-size:13px;font-weight:600;outline:none;transition:border-color .15s}.num-input:focus{border-color:var(--accent)}.unit-label{font-size:11px;color:var(--text-secondary);min-width:20px}.stepper-btn{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--text-primary);transition:all .12s}.stepper-btn:hover{background:var(--accent-light);border-color:var(--accent)}.stepper-btn:active{background:var(--accent);color:#000}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.btn{height:32px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent-dark)}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-step)}.btn-danger{background:#fff;color:var(--red);border-color:#f0c0bb}.btn-danger:hover{background:#fdf0ee}.btn-row{display:flex;gap:6px;margin-top:2px}.toggle-group{display:flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{flex:1;height:28px;border:none;background:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .12s;color:var(--text-secondary)}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn.active{background:var(--accent);color:#000;font-weight:700}.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mat-chip{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;cursor:pointer;display:flex;align-items:center;gap:7px;background:#fff;transition:all .12s;font-size:11px}.mat-chip:hover,.mat-chip.selected{border-color:var(--accent);background:var(--accent-light)}.mat-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.zone-grid{display:grid;gap:3px;padding:3px;background:var(--border);border-radius:var(--radius-sm)}.zone-cell{background:#e8e8e4;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:44px;font-size:10px;font-weight:600;color:var(--text-secondary);border:2px solid transparent;transition:all .12s;position:relative}.zone-cell:hover{background:#d8d8d4;border-color:var(--accent)}.zone-cell.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}.zone-cell.has-door{background:#c8e0f0}.zone-cell.has-drawer{background:#c8f0dc}.zone-x{position:absolute;top:2px;right:4px;font-size:11px;color:var(--red);cursor:pointer;padding:2px}.viewport-area{flex:1;position:relative;overflow:hidden}.loading-3d{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:2px 0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@media (max-width: 820px){.app-shell{height:auto!important;min-height:0;overflow:visible}.app-header{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding:8px 10px}.brand{width:100%;margin-right:0;font-size:12px}.app-body{flex-direction:column;overflow:visible}.viewport-area{order:1;flex:0 0 auto;min-height:58vh;height:58vh}.sidebar{order:2;width:100%;height:auto;max-height:none;overflow:visible;border-right:0;border-top:1px solid var(--border)}.floating-toolbar{position:absolute!important;top:auto!important;right:8px!important;bottom:8px!important;left:8px!important;gap:0!important}.floating-toolbar__controls{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:auto}.floating-toolbar__controls>*{flex-shrink:0}.floating-toolbar__status{display:none}.client-modal{position:fixed}}