:root{--brand-50:#f0f5f8;--brand-100:#d9e6ee;--brand-500:#456d86;--brand-600:#3a5d73;--brand-700:#2f4d60;--bg-cream:#f8fafc;--bg-shell:#f1f5f9;--bg-surface:#fff;--shadow-soft:0 2px 8px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.04);--shadow-soft-lg:0 4px 16px rgba(0,0,0,0.06),0 8px 32px rgba(0,0,0,0.06);--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--font-din:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;--navbar-height:0px;--col-left-width:272px;--col-right-width:272px}html{scrollbar-width:none;-ms-overflow-style:none}body,html{margin:0;width:100%;height:100%;position:fixed;touch-action:manipulation}body{display:flex;margin:0;color:#0f172a;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-weight:400;flex-direction:column;overflow:hidden;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:#456d86;text-decoration:none}div.hidden{pointer-events:none}.reusable-elements,div.hidden{display:none}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(69,109,134,.15);border-radius:2px}::placeholder{color:#94a3b8}::selection{background:rgba(69,109,134,.15);color:#1a2d3a}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}.text-display-lg{font-size:3rem;line-height:1.1}.text-display,.text-display-lg{letter-spacing:-.02em;font-weight:700}.text-display{font-size:2.25rem;line-height:1.15}.text-display-sm{font-size:1.75rem;line-height:1.2}.text-display-sm,.text-heading{letter-spacing:-.01em;font-weight:600}.text-heading{font-size:1.25rem;line-height:1.3}.text-subheading{font-size:1.0625rem;line-height:1.4;font-weight:500}.text-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px rgba(69,109,134,.15)}50%{box-shadow:0 0 24px rgba(69,109,134,.3)}}@keyframes value-flash{0%{background-color:rgba(69,109,134,.15)}to{background-color:transparent}}.stagger-enter{opacity:0;transform:translateY(12px);animation:slide-up .4s cubic-bezier(.4,0,.2,1) forwards}.stagger-enter:first-child{animation-delay:.04s}.stagger-enter:nth-child(2){animation-delay:.08s}.stagger-enter:nth-child(3){animation-delay:.12s}.stagger-enter:nth-child(4){animation-delay:.16s}.stagger-enter:nth-child(5){animation-delay:.2s}.stagger-enter:nth-child(6){animation-delay:.24s}.stagger-enter:nth-child(7){animation-delay:.28s}.stagger-enter:nth-child(8){animation-delay:.32s}.stagger-enter:nth-child(9){animation-delay:.36s}.stagger-enter:nth-child(10){animation-delay:.4s}.stagger-enter:nth-child(11){animation-delay:.44s}.stagger-enter:nth-child(12){animation-delay:.48s}.summary-value-flash{animation:value-flash .4s ease-out}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.5rem}.canvas-container{display:flex;position:absolute;justify-content:center;touch-action:none}.canvas-container,.canvas-container canvas{width:100%;height:100%}.section{display:flex;position:absolute;z-index:1;width:100%;min-height:100%;flex-direction:column;justify-content:center;align-items:center}.section.hidden{display:none;opacity:0}.container{position:absolute;z-index:2;width:100%;height:100%}.glass-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none}.glass-nav{display:none}.glass-card{background:hsla(0,0%,100%,.45);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.5);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:0 6px 32px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.7)}.glass-badge{background:hsla(0,0%,100%,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:9999px;padding:.5rem 1rem;border:1px solid hsla(0,0%,100%,.5);box-shadow:0 1px 4px rgba(0,0,0,.04)}.dimensions-card,.glass-structure-card{background:hsla(0,0%,100%,.45);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.5);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6)}.glass-structure-card{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.glass-structure-card .property-card.customize-card{margin:0}.customize-select{padding:.375rem .625rem;background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.06);border-radius:.5rem}.customize-select:focus{border-color:#456d86;box-shadow:0 0 0 2px rgba(69,109,134,.1);outline:none}.customize-stats{justify-content:center;gap:2rem;padding:.75rem 0 .25rem}.customize-stats .stat-item{display:flex;align-items:baseline;gap:.25rem}.customize-stats .stat-value{font-size:1.125rem;font-weight:700;color:#0f172a}.customize-stats .stat-label{font-size:.6875rem;color:#94a3b8;font-weight:500}.customize-stats .stat-blurred .stat-value{filter:blur(4px);user-select:none}.property-cards{display:flex;flex-direction:column;gap:.5rem}.property-card{background:hsla(0,0%,100%,.45);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.5);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.property-card:hover{border-color:hsla(0,0%,100%,.65);box-shadow:0 6px 32px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.7)}.property-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;user-select:none}.property-label{font-size:1rem;color:#0f172a;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.property-label,.property-value{font-weight:600;white-space:nowrap}.property-value{font-size:.8125rem;color:#3a5d73;background:hsla(0,0%,100%,.6);padding:.2rem .5rem;border-radius:9999px;margin-right:0}.info-btn,.property-value{transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.info-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:rgba(0,0,0,.06);color:#0f172a;font-size:.6875rem;cursor:pointer;border-radius:50%}.info-btn:hover{background:rgba(0,0,0,.1)}.info-popover{position:absolute;z-index:100;width:280px;padding:.875rem;background:hsla(0,0%,100%,.45);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.5);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);font-size:.75rem;line-height:1.5}.info-popover.hidden{display:none}.info-popover-title{font-size:.8125rem;font-weight:700;color:#3a5d73;margin-bottom:.375rem}.info-popover-text{color:#475569;margin-bottom:.5rem}.info-popover-default{font-size:.6875rem;color:#94a3b8;padding-top:.375rem;border-top:1px solid rgba(0,0,0,.06)}.property-slider{padding:0 1rem .75rem}.multi-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:.75rem 1rem 1rem}.full-space .multi-choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:0}.choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;border-radius:1rem;border:1.5px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8125rem;font-weight:600;color:#475569;text-align:center;min-height:72px;position:relative}.choice-card:hover{border-color:rgba(69,109,134,.3);color:#0f172a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)}.choice-card.active{border-color:#456d86;background:#f0f5f8;color:#2f4d60;box-shadow:0 0 0 1px rgba(69,109,134,.15)}.choice-card.active .choice-check{opacity:1;transform:scale(1)}.choice-card.active .choice-icon-inline{color:#3a5d73}.choice-icon-inline{font-size:1.125rem;color:#94a3b8;transition:color .2s}.choice-check{position:absolute;top:.5rem;right:.5rem;width:1.125rem;height:1.125rem;border-radius:50%;background:#456d86;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.5625rem;opacity:0;transform:scale(.5);transition:all .15s cubic-bezier(.4,0,.2,1)}.full-space .choice-card{padding:1.75rem 1.25rem;min-height:100px;font-size:.875rem}.full-space .choice-card .choice-icon-inline{font-size:1.5rem}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;outline:none;cursor:pointer;position:relative;margin:.25rem 0 0}.custom-slider::-webkit-slider-runnable-track{height:2px;background:rgba(0,0,0,.1);border-radius:1px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#456d86;border:none;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;transition:box-shadow .15s,transform .15s;margin-top:-6px}.custom-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px rgba(69,109,134,.1),0 1px 4px rgba(0,0,0,.15)}.custom-slider::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 0 0 8px rgba(69,109,134,.12),0 1px 4px rgba(0,0,0,.15)}.custom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#456d86;border:none;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer}.custom-slider::-moz-range-track{height:2px;border-radius:1px;background:rgba(0,0,0,.1)}.custom-slider::-moz-range-progress{height:2px;border-radius:1px;background:#456d86}.slider-labels{margin-top:0;font-size:.8125rem;font-weight:500;color:#475569}.segment-group,.slider-labels{display:flex;justify-content:space-between}.segment-group{gap:.5rem;padding:.25rem 1rem .75rem}.segment-btn{padding:.25rem 0;border:none;background:transparent;font-size:.875rem;font-weight:500;color:#94a3b8;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:center;min-width:0}.segment-btn:hover{color:#475569}.segment-btn.active{color:#3a5d73;font-weight:600}.slider-step-labels{display:flex;justify-content:space-between;margin-top:0;font-size:.8125rem;font-weight:500;color:#475569;padding:0 1px}.slider-step-labels span{text-align:center;transition:color .15s;cursor:pointer;padding:.5rem .25rem .25rem;min-width:0;line-height:1.2}.slider-step-labels span:hover{color:#456d86}.slider-step-labels span.active{color:#3a5d73;font-weight:600}.slider-labels span{cursor:pointer;padding:.5rem .375rem .25rem}.slider-labels span:hover{color:#456d86}.custom-toggle{cursor:pointer;margin-left:auto;flex-shrink:0;-webkit-tap-highlight-color:transparent}.toggle-track{width:44px;height:24px;border-radius:9999px;background:#e2e8f0;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-toggle.active .toggle-track{background:#456d86;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.custom-toggle.active .toggle-thumb{transform:translateX(20px);box-shadow:0 1px 4px rgba(0,0,0,.2)}.custom-toggle:hover .toggle-track{background:#cbd5e1}.custom-toggle:hover.active .toggle-track{background:#3a5d73}.labeled-toggle{display:flex;align-items:center;gap:.625rem;margin-left:auto;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.labeled-toggle .toggle-track{width:36px;height:20px;border-radius:9999px;background:#e2e8f0;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.labeled-toggle .toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.labeled-toggle.active .toggle-track{background:#456d86}.labeled-toggle.active .toggle-thumb{transform:translateX(16px)}.labeled-toggle:hover .toggle-track{background:#cbd5e1}.labeled-toggle.active:hover .toggle-track{background:#3a5d73}.toggle-label-left,.toggle-label-right{font-size:.6875rem;font-weight:500;color:#cbd5e1;transition:color .2s;white-space:nowrap}.toggle-label-left.is-active,.toggle-label-right.is-active{color:#0f172a;font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;background:linear-gradient(135deg,#456d86,#3a5d73);color:#fff;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.02em;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(69,109,134,.25);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.1));opacity:0;transition:opacity .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(69,109,134,.35)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(69,109,134,.2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;background:#fff;color:#0f172a;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{border-color:rgba(69,109,134,.3);background:#f0f5f8;color:#2f4d60;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)}.btn-secondary:active{transform:translateY(0);background:#d9e6ee}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;background:transparent;color:#475569;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background:rgba(0,0,0,.04);color:#0f172a}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.75rem;background:transparent;color:#475569;border:none;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;font-size:1rem}.btn-icon:hover{background:rgba(0,0,0,.05);color:#0f172a}.btn-icon.btn-sm{width:32px;height:32px;font-size:.8125rem;border-radius:.5rem}.cart-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:50%;background:#f43f5e;color:#fff;font-size:.625rem;font-weight:700;display:flex;padding:0 4px;line-height:1}.btn-icon-action,.cart-badge{align-items:center;justify-content:center}.btn-icon-action{display:inline-flex;width:44px;height:44px;border-radius:1rem;background:#fff;color:#475569;font-size:1rem;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon-action:hover{border-color:rgba(69,109,134,.3);background:#f0f5f8;color:#2f4d60;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)}.btn-icon-action:active{transform:translateY(0);background:#d9e6ee}.glass-pill{padding:.4rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#94a3b8;background:transparent;border:1.5px solid transparent;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;text-transform:uppercase}.glass-pill:hover{color:#475569;background:rgba(0,0,0,.03)}.glass-pill.active{color:#2f4d60;background:#f0f5f8;border-color:rgba(69,109,134,.2)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.4}.badge-brand{background:#f0f5f8;color:#2f4d60}.badge-violet{background:#f5f3ff;color:#6d28d9}.badge-teal{background:#f0fdfa;color:#0f766e}.badge-rose{background:#fff1f2;color:#be123c}.order-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:9999px;background:#d9e6ee;color:#2f4d60;font-size:.75rem;font-weight:700;padding:0 .4rem}.custom-input{width:100%;padding:.625rem .875rem;border-radius:.75rem;border:1.5px solid rgba(0,0,0,.1);background:#fff;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#0f172a;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none}.custom-input::placeholder{color:#cbd5e1}.custom-input:focus{border-color:#6a9db8;box-shadow:0 0 0 3px rgba(69,109,134,.1)}.custom-input:hover:not(:focus){border-color:rgba(0,0,0,.15)}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:600;color:#475569;letter-spacing:.01em}.customize-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.customize-field:last-of-type{margin-bottom:0}.customize-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.customize-select{width:100%;border-radius:.75rem;border:1.5px solid rgba(0,0,0,.1);background:#fff;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:.5rem 2rem .5rem .75rem}.customize-select:focus{border-color:#6a9db8;box-shadow:0 0 0 3px rgba(69,109,134,.1)}.customize-select:hover:not(:focus){border-color:rgba(0,0,0,.15)}.customize-readonly{display:block;padding:.5rem .75rem;border-radius:.75rem;border:1.5px solid rgba(0,0,0,.06);background:rgba(0,0,0,.02);font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;font-weight:500;color:#475569}.customize-stats{display:flex;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.stat-item{display:flex;align-items:baseline;gap:.25rem}.stat-value{font-size:1.125rem;font-weight:700;color:#0f172a}.stat-blurred .stat-value{filter:blur(5px);user-select:none}.stat-label{font-size:.75rem;font-weight:500;color:#94a3b8}input[type=number].custom-input{-moz-appearance:textfield}input[type=number].custom-input::-webkit-inner-spin-button,input[type=number].custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.glass-selector-bar{position:absolute;top:96px;left:calc(272px + .75rem);right:calc(272px + .75rem);z-index:5;display:flex;gap:0;padding:.375rem .75rem;background:hsla(0,0%,100%,.45);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.5);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);pointer-events:auto}.glass-chip{display:flex;flex-direction:column;gap:.125rem;padding:.375rem .5rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);flex:1;min-width:0;border:none;background:transparent;border-radius:0}.glass-chip:hover .glass-chip-label{color:#475569}.glass-chip:hover .glass-chip-value{color:#0f172a}.glass-chip.active .glass-chip-label{color:#3a5d73}.glass-chip.active .glass-chip-value{color:#2f4d60;font-weight:600}.glass-chip-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.glass-chip-value{font-size:.8125rem;font-weight:500;color:#475569}.sound-badge{position:absolute;bottom:1rem;left:calc(272px + 1rem);display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px;font-size:.75rem;color:#475569;pointer-events:none;z-index:3}.sound-badge i{color:#456d86;font-size:.6875rem}.sound-value{font-weight:600;color:#0f172a}.order-item{background:#fff;border-radius:1rem;border:1px solid rgba(0,0,0,.06);padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);animation:slide-up .3s ease-out}.order-item:hover{border-color:rgba(69,109,134,.15);box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)}.order-item .order-item-title{font-size:1rem;font-weight:600;color:#0f172a;line-height:1.3}.order-item .order-item-details{font-size:.8125rem;color:#94a3b8;margin-top:.125rem}.order-item .order-item-expanded{font-size:.8125rem}.order-item .order-item-expanded .detail-row{display:flex;justify-content:space-between;padding:.375rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.order-item .order-item-expanded .detail-row:last-child{border-bottom:none}.order-item .order-item-expanded .detail-label{color:#94a3b8;font-weight:400}.order-item .order-item-expanded .detail-value{color:#0f172a;font-weight:600}.order-item-inline-edit{display:flex;gap:.625rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgba(0,0,0,.06)}.inline-field{display:flex;flex-direction:column;flex:1;min-width:0}.inline-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.25rem}.inline-input{width:100%;padding:.4rem .5rem;font-size:.875rem;font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif;font-weight:500;color:#0f172a;background:#f1f5f9;border:1px solid rgba(0,0,0,.06);border-radius:.375rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.inline-input:focus{border-color:#456d86;box-shadow:0 0 0 2px rgba(69,109,134,.1)}.inline-input::-webkit-inner-spin-button,.inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-input{-moz-appearance:textfield}.order-item-expanded{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.order-item-expanded.hidden{max-height:0;opacity:0;padding:0;margin:0;border:none}.cascade-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(1rem);z-index:9999;padding:.625rem 1.25rem;background:hsla(0,0%,100%,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:9999px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.06);font-size:.75rem;font-weight:500;color:#475569;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.cascade-toast.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.cascade-toast i{margin-right:.375rem;color:#456d86}.faq-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:faq-fade-in .2s ease}.faq-overlay.hidden{display:none}.faq-modal{width:min(680px,94vw);max-height:85vh;display:flex;flex-direction:column;background:hsla(0,0%,100%,.95);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid hsla(0,0%,100%,.6);border-radius:1.25rem;box-shadow:0 24px 80px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.7);animation:faq-slide-up .25s cubic-bezier(.16,1,.3,1);font-family:DIN Next LT Pro,Inter,system-ui,-apple-system,sans-serif}.faq-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;flex-shrink:0}.faq-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.faq-close{color:#475569}.faq-close:hover{color:#0f172a}.faq-tabs{display:flex;gap:.375rem;padding:0 1.5rem .75rem;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.faq-tabs::-webkit-scrollbar{display:none}.faq-tab{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:1px solid rgba(0,0,0,.08);border-radius:9999px;background:hsla(0,0%,100%,.5);color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s cubic-bezier(.4,0,.2,1)}.faq-tab:hover{background:hsla(0,0%,100%,.8);color:#0f172a}.faq-tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.faq-content{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem}.faq-item{border-bottom:1px solid rgba(0,0,0,.06)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.875rem 0;border:none;background:none;font-size:.875rem;font-weight:600;color:#0f172a;text-align:left;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.faq-question:hover{color:#3a5d73}.faq-question .faq-chevron{font-size:.625rem;color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),padding .3s ease}.faq-answer p{font-size:.8125rem;line-height:1.65;color:#475569;margin:0 0 .75rem}.faq-answer p:last-child{margin-bottom:0}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-item.open .faq-answer{max-height:600px;padding-bottom:1rem}@keyframes faq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes faq-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.faq-modal{width:100vw;max-height:100vh;height:100vh;border-radius:0}.faq-tabs{padding:0 1rem .75rem}.faq-content{padding:0 1rem 1rem}.faq-header{padding:max(env(safe-area-inset-top),1rem) 1rem .5rem}}.navbar{height:0;display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;position:relative;z-index:50}.navbar-spacer{flex:1}.navbar-actions{display:flex;align-items:center;gap:.5rem}.hide-desktop{display:none}@media (max-width:768px){.hide-desktop{display:flex}}.configurator-grid{display:grid;grid-template-columns:272px 1fr 272px;grid-template-rows:1fr;gap:0;height:100vh;overflow:hidden;position:relative}.app-header{position:absolute;top:0;left:0;right:0;z-index:10;height:88px;display:flex;align-items:center;pointer-events:none}.app-header>*{pointer-events:auto}.header-logo{width:272px;display:flex;justify-content:center;flex-shrink:0}.header-spacer{flex:1}.header-actions{padding:0 1.5rem;flex-shrink:0}.cdr-logo{width:90px;height:auto;display:block}.col-left{position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;padding:96px 1.25rem 1.25rem;scrollbar-width:thin;scrollbar-color:rgba(69,109,134,.15) transparent}.col-left::-webkit-scrollbar{width:3px}.col-left::-webkit-scrollbar-thumb{background:rgba(69,109,134,.15);border-radius:2px}.col-left::-webkit-scrollbar-track{background:transparent}.col-center{position:relative;min-height:0;min-width:0;overflow:visible}.col-center .canvas-wrapper{position:absolute;top:0;bottom:0;left:-272px;right:-272px;z-index:0}.col-center .canvas-wrapper canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;touch-action:none}.col-center .env-tint{z-index:3}.col-right{position:relative;z-index:2;overflow-y:auto;overflow-x:hidden;padding:96px 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(69,109,134,.15) transparent}.col-right::-webkit-scrollbar{width:3px}.col-right::-webkit-scrollbar-thumb{background:rgba(69,109,134,.15);border-radius:2px}.col-right::-webkit-scrollbar-track{background:transparent}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.summary-row:last-child{border-bottom:none}.summary-label{font-size:.875rem;font-weight:500;color:#94a3b8}.summary-value{font-size:.875rem;font-weight:600;color:#0f172a;transition:all .15s cubic-bezier(.4,0,.2,1)}.glass-layers-visual{display:flex;justify-content:center;align-items:flex-end;gap:2px;min-height:0;padding:.5rem}.glass-layers-visual:empty{padding:0}.glass-layer{border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:3px}.glass-layer.layer-glass{background:linear-gradient(180deg,rgba(141,181,204,.6),rgba(69,109,134,.4));border:1px solid rgba(69,109,134,.3)}.glass-layer.layer-spacer{background:repeating-linear-gradient(45deg,rgba(20,184,166,.15),rgba(20,184,166,.15) 2px,transparent 0,transparent 4px);border:1px solid rgba(20,184,166,.2)}.glass-layer.layer-film{background:rgba(245,158,11,.3);border:1px solid rgba(245,158,11,.2)}.orders-section{background:#f8fafc;border-top:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.orders-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.orders-header:hover{background:rgba(0,0,0,.02)}.orders-header-left{display:flex;align-items:center;gap:.75rem}.orders-icon{color:#3a5d73;font-size:1rem;opacity:.7}.orders-chevron{color:#cbd5e1;font-size:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.orders-chevron.rotated{transform:rotate(180deg)}.orders-list{padding:0 1.5rem 1.5rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:.75rem}.empty-orders{text-align:center;padding:2.5rem 1rem}.empty-orders i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.empty-orders p{font-size:.875rem;color:#94a3b8}.order-actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.order-actions .btn-primary{flex:1}.order-item-duplicate,.order-item-edit{color:#94a3b8;transition:all .15s cubic-bezier(.4,0,.2,1)}.order-item-duplicate:hover,.order-item-edit:hover{color:#456d86}.order-item.editing{border-color:#456d86;box-shadow:0 0 0 2px rgba(69,109,134,.15)}.edit-mode-buttons.hidden{display:none}@media (max-width:1279px){.configurator-grid{grid-template-columns:272px 1fr}.glass-selector-bar{right:.75rem}.col-right{position:fixed;right:0;top:0;bottom:0;width:272px;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:30;box-shadow:-8px 0 32px rgba(0,0,0,.1);background:hsla(0,0%,100%,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.col-right.open{transform:translateX(0)}.col-center .canvas-wrapper{right:0}.col-right-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:29}.col-right-backdrop.visible{display:block}}@media (max-width:768px){.configurator-grid{grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;height:100dvh}.app-header{height:56px;padding:0 .75rem}.header-logo{width:auto;justify-content:flex-start;padding-left:.25rem}.cdr-logo{width:70px}.header-actions{padding:0 .25rem}.glass-selector-bar{top:58px;left:.5rem;right:.5rem;border-radius:1rem;padding:.375rem;gap:.25rem}.glass-chip{padding:.25rem .5rem}.glass-chip-label{font-size:.625rem}.glass-chip-value{font-size:.75rem}.col-center{grid-row:1;grid-column:1;height:100vh;height:100dvh}.col-center .canvas-wrapper{left:0;right:0;transition:bottom .35s cubic-bezier(.4,0,.2,1)}.col-center.sheet-open .canvas-wrapper{bottom:52vh}.customize-panel{padding:.5rem 0}.customize-panel .dimensions-card,.customize-panel .glass-structure-card{margin-bottom:.75rem}.orders-panel{padding:0}.orders-panel .orders-section{padding:0;background:transparent;border-top:none}.orders-panel .orders-header{display:none}.orders-panel .orders-list{padding:0}.orders-panel .orders-grid{gap:.625rem}.col-left{position:fixed!important;bottom:0;left:0;right:0;top:auto;height:60vh;padding:0 1rem 1rem;transform:translateY(calc(100% - 64px));transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:20;border-radius:1.5rem 1.5rem 0 0;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px rgba(0,0,0,.1);background:hsla(0,0%,100%,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;overflow-x:hidden}.col-left.expanded{transform:translateY(0)}.col-right{position:fixed!important;bottom:0;left:0;right:0;top:auto;width:100%;height:70vh;padding:1.25rem 1rem;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:31;border-radius:1.5rem 1.5rem 0 0;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px rgba(0,0,0,.12);background:hsla(0,0%,100%,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;overflow-x:hidden}.col-right.open{transform:translateY(0)}.mobile-tab-bar{display:flex!important;justify-content:center;gap:.375rem;padding:1.25rem 1rem .5rem;position:relative;flex-shrink:0}.mobile-tab-bar:before{content:"";position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:9999px;background:#cbd5e1}.tab-pill{padding:.4rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:#94a3b8;background:transparent;border:1.5px solid transparent;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.tab-pill.active{background:#456d86;color:#fff;border-color:#456d86}.mobile-cart-fab{display:none!important}.orders-grid{grid-template-columns:1fr}.info-popover{max-width:calc(100vw - 2rem);left:1rem!important;right:1rem}.property-card{padding:.625rem .75rem}.property-label{font-size:.875rem}.slider-step-labels span{font-size:.75rem}.dimensions-card,.glass-structure-card{padding:1rem}}@media (min-width:769px){.mobile-cart-fab,.mobile-tab-bar{display:none!important}}.loader{top:0;z-index:999;background-color:#f8fafc;place-items:center}.loader__image{margin-bottom:30px}.loader__image img{height:70px}.loader__progress-bar{width:150px;background:#909090;border-radius:6px;overflow:hidden}.loader__progress-bar-fill{width:100%;height:6px;background-color:#0f172a;border-radius:20px;transform-origin:left;position:relative;left:-100%}
/*# sourceMappingURL=index.684d4cd9.css.map */