.visualizer-intro{max-width:1150px;margin:auto;padding:64px 24px 24px}.visualizer-intro h1{max-width:800px;font-size:clamp(2.5rem,5.5vw,5rem);line-height:1.04;margin:.35em 0}.visualizer-intro>p{max-width:730px}.visualizer-privacy{display:flex;gap:12px;align-items:flex-start;border:1px solid #d8c8b2;background:#f3eee6;padding:18px 20px;line-height:1.55;border-radius:10px;max-width:900px}.visualizer-privacy strong{display:block}.visualizer-app{max-width:1200px;margin:auto;padding:20px 24px 80px}.visualizer-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border:1px solid #d9d3c9;border-radius:14px;background:white}.visualizer-upload h2{margin:0 0 12px}.visualizer-upload input[type=file]{max-width:100%;padding:12px;border:1px dashed #9b8163;border-radius:6px}.visualizer-upload-actions{display:flex;flex-wrap:wrap;gap:10px}.visualizer-app button{min-height:44px;padding:10px 15px;border-radius:6px;border:1px solid #a99983;background:#fff;color:#272727;font:inherit;cursor:pointer}.visualizer-app button:hover:not(:disabled){background:#f3eee6}.visualizer-app .button{background:#272727;color:#fff;border-color:#272727}.visualizer-app .button:hover:not(:disabled){background:#514333}.visualizer-app button:disabled{opacity:.45;cursor:not-allowed}.visualizer-app button:focus-visible,.visualizer-app input:focus-visible,.visualizer-app select:focus-visible,.visualizer-app textarea:focus-visible{outline:3px solid #9d6d30;outline-offset:3px}.visualizer-status{min-height:28px;margin:14px 0;line-height:1.5}.visualizer-error{color:#8b241c}.visualizer-confirm{border:2px solid #9b6e3f;background:#fff9ee;border-radius:8px;padding:18px;margin:16px 0}.visualizer-confirm p{margin-top:0}.visualizer-confirm button+button{margin-left:8px}.visualizer-empty{background:#eee9df;border-radius:14px;padding:48px;text-align:center}.visualizer-empty h2{margin:0 0 12px}.visualizer-empty p{max-width:630px;margin:12px auto}.visualizer-workspace>h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:25px 0 12px}.visualizer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.visualizer-preview{min-width:0;background:#e9e5de;border:1px solid #d2cbc0;border-radius:12px;overflow:hidden}.visualizer-stage{position:relative;line-height:0;isolation:isolate;background:#dfd9ce}.visualizer-stage canvas{display:block;width:100%;height:auto}.visualizer-concept-layer,.visualizer-stage svg{position:absolute;inset:0;width:100%;height:100%}.visualizer-stage svg{z-index:3;overflow:hidden;touch-action:pan-y}.visualizer-stage svg.visualizer-draw-mode{touch-action:none;cursor:crosshair}.visualizer-mark{fill:transparent;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;cursor:pointer}.visualizer-mark.selected{stroke:#c2934e;stroke-width:4;fill:rgba(194,147,78,.1)}.visualizer-mark-draft{fill:rgba(194,147,78,.18);stroke:#f8d39a;stroke-dasharray:8 5;stroke-width:3;vector-effect:non-scaling-stroke}.visualizer-mark-label{font:700 24px Arial;fill:white;stroke:#272727;stroke-width:3px;paint-order:stroke;pointer-events:none}.visualizer-hide-marks{opacity:0}.visualizer-slider{padding:18px 20px;background:#fff;line-height:1.5}.visualizer-slider label{display:flex;justify-content:space-between;gap:12px;font-weight:700}.visualizer-slider input{display:block;width:100%;min-height:44px;accent-color:#8b663c}.visualizer-preview-note{padding:0 20px 18px;margin:0;background:#fff;font-size:.88rem;line-height:1.55}.visualizer-controls{margin:0;border:1px solid #d9d3c9;border-radius:12px;background:#fff;padding:20px;min-width:0}.visualizer-controls legend{padding:0 8px;font-weight:700;font-size:1.1rem}.visualizer-controls label:not(.visualizer-check),.visualizer-fields label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:0 0 14px}.visualizer-controls select,.visualizer-fields input,.visualizer-controls input[type=number]{width:100%;min-height:44px;padding:9px 10px;border:1px solid #aaa093;background:#fff;border-radius:5px;font:inherit;color:#272727}.visualizer-check{display:flex;gap:10px;align-items:center;min-height:44px;font-weight:600;margin:0 0 8px}.visualizer-check input,.visualizer-window-choice input{width:20px;height:20px;flex-shrink:0;accent-color:#8b663c}.visualizer-small{font-size:.86rem;line-height:1.55;color:#5b554c}.visualizer-controls .visualizer-small{margin:8px 0 16px}.visualizer-placement{padding:20px;background:#f7f3ec;border-radius:10px;margin-top:20px}.visualizer-placement h3{margin:0 0 10px}.visualizer-position-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.visualizer-position-fields label{display:flex;flex-direction:column;font-weight:600;gap:6px}.visualizer-position-fields input{min-width:0;width:100%;padding:10px;min-height:44px;font:inherit;border:1px solid #aaa093;border-radius:5px}.visualizer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.visualizer-selection{margin-top:20px;padding:20px;border:1px solid #d9d3c9;border-radius:10px;background:#fff}.visualizer-selection h3{margin:0}.visualizer-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.visualizer-window-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.visualizer-window-choice{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:48px;border:1px solid #ddd6ca;border-radius:5px;font-size:.9rem;cursor:pointer}.visualizer-save-area{margin-top:28px;border-top:1px solid #d3c6b5;padding-top:25px}.visualizer-save-area h2{margin:0 0 10px}.visualizer-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visualizer-saved{display:grid;gap:8px;margin:16px 0}.visualizer-saved-item{display:flex;align-items:center;gap:10px;border:1px solid #d9d3c9;background:#fff;border-radius:7px;padding:12px}.visualizer-saved-item strong{flex:1;overflow-wrap:anywhere}.visualizer-compare{padding-top:20px}.visualizer-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visualizer-compare-grid figure{margin:0;background:#fff;border:1px solid #d9d3c9;border-radius:9px;overflow:hidden}.visualizer-compare-grid label{display:block;padding:12px 14px;font-weight:600}.visualizer-compare-grid select{display:block;width:100%;min-height:44px;padding:8px;font:inherit;border:1px solid #aaa093;border-radius:4px;background:#fff;color:#272727;margin-top:6px}.visualizer-compare-grid canvas{display:block;width:100%;height:auto}.visualizer-compare-grid figcaption{padding:12px 14px;font-weight:700}.visualizer-handoff{margin-top:28px;padding:24px;border-radius:12px;background:#ece4d7}.visualizer-handoff h2{margin-top:0}.visualizer-handoff p{max-width:840px}.visualizer-notes{margin-top:16px}.visualizer-notes textarea{width:100%;padding:12px;min-height:160px;font:inherit;line-height:1.5;border:1px solid #aaa093;border-radius:5px}.visualizer-limits{border-top:1px solid #d9d3c9;padding-top:24px;margin-top:32px}.visualizer-limits h2{font-size:1.35rem}.visualizer-limits p{max-width:900px;line-height:1.65}.visualizer-app [hidden]{display:none!important}@media(max-width:900px){.visualizer-layout{grid-template-columns:1fr}.visualizer-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.visualizer-controls>p,.visualizer-controls>.visualizer-check,.visualizer-controls>button,.visualizer-controls>.visualizer-status{grid-column:1/-1}.visualizer-upload{grid-template-columns:1fr}.visualizer-controls legend{padding-top:5px}}@media(max-width:600px){.visualizer-intro{padding:36px 18px 10px}.visualizer-app{padding:12px 16px 60px}.visualizer-upload{padding:18px}.visualizer-upload-actions{flex-direction:column}.visualizer-empty{padding:28px 18px}.visualizer-position-fields{grid-template-columns:1fr 1fr}.visualizer-window-list,.visualizer-fields,.visualizer-compare-grid{grid-template-columns:1fr}.visualizer-actions>*{flex:1 1 150px}.visualizer-selection-heading{align-items:flex-start}.visualizer-saved-item{flex-wrap:wrap}.visualizer-saved-item strong{flex-basis:100%}.visualizer-slider,.visualizer-placement,.visualizer-selection{padding:16px}.visualizer-handoff{padding:18px}}@media(prefers-reduced-motion:reduce){.visualizer-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reserve the actual initial planner footprint while its deferred script starts.
   The hidden app remains invisible/non-interactive; fallback links stay usable.
   Its own hidden workspace still takes no space until a homeowner chooses a photo. */
#awi-visualizer{display:grid;grid-template-columns:minmax(0,1fr)}
#visualizer-fallback,#visualizer-app{grid-area:1/1;min-width:0}
#visualizer-fallback{align-self:start}
#visualizer-app[hidden]{display:block!important;visibility:hidden;pointer-events:none}
