/* V9.9.3 – Appearance controls (both themes) */
.appearance-menu{display:grid;gap:6px;padding-top:6px;border-top:1px solid var(--line)}
.appearance-menu small{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.appearance-seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}
.appearance-seg button{background:transparent;border:0;border-right:1px solid var(--line-2);color:var(--text-2);padding:8px 4px;font-size:12px;cursor:pointer;min-height:34px}
.appearance-seg button:last-child{border-right:0}
.appearance-seg button.active{background:var(--gold);color:var(--gold-ink);font-weight:600}
.appearance-note{font-size:11px;color:var(--muted);line-height:1.35}
.appearance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:16px;margin:16px 0 10px}
.appearance-card{display:grid;gap:6px;text-align:left;padding:14px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);cursor:pointer}
.appearance-card.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.appearance-card strong{font-size:15px;font-weight:600}.appearance-card small{color:var(--muted)}
.appearance-card.active strong:after{content:"  ✓ current";color:var(--gold);font-size:12px}
.ap-swatch{display:block;height:92px;border-radius:2px;position:relative;border:1px solid var(--line-2);overflow:hidden}
.ap-swatch i{position:absolute;left:10px;right:10px;top:10px;height:12px;border-radius:2px}
.ap-swatch b{position:absolute;left:10px;width:42%;bottom:12px;height:30px;border-radius:2px}
.ap-light{background:#f6f4ef}.ap-light i{background:#fff;border:1px solid #e3dccd}.ap-light b{background:#c9a35b}
.ap-dark{background:#050505}.ap-dark i{background:#181510;border:1px solid #2a261f}.ap-dark b{background:#d5b477}
html[data-theme="light"] .appearance-seg button.active{background:var(--gold-fill);color:var(--gold-fill-ink)}