.simulator-page{background:#f4f3ed;padding-bottom:72px;color:#25312a;--sim-accent:#bf4b0d}.simulator-page [hidden]{display:none!important}.simulator-page .container{max-width:1320px}.sim-heading{padding-top:35px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:end;gap:30px}.sim-heading .eyebrow{font-size:.68rem;margin:0 0 10px}.sim-heading h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:0 0 12px;letter-spacing:-.055em}.sim-heading p:not(.eyebrow){font-size:.96rem;color:#657264;margin:0;max-width:650px}.sim-back{font-size:.78rem;white-space:nowrap;padding-bottom:5px;color:#7b4a2b}.sim-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.sim-visual-column{position:sticky;top:96px;min-width:0}.sim-stage{background:#202f28;border:1px solid #33493b;border-radius:9px;overflow:hidden;color:#e9eee5;box-shadow:0 15px 45px #27372d0a}.sim-stage-top{display:flex;align-items:center;gap:9px;padding:18px 21px 0;font-size:.63rem;letter-spacing:.13em;color:#c2cec2}.sim-live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#eca264}.sim-scale{margin-left:auto;color:#647269;font-size:.57rem}.sim-viewport{position:relative;width:100%;aspect-ratio:1.55;min-height:280px}.sim-viewport canvas{width:100%;height:100%;display:block}.sim-view-label{position:absolute;left:22px;top:15px;font-size:.7rem;color:#c9d6c9;padding:6px 9px;background:#314a3b99;border:1px solid #74877b44;border-radius:4px;pointer-events:none}.sim-view-tools{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:0 15px 14px}.sim-view-tools button{border:1px solid #506456;background:#283d30;color:#d9e4d7;border-radius:5px;font-size:.75rem;padding:9px 12px;min-height:42px;cursor:pointer}.sim-view-tools button[aria-pressed=true]{background:#edf0e5;color:#25312a;border-color:#edf0e5}.sim-scene-help{padding:0 22px 17px;text-align:center;font-size:.74rem;margin:0;color:#6a756a;min-height:38px}.sim-comparison{padding:0 24px 16px}.sim-comparison label{font-size:.74rem;display:flex;justify-content:space-between;margin-bottom:5px}.sim-comparison input{padding:0}.sim-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin-top:15px;border:1px solid #d9ddd1;border-radius:6px;background:#fff}.sim-metrics>div{padding:15px;border-right:1px solid #d9ddd1}.sim-metrics>div:last-child{border:0}.sim-metrics span{display:block;font-size:.7rem;color:#677264;margin-bottom:5px}.sim-metrics strong{font-size:.95rem;letter-spacing:-.025em}.sim-disclaimer{font-size:.75rem;color:#61685e;line-height:1.55;margin:13px 0}.sim-actions{display:flex;gap:15px;align-items:center}.sim-actions .btn{border-radius:5px;background:#bc480b;font-size:.83rem;gap:30px;min-height:47px}.sim-actions .btn:hover{background:#9f3c08}.sim-text-button{border:0;background:transparent;cursor:pointer;font-size:.78rem;text-decoration:underline;text-underline-offset:4px;min-height:44px;color:#475644}.sim-controls{background:white;border:1px solid #d9ddd1;border-radius:8px;padding:23px;min-width:0}.sim-controls fieldset{border:0;padding:0 0 23px;margin:0 0 22px;border-bottom:1px solid #e1e5da;min-width:0}.sim-controls fieldset:last-of-type{margin-bottom:12px}.sim-controls legend{font-size:.91rem;font-weight:750;letter-spacing:-.02em;padding:0;margin-bottom:17px;display:flex;gap:9px;align-items:center}.sim-controls legend>span{color:#b34b15;font-size:.67rem;font-weight:800}.sim-controls label,.sim-field-label{font-size:.75rem;display:block;font-weight:650}.sim-choice-row{display:flex;gap:5px;margin-bottom:17px}.sim-choice-row button{flex:1;border:1px solid #d5dcd0;background:#fff;color:#5b6857;padding:9px 5px;border-radius:4px;font-size:.75rem;cursor:pointer;min-height:42px}.sim-choice-row button[aria-pressed=true]{background:#304b37;color:white;border-color:#304b37}.sim-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sim-dimensions label{font-size:.68rem;color:#636f5c}.sim-dimensions input{font-size:.9rem;padding:9px 6px;border-radius:4px;margin-top:6px;color:#293b29;min-width:0}.sim-hint{font-size:.68rem;color:#6a7366;line-height:1.55;margin:9px 0}.sim-error{font-size:.73rem;color:#a33411;margin:0}.sim-switch{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}.sim-switch input{accent-color:#bc480b;width:18px;height:18px;flex-shrink:0}.sim-range-label{display:flex!important;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:15px}.sim-range-label output{font-size:.67rem;font-weight:500;color:#65735b}.sim-controls input[type=range],.sim-comparison input[type=range]{width:100%;height:27px;padding:0;border:0;background:transparent;accent-color:#cc652e;cursor:pointer}.sim-controls select{margin:8px 0 2px;font-size:.79rem;border-radius:4px;padding:10px}.sim-controls select+label{margin-top:14px}.sim-field-label{margin-top:15px}.sim-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0 16px}.sim-swatches button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 3px;border:1px solid #d7ded0;border-radius:5px;background:#fff;cursor:pointer;font-size:.64rem;color:#64725e}.sim-swatches i{display:block;width:26px;height:26px;background:var(--swatch);border:1px solid #0002;border-radius:50%}.sim-swatches button[aria-pressed=true]{border:2px solid #416548;padding:7px 2px;color:#28452e;background:#f2f6eb}.sim-reset{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.74rem;color:#68725c;padding:9px 0;cursor:pointer}.sim-quote-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #cfd8c8;margin-top:55px;padding-top:45px;scroll-margin-top:100px}.sim-quote-section h2{font-size:2.25rem}.sim-quote-intro>p{font-size:.93rem;color:#596b52}.sim-quote-intro img{width:100%;height:auto;background:#23382b;border-radius:6px;margin-top:20px}.sim-quote-intro pre{font-family:inherit;white-space:pre-wrap;font-size:.8rem;line-height:1.65;color:#4c5f44}.sim-quote-section label{font-size:.8rem}.sim-quote-section input,.sim-quote-section select,.sim-quote-section textarea{font-size:.85rem;min-width:0}.sim-quote-section #files{font-size:.7rem}.sim-quote-section .btn{font-size:.85rem;border-radius:5px;background:#bc480b}.sim-quote-section .field{min-width:0}.sim-quote-section .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#sim-feedback{font-size:.8rem;color:#9c461d;min-height:20px;margin:8px 0}.simulator-page :focus-visible{outline:3px solid #d16e38;outline-offset:3px}
@media(max-width:1100px){.sim-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.sim-controls{padding:19px}.sim-viewport{aspect-ratio:1.3}.sim-metrics{grid-template-columns:1fr}.sim-metrics>div{display:flex;justify-content:space-between;align-items:center;border-right:0;border-bottom:1px solid #e2e7db;padding:10px 14px}.sim-metrics span{margin:0}.sim-actions{flex-wrap:wrap;gap:5px 15px}.sim-actions .btn{flex:1}}
@media(max-width:760px){.sim-layout{grid-template-columns:1fr}.sim-visual-column{position:static}.sim-heading{padding-top:27px;display:block}.sim-back{display:none}.sim-heading h1{font-size:2.3rem}.sim-heading p:not(.eyebrow){font-size:.87rem}.sim-stage-top{padding:14px 15px 0;font-size:.57rem}.sim-scale{font-size:.52rem}.sim-viewport{aspect-ratio:1.28;min-height:250px}.sim-view-label{top:10px;left:15px;font-size:.62rem}.sim-metrics{grid-template-columns:1fr 1fr 1fr}.sim-metrics>div{display:block;border-right:1px solid #e2e7db;border-bottom:0;padding:11px}.sim-metrics span{font-size:.61rem;margin-bottom:4px}.sim-metrics strong{font-size:.77rem}.sim-view-tools{gap:5px;padding-inline:10px}.sim-view-tools button{font-size:.67rem;padding:8px 9px}.sim-scene-help{font-size:.68rem;line-height:1.5}.sim-controls{padding:23px}.sim-quote-section{grid-template-columns:1fr;gap:22px}.sim-quote-section .form-grid{grid-template-columns:1fr}.sim-actions{position:sticky;bottom:8px;z-index:10;background:#f4f3edf5;padding:8px;border:1px solid #d9dfcf;border-radius:6px}.sim-actions .btn{font-size:.77rem;gap:15px}.sim-text-button{font-size:.7rem}.sim-disclaimer{font-size:.69rem}.sim-quote-section .card{padding:20px}.simulator-page{padding-bottom:35px}body:has(.simulator-page){padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.simulator-page *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.sim-stage[data-mode=xray] .sim-scene-help,.sim-stage[data-mode=layers] .sim-scene-help{display:block;font-size:.65rem;padding:0 14px 10px}}
@media(max-width:760px){.sim-visual-column{display:contents}.sim-stage{position:sticky;top:78px;z-index:12}.sim-viewport{aspect-ratio:1.7;min-height:180px}.sim-scene-help{display:none}.sim-stage-top{padding-top:10px}.sim-view-tools{padding-bottom:10px}.sim-controls fieldset{scroll-margin-top:425px}.sim-controls input,.sim-controls select,.sim-controls button{scroll-margin-top:425px}.sim-actions{position:static}.sim-metrics{margin-top:0}.sim-layout{gap:12px}.sim-controls{margin-top:4px}.sim-disclaimer{margin:0}.sim-quote-section{scroll-margin-top:95px}}
