:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-card: #ffffff;--bg-glass: #ffffff;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 6px rgba(15, 23, 42, .08);--shadow-lg: 0 6px 16px rgba(15, 23, 42, .12);--accent-blue: #2563eb;--accent-cyan: #0891b2;--accent-purple: #7c3aed;--accent-green: #059669;--accent-orange: #d97706;--cooler-color: #3b82f6;--freezer-color: #06b6d4;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-glow: rgba(37, 99, 235, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-thin: 300;--font-weight-normal: 400;--font-weight-medium: 500;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);background:var(--bg-primary);color:var(--text-primary);height:100vh;line-height:1.6;overflow:hidden}body:before{content:none}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.progress-stepper{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.home-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);transition:all var(--transition-base);margin-right:var(--space-md);text-decoration:none;flex-shrink:0}.home-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.home-btn svg{width:18px;height:18px}.stepper-line{display:flex;align-items:center;flex:1}.step-item{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-base)}.step-item .step-dot{width:22px;height:22px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-base)}.step-item .step-name{font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.step-item.active .step-dot,.step-item.completed .step-dot{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.step-item.completed .step-dot{background:var(--accent-green);border-color:var(--accent-green)}.step-item.active .step-name{color:var(--accent-blue)}.step-item.completed .step-name{color:var(--accent-green)}.step-connector{flex:1;height:2px;background:var(--border-color);margin:0 var(--space-xs);min-width:20px}.step-item.completed+.step-connector{background:var(--accent-green)}.contact-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;margin-left:var(--space-md)}.contact-btn:hover{background:var(--accent-blue);color:#fff}.main-content{flex:1;display:flex;flex-direction:column;padding:var(--space-md);max-width:100%;margin:0 auto;width:100%;overflow:hidden;min-height:0}.step-section{display:none;animation:fadeIn .4s ease;height:100%}.step-section.active{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header-inline{text-align:left;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.step-header-inline h3{font-size:.9rem;font-weight:600;margin-bottom:2px;color:var(--accent-blue)}.step-header-inline p{color:var(--text-muted);font-size:.7rem}.step-content{flex:1;min-height:0;height:100%}.dimensions-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);align-items:stretch;height:100%;min-height:0}.split-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);align-items:stretch;height:100%;flex:1;min-height:0}.sidebar-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:none;display:flex;flex-direction:column;gap:var(--space-sm);overflow:visible;max-height:100%;height:100%}.sidebar-scroll-content{flex:1;overflow-y:auto;min-height:0;padding-right:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-panel .sidebar-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.canvas-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.form-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-height:0;overflow:visible}.form-scrollable-content{flex:1;overflow-y:auto;min-height:0;padding-right:var(--space-xs);margin-bottom:var(--space-sm)}.sidebar-nav{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--border-color);flex-shrink:0;position:sticky;bottom:0;z-index:1000;background:var(--bg-card);box-shadow:none;min-height:44px;padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom))}.sidebar-nav .nav-btn{flex:1;padding:var(--space-xs) var(--space-sm);font-size:.8rem;display:flex;justify-content:center}.sidebar-nav .sidebar-back{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary)}.sidebar-nav .sidebar-next{background:var(--accent-blue);border:none;color:#fff}.canvas-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:none;display:flex;flex-direction:column;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.canvas-tools{display:flex;gap:var(--space-sm);align-items:center}.view-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-color)}.view-btn{height:30px;padding:0 var(--space-sm);border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;transition:all var(--transition-fast)}.view-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:var(--text-primary)}.view-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:none}.view-toggle-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.tool-btn{height:34px;min-width:64px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);padding:0 var(--space-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tool-btn:hover,.tool-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.grid-canvas{width:100%;flex:1;min-height:320px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;cursor:crosshair;overflow:hidden}.canvas-3d-container-dim,.canvas-3d-container{width:100%;flex:1;min-height:320px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}@media(max-height:820px){.canvas-panel{padding:var(--space-md)}.tool-btn{height:32px;min-width:56px;font-size:.75rem}.grid-canvas,.canvas-3d-container-dim,.canvas-3d-container{min-height:260px}}.canvas-hint{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-sm)}.canvas-instruction-top{margin:0 0 var(--space-sm);text-align:left}.grid-point{position:absolute;width:8px;height:8px;background:var(--text-muted);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast);cursor:pointer}.grid-point:hover{background:var(--accent-blue);transform:translate(-50%,-50%) scale(1.5)}.grid-point.selected{background:var(--accent-cyan)}.input-group{margin-bottom:var(--space-lg)}.input-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;font-weight:400;transition:all var(--transition-fast);box-shadow:none}.input-row{display:flex;gap:var(--space-sm);align-items:center}.unit-select{flex:0 0 84px;width:84px;padding:var(--space-md) var(--space-sm);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%),linear-gradient(to right,var(--border-color),var(--border-color));background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%,calc(100% - 32px) 50%;background-size:5px 5px,5px 5px,1px 60%;background-repeat:no-repeat}.select-control .unit-select{width:100%;flex:1;min-width:220px;padding-right:36px}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:none}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.walls-section{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.walls-section h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-sm)}.walls-section .hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.btn-secondary{width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-secondary:hover,.btn-secondary.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#2563eb0f}.area-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.area-display .label{font-size:var(--font-size-sm);color:var(--text-secondary)}.area-display .value{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-cyan)}.comment-section{margin-top:var(--space-lg)}.comment-section label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.comment-section textarea{min-height:80px;resize:vertical;width:100%;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.comment-section textarea::placeholder{color:var(--text-muted)}.comment-section textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:none}.grid-canvas.wall-mode-active{border-color:var(--accent-orange);background:#d977060a;box-shadow:none}.grid-canvas.wall-mode-active:before{content:"Wall Mode: drag from wall to wall";position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--accent-orange);padding:6px 12px;border-radius:6px;border:1px solid var(--accent-orange);font-size:12px;font-weight:600;z-index:100;white-space:nowrap}#addWallBtn.active{background:var(--accent-orange)!important;border:1px solid var(--accent-orange)!important;color:#fff!important;box-shadow:none}.wall-highlight-zone{stroke:var(--accent-orange)!important;stroke-width:8!important;stroke-opacity:.4;cursor:crosshair;transition:stroke-opacity .15s ease}.wall-highlight-zone:hover{stroke-opacity:.8}@keyframes wall-created{0%{stroke:#22c55e;stroke-width:6}50%{stroke:#22c55e;stroke-width:8}to{stroke:var(--accent-orange);stroke-width:3}}.wall-line.just-created{animation:wall-created .6s ease-out forwards}.internal-wall-delete{position:absolute;width:18px;height:18px;background:#ef4444;border:2px solid white;border-radius:50%;color:#fff;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:25;transition:all .15s ease;transform:translate(-50%,-50%)}.internal-wall-delete:hover{background:#dc2626;transform:translate(-50%,-50%) scale(1.2)}.rooms-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl)}.rooms-canvas{flex:1;min-height:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md)}.rooms-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.room-legend{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.color-box{width:16px;height:16px;border-radius:4px}.legend-item.cooler .color-box{background:var(--cooler-color)}.legend-item.freezer .color-box{background:var(--freezer-color)}.rooms-list{display:flex;flex-direction:column;gap:var(--space-md)}.room-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.room-item .room-name{font-weight:500}.room-type-toggle{display:flex;gap:var(--space-xs)}.room-type-toggle button{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.room-type-toggle button.active.cooler{background:var(--cooler-color);border-color:var(--cooler-color);color:#fff}.room-type-toggle button.active.freezer{background:var(--freezer-color);border-color:var(--freezer-color);color:#fff}.doors-layout{display:grid;gap:var(--space-xl)}.doors-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.door-type{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.door-type:hover{border-color:var(--accent-blue)}.door-type.selected{border-color:var(--accent-blue);background:#2563eb0f;box-shadow:none}.door-icon{width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}.door-info h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs)}.door-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.door-info .price{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-green)}.doors-canvas{flex:1;min-height:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;align-items:center;justify-content:center}.canvas-instruction{color:var(--text-muted);text-align:center}.doors-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;min-height:0;max-height:clamp(180px,28vh,360px);overflow:hidden}.doors-summary h4{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.doors-summary ul{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.doors-summary li{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.doors-summary li:last-child{border-bottom:none}.extras-layout{max-width:800px;margin:0 auto;display:flex;flex-direction:column;height:100%}.extras-grid{display:flex;flex-direction:column;gap:var(--space-md)}.extra-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.extra-icon{width:36px;height:36px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.select-control{min-width:240px}.delivery-layout{max-width:600px;margin:0 auto;display:flex;flex-direction:column;height:100%}.delivery-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.radio-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-label:has(input:checked){border-color:var(--accent-blue);background:#3b82f61a}.radio-label input{width:auto;accent-color:var(--accent-blue)}.delivery-note{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--space-lg)}.delivery-note p{font-size:var(--font-size-sm);color:var(--text-secondary)}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:1000px;margin:0 auto}.quote-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden}.quote-summary h3{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.summary-items{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.summary-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background .2s ease}.summary-item:hover{background:#0f172a0a}.summary-item .item-label{color:var(--text-secondary)}.summary-item .item-price{color:var(--accent-green);font-weight:600}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-lg)}.summary-total span:first-child{color:var(--text-primary)}.total-price{font-size:var(--font-size-xl);color:var(--accent-green);filter:blur(6px);-webkit-user-select:none;user-select:none}.quote-note{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-md);font-style:italic;text-align:center}.price-blur-note{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-lg)}.quote-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.quote-form h3{font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.btn-primary{width:100%;padding:var(--space-md) var(--space-xl);background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.submit-btn{margin-top:var(--space-md)}.navigation{display:none}.nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.back-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.back-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.back-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff}.next-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.step-indicator{font-size:var(--font-size-sm);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:480px;width:90%;position:relative;transform:scale(.9);transition:transform var(--transition-base)}.modal-overlay.active .modal{transform:scale(1)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.modal h2{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.modal p{color:var(--text-secondary);margin-bottom:var(--space-xl)}@media(max-width:1024px){.dimensions-layout,.rooms-layout,.quote-layout{grid-template-columns:1fr}}@media(max-width:768px){:root{font-size:14px}body{overflow:auto}#app{height:auto;min-height:100vh}.header{padding:var(--space-md)}.logo-text{display:none}.main-content{padding:var(--space-md);overflow:visible}.progress-stepper{flex-wrap:wrap;gap:var(--space-sm)}.stepper-line{flex:1 1 100%;overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:thin}.stepper-line::-webkit-scrollbar{height:6px}.step-item{flex:0 0 auto}.step-name{font-size:.65rem}.step-connector{min-width:12px}.contact-btn{width:100%;margin-left:0}.step-header h2{font-size:var(--font-size-xl)}.progress-container{padding:var(--space-md)}.steps-indicator{max-width:100%}.step-dot{width:28px;height:28px;font-size:12px}.doors-options{grid-template-columns:1fr}.extra-item{grid-template-columns:1fr;text-align:center}.quantity-control{justify-content:center;margin-top:var(--space-md)}.navigation{padding:var(--space-md)}.nav-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.form-panel,.canvas-panel,.rooms-panel,.quote-summary,.quote-form,.delivery-form{padding:var(--space-md)}.step-section,.step-section.active,.step-content,.dimensions-layout,.split-layout,.extras-layout,.delivery-layout,.quote-layout,.form-panel,.sidebar-panel,.canvas-container{height:auto;min-height:0}.sidebar-nav{position:static;box-shadow:none}.input-group input,.input-group textarea,.input-group select{font-size:16px}}@media(max-width:480px){.step-name{display:none}.radio-group{flex-direction:column}.radio-label{width:100%}}.wall-inputs{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.wall-input-group{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);min-height:48px}.wall-input-group label{flex:0 0 50px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.wall-input-group input{flex:1;min-width:0;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.wall-input-group input:focus{outline:none;border-color:var(--accent-blue)}.wall-input-group .unit{flex:0 0 24px;font-size:var(--font-size-sm);color:var(--text-muted);text-align:right}.wall-input-group.internal{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.wall-add-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.internal-wall-inputs{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.grid-point.closed{background:var(--accent-green);box-shadow:none}.grid-point.wall-start{background:var(--accent-orange);box-shadow:none}.walls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.walls-header h4{margin:0}.btn-save{padding:var(--space-xs) var(--space-md);background:var(--accent-blue);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover{background:#2563eb;box-shadow:none}.wall-input-group.reference{background:#22c55e26;border:1px solid var(--accent-green);border-radius:var(--radius-sm);padding:var(--space-sm)}.wall-input-group.reference label{color:var(--accent-green);font-weight:600}.wall-input-group.reference input{background:#22c55e33;border-color:var(--accent-green)}.wall-input-group.active{background:#3b82f61a;border-radius:var(--radius-sm);padding:var(--space-sm)}.wall-input-group.active label{color:var(--accent-blue)}.internal-handle{box-shadow:none;transition:transform .1s,background .2s}.internal-handle:hover{transform:translate(-50%,-50%) scale(1.3);background:#fbbf24!important}.internal-handle:active{cursor:grabbing}.preview-line{pointer-events:none;z-index:10}.small-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px;text-align:center}