/* Motion layer: the drawing is decorative and never represents uploaded measurements. */
.calc-choice-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
#calc-choose{max-width:none}
.calc-choice-controls{min-width:0;position:relative;z-index:2}
#package-menu{width:min(700px,calc(100vw - 150px));right:auto;box-sizing:border-box}
.calc-sketch{--sketch-ink:#b6cfdf;--sketch-accent:#e0f3ff;--sketch-halo:#9dc9e7;position:relative;isolation:isolate;min-width:0;margin:0;pointer-events:none;color:var(--sketch-ink)}
.calc-sketch[data-variant=neo],.calc-sketch[data-variant=premiere]{--sketch-ink:#c2d3df;--sketch-accent:#ecf7ff;--sketch-halo:#afcfea}
.calc-sketch[data-variant=modern]{--sketch-ink:#aabfce;--sketch-accent:#d8ecff;--sketch-halo:#90bcdd}
.sketch-canvas{display:block;width:100%;height:auto;max-height:320px;overflow:visible}
.sketch-aura{position:absolute;inset:5% 0 8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,var(--sketch-halo),transparent 68%);opacity:.065;filter:blur(14px);transition:background .8s}
.sketch-grid{opacity:.16}
.sketch-plan{transform-origin:center;transition:color .7s}
.sketch-floor{fill:var(--sketch-accent);opacity:.025}
.sketch-underlay{stroke:var(--sketch-ink);stroke-width:8;opacity:.055}
.sketch-walls{stroke:var(--sketch-ink);stroke-width:2.5;stroke-linecap:square;stroke-linejoin:miter}
.sketch-windows{stroke:var(--sketch-accent);stroke-width:1;opacity:.85}
.sketch-doors{stroke:var(--sketch-ink);stroke-width:.85;stroke-linecap:round;opacity:.68}
.sketch-details{stroke:var(--sketch-ink);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;opacity:.68}
.sketch-dimensions{stroke:var(--sketch-ink);stroke-width:.7;opacity:.32}
.sketch-classic{stroke:var(--sketch-accent);stroke-width:.7;opacity:0;transition:opacity .6s}
[data-variant=neo] .sketch-classic,[data-variant=premiere] .sketch-classic{opacity:.5}
.sketch-light{stroke:var(--sketch-accent);stroke-width:5;opacity:.6;transition:stroke .7s}
.sketch-light-core{stroke-width:1.5;opacity:.8}
.sketch-trace{stroke:var(--sketch-accent);stroke-width:1.8;stroke-dasharray:.09 .91;opacity:0;filter:drop-shadow(0 0 5px var(--sketch-accent))}
.sketch-nodes{fill:var(--sketch-accent);opacity:.6}
.sketch-corners{stroke:var(--sketch-ink);stroke-width:.6;opacity:.22}
.calc-sketch.is-drawing:not(.is-still) .sketch-draw{stroke-dasharray:1;animation:sketch-ink-in 1.4s cubic-bezier(.3,.55,.25,1) calc(var(--draw-order)*.16s) both}
.calc-sketch.is-drawing:not(.is-still) .sketch-light:not(.sketch-light-core){animation:sketch-light-on 1.2s 2.3s both}
.calc-sketch.is-drawing:not(.is-still) .sketch-trace{animation:sketch-orbit 10s linear 3.3s infinite}
.calc-sketch.is-drawing:not(.is-still) .sketch-aura{animation:sketch-aura-breathe 7s ease-in-out infinite}
.calc-sketch.is-drawing:not(.is-still) .sketch-nodes{animation:sketch-node-in 1s 1.8s both}
.calc-package-option{--cursor-x:50%;--cursor-y:50%;--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.75,.3,1),border-color .3s,box-shadow .3s,background .3s}
.calc-package-option:before{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),#d5ecff30,transparent 75%)}
.calc-package-option .package-choice-icon{transition:transform .35s,background .3s,color .3s}
#calc-progress .is-current button>span{box-shadow:0 0 20px #bfdef11b}
#calc-progress .is-done button>span{animation:calc-progress-check .4s ease both}
#calc-progress li.is-done:not(:last-child):after{background:#bddbe57d;transform-origin:left;animation:calc-progress-line .45s cubic-bezier(.2,.7,.3,1) both}
.calc-result{position:relative;isolation:isolate}
.calc-result:before{content:"";position:absolute;z-index:-1;inset:0 12% 10%;pointer-events:none;background:radial-gradient(ellipse,#bcdeef0c,transparent 65%);animation:calc-result-aura 1.2s ease both}
.calc-result-icon{position:relative;animation:calc-result-arrive .65s cubic-bezier(.2,.8,.25,1.2) both}
.calc-result-icon:after{content:"";position:absolute;inset:-8px;border:1px solid #c2e2f044;border-radius:23px;animation:calc-result-ring 1.15s ease-out both;pointer-events:none}
.calc-result-price{display:grid;position:relative;justify-content:center;font-variant-numeric:tabular-nums}
.calc-count-reserve,.calc-count-value{grid-area:1/1;white-space:nowrap}
.calc-count-reserve{visibility:hidden}
.calc-count-value{transition:text-shadow .4s}
.is-counting .calc-count-value{text-shadow:0 0 28px #c0e0f029}
.calc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
@keyframes sketch-ink-in{from{stroke-dashoffset:1;opacity:0}15%{opacity:1}to{stroke-dashoffset:0}}
@keyframes sketch-light-on{from{opacity:0}to{opacity:.6}}
@keyframes sketch-orbit{0%{stroke-dashoffset:1;opacity:0}8%,88%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sketch-aura-breathe{0%,100%{opacity:.045;transform:scale(.95)}50%{opacity:.095;transform:scale(1.05)}}
@keyframes sketch-node-in{from{opacity:0}to{opacity:.6}}
@keyframes calc-progress-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes calc-progress-check{from{transform:scale(.8);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes calc-result-arrive{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes calc-result-ring{from{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}
@keyframes calc-result-aura{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.calc-package-option:hover{z-index:2;transform:perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-2px) scale(1.035);box-shadow:0 10px 30px #0003,0 0 22px #c4e3f210}.calc-package-option:hover .package-choice-icon{transform:translateZ(8px) rotate(-4deg)}}
@media(max-width:1000px){.calc-choice-layout{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.sketch-canvas{max-height:280px}#package-menu{width:min(650px,calc(100vw - 120px))}.calc-package-option strong{font-size:15px}}
@media(max-width:760px){.calc-choice-layout{grid-template-columns:1fr;gap:21px}.calc-sketch{order:-1;margin-top:-10px}.sketch-canvas{height:195px;max-height:none}.calc-choice-controls{z-index:2}#package-menu{width:100%;right:0}.calc-result:before{inset:0}}
@media(max-width:380px){.sketch-canvas{height:165px}.calc-count-value,.calc-count-reserve{font-size:clamp(24px,8.8vw,36px)}}
@media(prefers-reduced-motion:reduce){.calculator-section .calc-sketch *,.calculator-section .calc-result *,.calculator-section .calc-result:before{animation:none!important;transition:none!important}.calc-package-option:hover{transform:none!important}.sketch-trace{display:none}.calc-result-icon:after{display:none}.sketch-draw{stroke-dashoffset:0!important}}

.calc-sketch-slot{display:contents}
.calculator-section .calc-scene,.calculator-section .builder-body{animation:none}