/* Compact visual preview; controls remain standard labeled form controls. */
.appearance-preview { position:static; }
.appearance-preview-grid figure { margin:0; min-width:0; }
.appearance-preview-grid img { width:100%; height:160px; display:block; background:#80808012; border-radius:7px; }
.appearance-preview-grid figcaption { font-size:12px; line-height:1.4; overflow-wrap:anywhere; margin-top:5px; }
.appearance-preview[data-layout=stacked] .appearance-preview-grid img { height:auto; max-height:320px; }
.appearance-preview[data-layout=spotlight] .appearance-preview-grid figure:first-child { grid-column:1/-1; }
.appearance-preview[data-layout=spotlight] .appearance-preview-grid figure:first-child img { height:240px; }
.editor-preview-banner img { display:block; width:100%; height:160px; object-fit:cover; margin-bottom:15px; }
.appearance-preview[data-corners=square], .appearance-preview[data-corners=square] img { border-radius:0; }
.editor-color-tools { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:8px 0 16px; }
.editor-color-tools input[type=color] { width:64px; height:42px; padding:3px; }
.editor-color-tools button { margin:0; padding:9px 14px; }
@media(max-width:450px) { .appearance-preview-grid img { height:100px; } }