@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;color-scheme:light;--bg:#edf2ef;--panel:#fbfcf9;--scene:#eaf0ed;--text:#243d42;--muted:#657e7c;--border:#d5e1db;--accent:#226f75;--accent-soft:#e0eeE8;--header:#163039;--input:#fff;--shadow:0 6px 24px #1d433308;--warm:#a56636;--warn-bg:#fff0d5;--warn:#805c20}:root[data-theme=dark]{color-scheme:dark;--bg:#101d25;--panel:#192c35;--scene:#20353f;--text:#e3ece7;--muted:#a2b7b5;--border:#344c55;--accent:#80c9c5;--accent-soft:#29454b;--header:#0c1820;--input:#14252e;--shadow:0 8px 28px #0002;--warm:#edb583;--warn-bg:#3f3524;--warn:#f2d39a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,input,select{touch-action:manipulation}button{cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.4}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}a{color:var(--accent)}label{display:block;color:var(--muted);font-size:12px;line-height:1.5}input[type=number],select{display:block;width:100%;min-width:0;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 10px;font-size:12px;margin-top:6px}input[type=range]{width:100%;accent-color:var(--accent);margin:13px 0 0}input[type=checkbox]{accent-color:var(--accent)}fieldset{min-width:0;margin:0}h1,h2,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(24px,2.6vw,36px);line-height:1.25;font-weight:600;letter-spacing:-1px}h2{font-size:15px;font-weight:600}.app-header{min-height:88px;background:var(--header);color:#e4eee9;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 36px;border-bottom:2px solid #607f78}.brand{color:inherit;text-decoration:none;font-size:29px;font-weight:700;display:flex;gap:12px;align-items:center}.brand-icon{font-size:30px}.brand-light{font-weight:400;color:#b1cdbf}.brand small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:3px;color:#c9d8d0}.preferences{display:flex;align-items:center;gap:20px}.preferences fieldset{display:flex;gap:3px;border:0;padding:0}.preferences legend,.preferences>label{font-size:10px;color:#c5d4d3}.preferences legend{margin-bottom:5px}.preferences button{font-size:11px;border-color:#50676c;background:#203d46;color:#e1ede9;padding:6px 10px}.preferences button[aria-pressed=true]{background:#c5dfd4;color:#174247;border-color:#c5dfd4}.preferences select{padding:5px 28px 5px 9px;background:#203d46;color:#e1ede9;border-color:#50676c;font-size:11px;margin-top:5px}main{max-width:1680px;padding:30px 36px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin-bottom:9px}.page-heading>div>p:last-child{font-size:13px;color:var(--muted);margin-top:10px}.engine-badge{display:flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:20px;padding:9px 12px;font-size:10px;white-space:nowrap}.engine-badge i,.run-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.workbench{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}.sidebar{display:flex;flex-direction:column;gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:20px}.section-title{display:flex;gap:9px;align-items:center}.section-number{font-size:10px;letter-spacing:1px;color:var(--muted);font-family:Manrope}.section-description{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 20px}.conditions>label,.playback>label{margin:18px 0}.value{float:right;color:var(--text);font-weight:500}.input-unit{position:relative}.input-unit input{padding-right:36px}.input-unit span{position:absolute;right:11px;top:10px;font-size:10px}.hint{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}.apply-button{width:100%;margin-top:18px;background:var(--accent-soft);color:var(--accent);padding:11px}.config-status{font-size:10px;color:var(--muted);line-height:1.6;padding-top:10px}.config-status.pending{color:var(--warn);background:var(--warn-bg);border-radius:5px;padding:9px;margin-top:10px}.run-status{display:inline-flex;gap:6px;align-items:center;border-radius:5px;padding:5px 8px;font-size:10px;background:var(--accent-soft);color:var(--accent)}.run-status.paused,.run-status.stopped{background:var(--warn-bg);color:var(--warn)}.run-status.error{color:#dc785f}.time-readout{margin-top:15px}.time-readout strong{font-family:Manrope;font-weight:600;font-size:28px;display:block}.time-readout strong span{font-size:12px;font-weight:400;color:var(--muted)}.time-readout small{font-size:10px;color:var(--muted)}progress{display:block;height:5px;width:100%;border:0;border-radius:6px;overflow:hidden;accent-color:var(--accent);margin:12px 0 20px}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent)}.run-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.run-buttons .primary{grid-column:1/-1;background:var(--accent);color:var(--panel);border-color:var(--accent);padding:11px}.run-buttons .primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.stop-button{color:var(--warm)}.runtime{font-size:10px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border);padding-top:13px}.runtime b{font-weight:500}.text-button{background:transparent;width:100%;border:0;margin-top:9px;color:var(--accent);font-size:11px}.results{min-width:0}.comparison-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;min-height:30px}.comparison-title h2 span{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px}.comparison-title>button{font-size:10px;white-space:nowrap}.scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.scenario-heading{padding:17px;display:flex;align-items:center;gap:10px}.scenario-id{width:33px;height:36px;display:grid;place-items:center;border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:14px;font-weight:700;flex-shrink:0}.scenario-id.B{color:var(--warm);background:var(--warn-bg)}.scenario-heading h2{font-size:12px}.scenario-heading p{font-size:11px;color:var(--muted);margin-top:4px}.scenario-average{margin-left:auto;text-align:right;white-space:nowrap}.scenario-average strong{font-size:19px;font-weight:500}.scenario-average strong small{font-size:10px}.scenario-average>span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.view-controls{display:flex;flex-wrap:wrap;gap:7px 12px;padding:11px 14px;border-block:1px solid var(--border)}.view-controls label{display:flex;align-items:center;gap:3px;font-size:10px;cursor:pointer}.view-controls input{margin:0 3px 0 0}.scene{height:330px;position:relative;background:var(--scene);isolation:isolate;cursor:grab}.camera-controls{position:absolute;left:12px;top:12px;z-index:25;display:flex;gap:4px}.camera-controls button{font-size:10px;padding:5px 8px;box-shadow:0 2px 5px #0001}.sensor-pin{display:block;white-space:nowrap;font-size:9px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:3px 5px;pointer-events:none}.dimension{font-size:9px;white-space:nowrap;color:var(--muted);pointer-events:none}.outdoor-pin{display:block;text-align:center;white-space:nowrap;font-size:7px;letter-spacing:.8px;background:var(--warn-bg);color:var(--warm);padding:5px 6px;border-radius:5px;pointer-events:none}.outdoor-pin b{display:block;font-size:11px;letter-spacing:0;margin-top:3px}.scene-instructions{font-size:9px;text-align:center;padding:8px;color:var(--muted);background:var(--scene);border-bottom:1px solid var(--border)}.sensor-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.sensor-readings>div{border-right:1px solid var(--border)}.sensor-readings>div:last-child{border:0}.sensor-readings span{display:block;font-size:8px;color:var(--muted)}.sensor-readings b{font-size:9px;color:var(--accent);margin-right:3px}.sensor-readings strong{display:block;font-size:13px;font-weight:500;margin-top:6px}.sensor-readings small{font-size:9px;color:var(--muted)}.material-controls{border:0;border-top:1px solid var(--border);padding:15px 16px 16px}.material-controls legend{font-size:10px;font-weight:600;padding-right:8px;color:var(--accent)}.material-controls>label{font-size:10px}.material-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.material-fields label{font-size:9px}.material-fields input{padding:7px;font-size:12px}.material-fields small{display:block;font-size:8px;margin-top:4px}.thermal-legend{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:var(--muted);padding:16px}.thermal-legend>div{height:7px;width:150px;border-radius:5px;background:linear-gradient(90deg,#244799,#24a6b6,#7cce94,#fbca58,#e65231)}.thermal-legend small{font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2px 0 20px}.metrics>div{background:var(--accent-soft);padding:15px;border:1px solid var(--border);border-radius:9px}.metrics span{display:block;font-size:9px;color:var(--muted)}.metrics strong{display:block;font-size:24px;font-family:Manrope;font-weight:500;margin-top:7px}.metrics small{font-size:10px;color:var(--muted)}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.chart-heading .section-description{margin-bottom:0}.chart-heading button{font-size:11px}.chart-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:18px 0 12px}.chart-controls button{font-size:11px;padding:7px 10px}.chart-controls label{display:flex;align-items:center;gap:8px;font-size:10px;margin-left:auto}.chart-controls select{margin:0;font-size:10px;padding:7px}.scope{padding:20px 2px;color:var(--muted);font-size:11px;line-height:1.8}.scope summary{cursor:pointer;color:var(--accent);font-weight:600}.scope p{margin-top:12px}.error-message{font-size:11px;color:#d2755e;margin-top:12px;line-height:1.6}.loading{padding:85px 20px;font-size:12px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:18px;margin-top:24px;font-size:9px;color:var(--muted)}footer strong{font-weight:500;letter-spacing:1px}@media(min-width:1500px){.scene{height:390px}}@media(max-width:1200px){main{padding:25px 22px}.workbench{grid-template-columns:240px minmax(0,1fr);gap:16px}.panel{padding:17px}.scenarios{gap:12px}.scenario-heading{padding:13px 10px;gap:7px}.scenario-heading h2{font-size:10px}.scenario-average strong{font-size:16px}.scenario-heading p{font-size:10px}.scene{height:290px}.comparison-title h2 span{display:block;margin:4px 0 0}.view-controls{gap:7px 9px}.material-controls{padding:12px}.metrics>div{padding:13px 10px}.metrics strong{font-size:20px}}@media(max-width:960px){.workbench{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.scene{height:330px}.page-heading{align-items:start}.engine-badge{font-size:9px}.page-heading h1{font-size:28px}.scenario-heading h2{font-size:12px}.material-controls{padding:16px}.scenario-average strong{font-size:20px}}@media(max-width:640px){.app-header{padding:14px 16px;gap:15px;flex-wrap:wrap}.brand{font-size:24px}.brand small{font-size:7px}.preferences{margin-left:auto;gap:10px}.preferences button{padding:5px 7px;font-size:10px}.preferences select{font-size:10px}.page-heading{display:block}.engine-badge{display:inline-flex;margin-top:15px}main{padding:24px 14px}.page-heading h1{font-size:26px}.page-heading>div>p:last-child{font-size:12px;line-height:1.7}.sidebar{grid-template-columns:1fr;gap:14px}.conditions>label{margin:14px 0}.scenarios{grid-template-columns:1fr;gap:18px}.comparison-title,.comparison-title .section-title{align-items:start}.comparison-title>button{white-space:normal;max-width:140px;font-size:10px}.comparison-title h2 span{font-size:9px}.scene{height:330px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.thermal-legend{gap:7px;padding:15px 0}.thermal-legend>div{width:105px}.thermal-legend small{font-size:8px}.chart-heading{align-items:start}.chart-heading h2{font-size:13px}.chart-heading button{font-size:10px}.chart-controls label{margin-left:0;width:100%}.chart-controls label select{width:auto}.material-fields label{font-size:10px}.sensor-readings span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.weather-panel{margin-bottom:24px}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.weather-grid fieldset{border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0}.weather-grid legend{font-size:15px;font-weight:700;padding:0 6px}.weather-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px}.weather-grid input[type=number],.weather-grid input[type=time]{width:100px}.weather-enable{display:flex;align-items:center;gap:8px;font-size:12px}.weather-enable input{width:auto}.choice-buttons{display:flex;gap:6px;flex-wrap:wrap}.choice-buttons button{font-size:11px;padding:8px 10px}.choice-buttons button[aria-pressed=true]{background:var(--accent);color:var(--panel)}.sun-visual,.wind-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:12px 0;text-align:center}.compass{display:block;width:min(100%,170px);aspect-ratio:1;height:auto;margin:auto;color:var(--muted)}.compass text{text-anchor:middle;fill:currentColor;font-size:12px;font-weight:700}.compass-room{fill:var(--panel);stroke:var(--accent);stroke-width:2}.interactive{cursor:crosshair;touch-action:none}.interactive:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.sun-arc{width:100%;color:var(--muted)}.sun-arc text{font-size:11px;fill:currentColor}.sun-visual strong,.wind-visual strong{font-size:12px}.wind-stream{width:100%;color:#45a7c2}.wind-stream.blowing{animation:wind-flow 1s linear infinite}.weather-disabled{opacity:.55}.facade-table{font-size:11px;width:100%;border-collapse:collapse;margin-top:16px}.facade-table td,.facade-table th{text-align:left;padding:6px 3px;border-bottom:1px solid var(--border)}.facade-table meter{display:inline-block;width:32px;margin-right:5px}.weather-panel h2{margin:0}@keyframes wind-flow{0%{transform:translate(-5px);opacity:.4}to{transform:translate(5px);opacity:1}}@media(prefers-reduced-motion:reduce){.wind-stream.blowing{animation:none}}@media(max-width:1100px){.weather-grid{grid-template-columns:1fr}.weather-panel .chart-heading{flex-wrap:wrap;gap:12px}}@media(max-width:640px){.weather-grid{gap:14px}.weather-grid fieldset{padding:12px}}.weather-grid input[type=time]{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px;font-size:12px}[hidden]{display:none!important}.preferences button:hover:not(:disabled),.preferences button:focus-visible{background:#c5dfd4;color:#174247;border-color:#c5dfd4}.steps{display:flex;align-items:center;gap:16px;margin:0 0 22px;border-bottom:1px solid var(--border);padding-bottom:16px}.steps>button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border-color:transparent;padding:8px 14px}.steps>button>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;color:var(--muted)}.steps strong{font-size:13px;display:block}.steps small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.steps i{color:var(--muted);font-style:normal}.steps>button[aria-current=step]{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}.steps>button[aria-current=step]>span{background:var(--accent);color:var(--panel);border-color:var(--accent)}.configuration-heading,.configuration-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.configuration-heading h2{font-size:20px}.configuration-heading p,.configuration-footer p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:7px}.next-step{background:var(--accent);color:var(--panel);padding:12px 18px;white-space:nowrap}.next-step:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.configuration-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.configuration-grid .weather-panel{margin:0}.configuration-grid .weather-grid{gap:14px}.configuration-grid .weather-grid fieldset{padding:12px}.configuration-side .conditions .section-description{margin-bottom:12px}.setup-materials{margin-top:20px}.setup-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.setup-materials .material-controls{border:1px solid var(--border);border-radius:8px}.configuration-footer{margin:20px 0 0}.configuration-grid .weather-panel>.apply-button{display:none}.simulation-toolbar{display:flex;align-items:center;gap:24px;padding:12px 16px;margin-bottom:18px}.simulation-toolbar .run-buttons{display:flex;gap:7px}.simulation-toolbar .run-buttons .primary{min-width:130px;padding:9px 15px}.toolbar-time{flex:1;min-width:180px}.toolbar-time>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-time strong{font-size:17px;font-weight:500;white-space:nowrap}.toolbar-time progress{margin:8px 0 0}.simulation-toolbar>label{font-size:10px}.simulation-toolbar select{margin-top:3px;padding:6px 10px}.experiment-summary{font-size:11px;color:var(--muted)}.simulation-step .scene{height:clamp(270px,36vh,410px)}.simulation-step .scenario-heading{padding:12px 16px}.simulation-step .sensor-readings{padding:10px 14px}.simulation-step .thermal-legend{padding:10px}.simulation-step .metrics{gap:10px;margin:0 0 14px}.simulation-step .metrics>div{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.simulation-step .metrics strong{font-size:18px;margin:0}.simulation-step .chart-controls{padding-top:12px}.simulation-step .chart-panel>.hint{margin:0 0 8px}.app-header{min-height:70px;padding-block:10px}main{padding-top:20px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:25px}.page-heading .eyebrow{display:none}.page-heading>div>p:last-child{font-size:12px;margin-top:6px}@media(max-width:1100px){.configuration-grid{grid-template-columns:minmax(0,1fr) 260px}.configuration-grid .weather-grid{grid-template-columns:1fr 1fr}.simulation-toolbar{gap:12px}.toolbar-time>div{flex-wrap:wrap;gap:4px}.simulation-step .metrics>div{display:block}.simulation-step .metrics strong{margin-top:4px}}@media(max-width:900px){.configuration-grid{grid-template-columns:1fr}.configuration-side .conditions{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.configuration-side .section-title,.configuration-side .section-description,.configuration-side .hint,.configuration-side .error-message{grid-column:1/-1}.configuration-side .conditions>label{margin:0}.simulation-toolbar{flex-wrap:wrap}.toolbar-time{min-width:180px}.simulation-step .scene{height:300px}.setup-material-grid{gap:14px}}@media(max-width:640px){.steps{gap:3px;justify-content:space-between;margin-bottom:16px}.steps>button{padding:7px;gap:7px}.steps strong{font-size:11px}.steps small{font-size:9px}.steps>button>span{width:25px;height:25px;flex-shrink:0}.configuration-heading{display:block}.configuration-heading .next-step{margin-top:12px}.configuration-grid .weather-grid,.setup-material-grid{grid-template-columns:1fr}.configuration-footer{align-items:flex-start}.configuration-footer p{font-size:10px}.next-step{font-size:11px;padding:10px}.simulation-toolbar{gap:12px;padding:12px}.simulation-toolbar .run-buttons{width:100%}.simulation-toolbar .run-buttons>*{flex:1}.simulation-toolbar .run-buttons .primary{min-width:0}.toolbar-time{flex:1}.simulation-toolbar>label{max-width:115px}.simulation-step .scene{height:320px}.page-heading h1{font-size:21px}.page-heading .engine-badge{display:none}.page-heading>div>p:last-child{display:none}.experiment-summary{font-size:9px}.configuration-side .conditions{display:block}.configuration-side .conditions>label{margin-top:14px}}main[data-step="3"]>.page-heading{display:none}main[data-step="3"]>.steps{margin-bottom:14px;padding-bottom:10px}@media(min-width:1200px){.simulation-step .results{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 20px;align-items:start}.simulation-step .results>section[aria-labelledby]{grid-column:1;grid-row:1}.simulation-step .metrics{grid-column:1;grid-row:2}.simulation-step .chart-panel{grid-column:2;grid-row:1/span 2;padding:16px;align-self:stretch}.simulation-step .scope{grid-column:1/-1}.simulation-step .chart-heading{align-items:start;gap:8px}.simulation-step .chart-heading h2{font-size:13px}.simulation-step .chart-heading button{padding:6px;font-size:10px}.simulation-step .chart-heading .section-description{font-size:10px}.simulation-step .chart-controls{gap:4px}.simulation-step .chart-controls button{font-size:10px;padding:6px}.simulation-step .scene{height:330px}.simulation-step .scenario-heading{padding:12px 10px;gap:6px}.simulation-step .scenario-heading h2{font-size:11px}.simulation-step .scenario-average strong{font-size:17px}.simulation-step .metrics>div{display:block;padding:8px}.simulation-step .metrics strong{font-size:17px;margin-top:4px}}.workflow-error{background:var(--warn-bg);padding:12px;border-radius:8px;margin:0 0 18px}.house-material-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.6fr);gap:20px;align-items:start}.house-material-grid .setup-materials{margin-top:0}.house-preview .scene{height:280px;margin:14px -20px 10px}.house-preview>label{margin-top:18px}.edit-material{display:block;padding:2px 0;border:0;background:transparent;color:var(--accent);font-size:9px;margin-top:4px}.edit-material:hover:not(:disabled){background:transparent;text-decoration:underline}.materials-step .configuration-footer p{flex:1}.steps{gap:10px}.steps>button{padding:8px 10px}@media(max-width:1000px){.house-material-grid{grid-template-columns:1fr 1fr}.house-material-grid .setup-material-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.steps{gap:3px;align-items:stretch}.steps>i{display:none}.steps>button{flex:1;flex-direction:column;text-align:center;gap:5px;padding:7px 4px}.steps small{display:none}.steps strong{font-size:10px}.house-material-grid{grid-template-columns:1fr}.materials-step .configuration-footer{flex-wrap:wrap}.materials-step .configuration-footer p{flex-basis:100%;order:3}.house-preview .scene{margin-inline:-17px}}.preview-material-selector{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.preview-material-selector button{font-size:10px;padding:7px 9px}.clock-range{font-size:10px;color:var(--muted);gap:8px;margin-top:7px;flex-wrap:wrap}.toolbar-time>div.clock-range{align-items:start}.toolbar-time strong{font-size:16px}.shadow-hint{font-size:8px}.clock-range span{white-space:nowrap}@media(max-width:640px){.toolbar-time{min-width:100%}.toolbar-time strong{font-size:15px}}