.build-app{padding:28px 0 72px}.build-intro{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.build-intro h1{max-width:14ch;margin:8px 0 12px;font-size:clamp(42px,6vw,72px)}.build-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);align-items:start;gap:22px;max-width:1120px;margin:28px auto 0;padding:0 clamp(20px,4vw,48px);display:grid}.stage-wrap{position:sticky;top:16px}.stage{border:1px solid var(--line);background:var(--sky-bottom,#efe6d4);border-radius:28px;height:min(62vh,560px);min-height:320px;position:relative;overflow:hidden}.stage.climate-marine{--sky-top:#b7c9d4;--sky-bottom:#f3ead8;--land:#8a9a78;--peak:#8d97a3;--water:#6f93a8}.stage.climate-mediterranean{--sky-top:#8eb4d4;--sky-bottom:#f6e4c4;--land:#c4b07a;--peak:#9aa4ae;--water:#3f7ea8}.stage.climate-desert{--sky-top:#e7c48a;--sky-bottom:#f7efe2;--land:#d2b48a;--peak:#c4a882;--water:#7ea4b8}.stage.climate-alpine{--sky-top:#9ebcde;--sky-bottom:#efe9dc;--land:#7f8f72;--peak:#d5dde4;--water:#6d92ab}.stage.climate-temperate{--sky-top:#c5d3c2;--sky-bottom:#efe6d2;--land:#7d9468;--peak:#8b97a0;--water:#6a90a6}.stage.climate-continental{--sky-top:#b9c6d6;--sky-bottom:#efe4cf;--land:#6f845f;--peak:#9aa6b0;--water:#4f7894}.stage.climate-tropical{--sky-top:#7eafc8;--sky-bottom:#f3e3c0;--land:#6e8f55;--peak:#8aa07a;--water:#2f7f9a}.scenery{width:100%;height:100%;position:absolute;inset:0}.sun{fill:#f4e2b0;opacity:.9}.peaks{fill:var(--peak);opacity:0;transition:opacity .6s}.view-mountains .peaks,.view-lake .peaks{opacity:1}.trees{fill:#2f3a2c;opacity:0;transition:opacity .6s}.view-forest .trees{opacity:.9}.lake{fill:var(--water);opacity:0;transition:opacity .6s}.view-lake .lake{opacity:.85}.ocean{fill:var(--water);opacity:0;transition:opacity .6s}.view-ocean .ocean{opacity:1}.ground{fill:var(--land)}.view-ocean .ground{fill:#e4d3b0}.view-desert .ground,.climate-desert .ground{fill:#e2c79a}.grass{stroke:#2f3a2c;stroke-width:2px;fill:none;opacity:0;transition:opacity .6s}.view-meadow .grass,.view-forest .grass{opacity:.8}.house-anchor{z-index:2;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.house{width:var(--span);filter:drop-shadow(0 16px 16px #23261f29);transition:width .7s,opacity .6s,transform .7s;position:relative}.stage[data-step="0"] .house,.stage[data-step="1"] .house{opacity:.28;transform:translateY(18px)scale(.82)}.stage[data-step="2"] .house{opacity:.72}.roof{background:var(--roof);transition:background .6s,height .6s,clip-path .6s;position:relative}.roof-gable .roof{clip-path:polygon(50% 0,100% 100%,0 100%);height:72px;margin:0 -8%}.style-stone .roof{height:64px}.style-straw .roof{height:78px}.roof-parapet .roof{clip-path:none;background:var(--wall);height:22px;box-shadow:inset 0 8px 0 var(--roof);margin:0}.roof-shed .roof{clip-path:polygon(0 58%,100% 0,100% 100%,0 100%);height:48px;margin:0 -4% 0 0}.roof-curve .roof{clip-path:none;border-radius:80px 80px 0 0;height:64px;margin:0 6%}.body{height:var(--body-h);background:var(--wall);justify-content:space-evenly;align-items:flex-end;gap:6px;padding:0 8%;transition:height .7s,background .6s,border-radius .6s;display:flex;position:relative}.style-adobe .body,.style-cob .body{border-radius:18px 18px 0 0}.style-stone .body{background-image:linear-gradient(90deg,#2f3a2c14 1px,#0000 1px);background-size:18px 100%}.style-straw .body{box-shadow:inset 0 0 0 10px #2f3a2c14}.style-timber .beams{pointer-events:none;opacity:0;background:linear-gradient(#6e3f2a,#6e3f2a) 0 0/8px 100% no-repeat,linear-gradient(#6e3f2a,#6e3f2a) 100% 0/8px 100% no-repeat;position:absolute;inset:64px 8% 0}.stage[data-step="3"] .beams,.stage[data-step="4"] .beams,.stage[data-step="5"] .beams,.stage[data-step="6"] .beams{opacity:1}.chimney{z-index:1;background:#6e5b52;width:16px;height:36px;position:absolute;top:-18px;right:18%}.window{opacity:0;background:linear-gradient(#d5e4ea,#f7f3ea);border:2px solid #2f3a2c73;width:16px;height:28%;margin-bottom:26%;transition:opacity .4s,height .5s,width .5s}.stage[data-step="3"] .window,.stage[data-step="4"] .window,.stage[data-step="5"] .window,.stage[data-step="6"] .window{opacity:1}.style-modern .window{width:22px;height:52%;margin-bottom:18%}.style-stone .window{width:12px;height:20%}.windows-glass .window{width:22px;height:58%;margin-bottom:16%}.door{opacity:0;background:#6e3f2a;width:18px;height:42%;margin-bottom:0}.stage[data-step="2"] .door,.stage[data-step="3"] .door,.stage[data-step="4"] .door,.stage[data-step="5"] .door,.stage[data-step="6"] .door{opacity:1}.vent{border:2px solid var(--moss);border-radius:2px;width:14px;height:10px;position:absolute;top:12px;right:10px}.panels{gap:3px;display:flex;position:absolute;top:42%;left:28%;transform:rotate(-8deg)}.roof-shed .panels{top:28%;transform:rotate(-16deg)}.roof-parapet .panels,.roof-curve .panels{top:4px;transform:none}.panels i{background:#243028;border:1px solid #efe9dc;width:16px;height:10px;display:block}.photo{object-fit:cover;z-index:3;width:100%;height:100%;animation:.7s fade-in;position:absolute;inset:0}.veil{z-index:4;color:var(--moss);text-align:center;background:#efe9dc8c;place-items:center;padding:24px;font-weight:600;display:grid;position:absolute;inset:0}.veil:before{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff73 48%,#0000 62%);animation:1.8s ease-in-out infinite sheen;position:absolute;inset:0}.veil span{position:relative}.stage-note{z-index:4;background:#f7f3eaeb;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;position:absolute;bottom:12px;left:12px;right:12px}.running{margin:10px 4px 0}.estimate .actions{min-width:0}.estimate .actions .btn{white-space:normal;text-align:center;max-width:100%}.estimate .fine{overflow-wrap:anywhere}.stepper{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.stepper button{border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.stepper button span{background:#2f3a2c14;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.stepper button.on{background:var(--moss);color:var(--bg);border-color:var(--moss)}.stepper button.on span{background:#efe9dc33}.build-panel h2{margin-bottom:8px;font-size:clamp(32px,4vw,44px)}.build-panel h2:focus{outline:none}.place-grid,.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.place,.choice{text-align:left;border:1px solid var(--line);background:var(--paper);font:inherit;color:var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;gap:4px;padding:12px;display:flex}.place.on,.choice.on{border-color:var(--moss);box-shadow:inset 0 0 0 1px var(--moss)}.choice input{opacity:0;pointer-events:none;position:absolute}.choice{position:relative}.mini{background:linear-gradient(var(--sky-top,#c5d3c2), var(--land,#7d9468));border-radius:10px;height:36px}.place.climate-marine{--sky-top:#b7c9d4;--land:#8a9a78}.place.climate-mediterranean{--sky-top:#8eb4d4;--land:#c4b07a}.place.climate-desert{--sky-top:#e7c48a;--land:#d2b48a}.place.climate-alpine{--sky-top:#9ebcde;--land:#d5dde4}.place.climate-temperate{--sky-top:#c5d3c2;--land:#7d9468}.place.climate-continental{--sky-top:#b9c6d6;--land:#6f845f}.place.climate-tropical{--sky-top:#7eafc8;--land:#6e8f55}.place-name{font-weight:600}.place-meta,.place-factor{color:var(--muted);font-size:13px;font-weight:400}.size-fields,.material-groups,.upgrades,.estimate{gap:12px;display:grid}.size-fields input[type=range]{width:100%;accent-color:var(--moss)}.shot-toggle{gap:8px;display:flex}.shot-toggle button,.step-nav{font:inherit}.shot-toggle button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.shot-toggle button.on{background:var(--moss);color:var(--bg);border-color:var(--moss)}.totals{font-family:var(--font-serif), Georgia, serif;gap:4px;margin:0;font-size:28px;display:grid}.step-nav{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.upgrade{align-items:flex-start}.upgrade strong{display:block}@keyframes sheen{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.build-layout{grid-template-columns:minmax(0,1fr)}.stage-wrap,.build-panel,.estimate,.table-wrap{min-width:0}.stage-wrap{position:static}.stage{height:320px;min-height:280px}.place-grid,.choice-grid{grid-template-columns:1fr}.build-panel table{width:100%}.build-panel th,.build-panel td{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.house,.body,.roof,.window,.peaks,.trees,.lake,.ocean,.grass,.photo{transition:none;animation:none}.veil:before{animation:none}}