.visual-source{display:none!important}.visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 18px}.visual-option{min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px;border:1px solid var(--line,#d9cbd6);border-radius:12px;background:var(--surface,#fff);color:inherit;cursor:pointer;font:inherit;font-size:.8rem;line-height:1.3}.visual-option svg{width:100%;max-width:110px;height:64px}.visual-option[aria-pressed=true]{outline:2px solid var(--accent,#8f5a7d);outline-offset:-2px;background:color-mix(in srgb,var(--accent,#8f5a7d) 12%,var(--surface,#fff))}.visual-option:focus-visible{outline:3px solid var(--accent,#8f5a7d);outline-offset:2px}.visual-mount{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-mount svg{max-width:170px;height:93px}.visual-depth{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-depth svg{height:60px}.visual-color{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}.visual-color .visual-option{width:44px;height:44px;min-height:44px;padding:5px;border-radius:50%}.color-chip{width:30px;height:30px;border-radius:50%;border:1px solid #9997;position:relative}.visual-color [aria-pressed=true] .color-chip:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #000,0 0 2px #000;font-weight:bold}.visual-color .unavailable{opacity:.42;cursor:not-allowed}.unavailable .color-chip:before{content:'';position:absolute;width:37px;height:2px;background:currentColor;left:-4px;top:14px;transform:rotate(-45deg)}.selected-color{display:block;margin-bottom:12px;font-size:.76rem;color:var(--muted,#786678)}.visual-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-scale svg{height:49px}.wizard-page .section-heading p,.wizard-page .measure-tip{display:none}.wizard-page .help-note{font-size:.8rem}.wizard-page .phrase-hint{font-size:.8rem;line-height:1.5}.size-estimate-card{min-height:135px}.size-estimate-card .quote-running:before{content:'◌ ';display:inline-block;animation:quote-spin 1.5s linear infinite}@keyframes quote-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.size-estimate-card .quote-running:before{animation:none}}@media(max-width:480px){.visual-options{gap:6px}.visual-option{font-size:.74rem}.visual-mount svg{height:78px}.visual-depth svg{height:50px}.visual-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-color{gap:5px}}
.visual-option[hidden],.visual-options[hidden]{display:none!important}
.visual-options{gap:10px}
.visual-option{font-family:Arial,sans-serif;transition:border-color .15s,background .15s}
.visual-option:hover:not(:disabled){border-color:var(--accent)}
.placement-option{position:relative;overflow:hidden;padding:0 0 15px;justify-content:flex-start;align-items:stretch;text-align:left;border-radius:14px;box-shadow:0 2px 5px #30253005}
.placement-option .placement-art{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;border-bottom:1px solid var(--line);margin-bottom:13px}
.placement-option .option-title{font-size:.9rem;font-weight:600;line-height:1.3;margin:0 15px 5px}
.placement-option .option-description{font-size:.73rem;line-height:1.4;color:var(--muted);margin:0 15px}
.option-check{position:absolute;right:10px;top:10px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:0;color:var(--surface)}
.placement-option[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--selected)}
.placement-option[aria-pressed=true] .option-check{background:var(--accent);border-color:var(--accent);font-size:14px}
.visual-wall .option-title{font-size:.82rem;margin-inline:12px}.visual-wall .option-description{margin-inline:12px;font-size:.69rem}
.visual-wall .placement-art{margin-bottom:10px}
@media(max-width:520px){
 .visual-wall{grid-template-columns:1fr;gap:8px}
 .visual-wall .placement-option{display:grid;grid-template-columns:112px 1fr;grid-template-rows:1fr 1fr;column-gap:14px;padding:0 32px 0 0;min-height:78px;align-items:center}
 .visual-wall .placement-art{grid-row:1/3;height:100%;min-height:78px;margin:0;border:0;border-right:1px solid var(--line);object-fit:cover}
 .visual-wall .option-title{margin:0;align-self:end;font-size:.84rem;line-height:1.6}
 .visual-wall .option-description{margin:0;align-self:start;font-size:.72rem;line-height:1.4}
 .visual-wall .option-check{right:9px;top:calc(50% - 11px);width:21px;height:21px}
 .visual-mount .option-title{font-size:.84rem;margin-inline:11px}
 .visual-mount .option-description{font-size:.70rem;margin-inline:11px}
 .visual-mount .placement-option{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.visual-option{transition:none}}
/* Keep the live sketch visible without covering the placement choices. */
body[data-wizard-step="1"] .preview-dock .quick-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 12px}
body[data-wizard-step="1"] .preview-dock-title{grid-column:1/-1}
body[data-wizard-step="1"] .preview-dock .quick-stage{grid-column:1;grid-row:2;width:100%;height:72px;margin:0}
body[data-wizard-step="1"] .preview-dock-actions{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:5px}
body[data-wizard-step="1"] .preview-dock-actions .button{min-height:33px;padding:6px;font-size:.73rem}
body[data-wizard-step="1"] .preview-dock .quick-composition>p{display:none}
body[data-wizard-step="1"] .preview-dock .dock-state{grid-column:1/-1;font-size:.65rem;margin:0}
.placement-option{scroll-margin-block:180px 20px}
.visual-depth .depth-art{display:block;width:100%;height:78px;object-fit:contain}.visual-depth .option-title{font-size:.76rem;font-weight:500}
@media(max-width:520px){.visual-depth .depth-art{height:62px}}