.appearance-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 var(--space-2)}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}@media (max-width:540px){.theme-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}.theme-card{display:flex;flex-direction:column;gap:8px;padding:var(--space-2);background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;transition:border-color var(--motion-fast),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.theme-card:hover{border-color:var(--border-hover)}.theme-card:hover:not(.active){transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media (prefers-reduced-motion:reduce){.theme-card:hover:not(.active){transform:none}}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.theme-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-card-preview{position:relative;display:block;height:56px;border-radius:var(--radius-sm);border:1px solid;overflow:hidden}.theme-card-dot{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:var(--radius-full)}.theme-card-aa{position:absolute;top:6px;left:8px;font-size:16px;font-weight:700;line-height:1}.theme-card-bar{position:absolute;left:0;right:0;bottom:0;height:16px;border-top:1px solid}.theme-card-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-primary)}.theme-card-check{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.theme-swatch-grid-compact .theme-grid{grid-template-columns:repeat(3,minmax(76px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.theme-swatch-grid-compact .theme-grid:last-child{margin-bottom:0}.theme-swatch-grid-compact .theme-card-preview{height:40px}.theme-popover{width:300px;max-width:calc(100vw - 24px);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}