.appearance-panel{max-width:720px}
.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px}
.appearance-option{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px;border:1px solid var(--line-bright);border-radius:11px;background:var(--panel-solid);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;transition:border-color .18s ease,background .18s ease}
.appearance-option:hover{border-color:var(--mint)}
.appearance-option:focus-within{outline:3px solid var(--mint-strong);outline-offset:2px}
.appearance-option:has(input:checked){border-color:var(--mint);background:color-mix(in srgb,var(--mint) 9%,var(--panel-solid));box-shadow:inset 0 0 0 1px var(--mint)}
.appearance-option input{width:17px;height:17px;margin:0;accent-color:var(--mint);flex:none}
.appearance-status{min-height:1.5em;margin:0;color:var(--muted);font-size:12px}
@media(max-width:540px){.appearance-options{grid-template-columns:1fr}.appearance-option{min-height:52px}}
@media(prefers-reduced-motion:reduce){.appearance-option{transition:none}}