#selector{max-width:1080px;width:calc(100% - 32px);padding:26px;max-height:92dvh}#selector .dialog-head{position:sticky;top:0;z-index:8;background:var(--paper);min-height:42px;border-bottom:1px solid var(--line)}#selector .dialog-intro h2{margin-bottom:12px}.configurator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.configurator-visual{position:sticky;top:52px;min-width:0;background:var(--paper);padding-bottom:10px}.preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:10px}.preview-heading h3{font:400 25px var(--serif);margin:0}.preview-heading strong{font:500 20px 'DM Sans',Arial,sans-serif}.preview-modes{display:flex;gap:7px;margin:0 0 10px}.preview-modes button{background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--muted);padding:7px 12px;font:400 11px 'DM Sans',Arial,sans-serif}.preview-modes button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mailbox-visual{height:350px;background:white;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.mailbox-visual>svg{display:block;width:100%;height:100%}.preview-summary{font-size:11px;line-height:1.7;color:var(--ink);margin:12px 0 5px;min-height:18px}.preview-caption{font-size:10px;line-height:1.7;color:var(--muted);margin:7px 0}.preview-sample{font-size:10px;line-height:1.6;color:var(--orange);margin:7px 0}.configurator-controls{min-width:0}.configurator-controls .selected-package{margin-top:0;display:block}.configurator-controls .selected-package>img[hidden]{display:none}.configurator-controls .selected-package label{font-size:11px}.configurator-controls .selected-package select{font-size:14px;min-height:43px}.preview-number-field{display:block;font-size:12px;color:var(--ink);margin:17px 0 23px}.preview-number-field input{margin-top:7px;max-width:190px;letter-spacing:.1em;font-size:17px!important}.preview-number-field small{display:block;font-size:10px;line-height:1.7;margin-top:7px;color:var(--muted)}.preview-number-field .tiny{font-size:10px}.configurator-controls .upgrade-options{margin-top:0}.configurator-controls .wood-dialog-options{margin-top:16px}.confirmation-visual{max-width:460px;margin:20px auto}.confirmation-visual .mailbox-visual{height:310px}.confirmation-visual figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.preview-price-note{font-size:9px;line-height:1.6;color:var(--muted);text-align:right;display:block;margin-top:3px}.preview-title-group{display:flex;flex-direction:column;align-items:flex-end}.configurator-visual .eyebrow{font-size:8px;margin:0 0 8px}
@media(max-width:760px){#selector{width:calc(100% - 12px);padding:16px;max-height:94dvh}#selector .dialog-intro h2{font-size:29px}#selector .dialog-intro>p:last-child{font-size:11px}.configurator-layout{display:block}.configurator-visual{top:43px;z-index:5;padding-top:8px;padding-bottom:10px;box-shadow:0 12px 12px var(--paper);margin-bottom:18px}.preview-heading{margin-bottom:8px}.preview-heading h3{font-size:21px}.preview-heading strong{font-size:19px}.mailbox-visual{height:215px}.preview-modes{margin-bottom:7px}.preview-modes button{font-size:10px;padding:5px 10px;min-height:32px}.preview-summary{font-size:10px;margin:8px 0 4px;min-height:0}.preview-caption{font-size:9px;line-height:1.6;margin:4px 0}.preview-sample{font-size:9px;margin:5px 0}.configurator-controls .selected-package select,.configurator-controls input:not([type=checkbox]),.configurator-controls select{font-size:16px!important}.configurator-controls .selected-package p{font-size:11px}.configurator-controls .upgrade-options label{font-size:12px;padding:13px 10px}.configurator-controls .upgrade-options small{font-size:9px}.configurator-controls .wood-dialog-options{margin-bottom:20px}.preview-number-field{font-size:12px}.confirmation-visual .mailbox-visual{height:260px}.preview-text-entry .configurator-visual{position:static}.preview-price-note{font-size:8px}.configurator-visual .eyebrow{display:none}}
@media(max-width:760px) and (max-height:620px){.configurator-visual{position:static}}

#preview-expand,.preview-caption-short{display:none}@media(max-width:760px){.mailbox-visual{height:190px}#preview-expand{display:block;margin-left:auto}.preview-caption-full{display:none}.preview-caption-short{display:inline}.preview-expanded .configurator-visual{position:static}.preview-expanded .mailbox-visual{height:360px}}

#visual-summary-short{display:none}@media(max-width:760px){.mailbox-visual{height:160px}.configurator-visual{padding-bottom:4px}#visual-summary-full,.configurator-visual .preview-sample{display:none}#visual-summary-short{display:inline}.preview-summary{line-height:1.6;margin:6px 0 3px}.preview-caption{margin:3px 0}.preview-expanded .mailbox-visual{height:360px}}

.upgrade-visual.front-vinyl-visual{background:var(--sage);padding:12px}.front-vinyl-visual>svg{display:block;width:100%;height:100%}