/* All reference artwork remains in its original portrait shape, uncropped. */
.design-tile-preview{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:108px;margin-bottom:9px;border-radius:6px;background:#f3f0e7;overflow:hidden}
.design-tile-preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .2s ease}
.option-tile:hover .design-tile-preview img{filter:brightness(1.035)}
.option-tile.selected .design-tile-preview{background:#fff8d9;box-shadow:0 0 0 1px #ebd26c55}
.option-tile .design-tile-preview~.option-name{display:block;line-height:1.35;min-height:1.35em}
.design-reference{margin:0 auto;width:100%;max-width:410px}
.design-reference-image{display:flex;justify-content:center;align-items:center;min-width:0;width:100%;padding:0;border-radius:8px;overflow:hidden;background:#faf8f0;box-shadow:0 12px 28px #344f4319}
.design-reference-image img{display:block;width:100%;height:auto;max-height:min(58svh,560px);object-fit:contain;object-position:center}
.design-reference figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px 0 2px;color:var(--forest,#345044)}
.design-reference-label{display:inline-flex;align-items:center;gap:6px;font:600 9px/1.3 'DM Sans',sans-serif;letter-spacing:1.05px;text-transform:uppercase;color:#5b7467}
.design-reference-label:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#f5d85d}
.design-reference figcaption strong{font:500 12px/1.5 'DM Sans',sans-serif}
.preview-aside #style-preview:has(.design-reference){margin:16px auto 0}
.preview-aside:has(.design-reference){align-self:start}
@media(min-width:901px){.settings-layout:has(.design-reference){align-items:start}.preview-aside:has(.design-reference){position:sticky;top:24px;margin-top:0}}
@media(max-width:900px){.design-tile-preview{height:91px}.design-reference-image img{max-height:480px}}
@media(max-width:680px){.design-tile-preview{height:112px;margin-bottom:7px}.design-reference{max-width:330px}.design-reference-image img{max-height:440px}.design-reference figcaption{padding-top:12px}.preview-aside #style-preview:has(.design-reference){margin-top:12px}.design-reference figcaption strong{font-size:11px}}
@media(max-width:360px){.design-tile-preview{height:95px}}
@media(prefers-reduced-motion:reduce){.design-tile-preview img{transition:none}}