.appearance-controls[data-v-ac6eae51]{display:grid;gap:var(--space-5)}.appearance-group[data-v-ac6eae51]{min-width:0;display:grid;gap:var(--space-4);margin:0;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-5)}.appearance-group legend[data-v-ac6eae51]{padding:0 var(--space-2);color:var(--color-text);font-size:var(--text-md);font-weight:700}.appearance-group-head[data-v-ac6eae51]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.appearance-group-head button[data-v-ac6eae51],.appearance-options button[data-v-ac6eae51],.appearance-preset[data-v-ac6eae51]{min-height:var(--size-7);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-raised);color:var(--color-text-muted);cursor:pointer;font:inherit}.appearance-group-head button[data-v-ac6eae51]{padding:0 var(--space-4)}.appearance-group-head button[data-v-ac6eae51]:disabled{cursor:default;opacity:.48}.appearance-options[data-v-ac6eae51]{display:grid;gap:var(--space-3)}.appearance-options--three[data-v-ac6eae51]{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-options button[data-v-ac6eae51]{padding:0 var(--space-4);font-weight:650}.appearance-options button[aria-pressed=true][data-v-ac6eae51],.appearance-preset[aria-pressed=true][data-v-ac6eae51]{border-color:var(--color-action);background:var(--color-action-tint);color:var(--color-text)}.appearance-presets[data-v-ac6eae51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:var(--space-3)}.appearance-preset[data-v-ac6eae51]{display:grid;gap:var(--space-2);justify-items:stretch;padding:var(--space-3);text-align:left;font-size:var(--text-xs)}.appearance-swatch[data-v-ac6eae51]{height:28px;display:grid;grid-template-columns:22% 1fr 12%;overflow:hidden;border:1px solid;border-radius:3px}.appearance-swatch i[data-v-ac6eae51]{display:block}.appearance-preview[data-v-ac6eae51]{min-height:54px;display:grid;grid-template-columns:minmax(92px,.3fr) minmax(0,1fr) auto;align-items:center;gap:var(--space-4);overflow:hidden;border:1px solid;border-radius:var(--radius-xs);padding-right:var(--space-4)}.appearance-preview>span[data-v-ac6eae51]{align-self:stretch;display:grid;place-items:center;font-size:var(--text-xs)}.appearance-preview-action[data-v-ac6eae51]{min-height:var(--size-7);display:inline-grid;place-items:center;border:0;border-radius:var(--radius-xs);padding:0 var(--space-4)}.appearance-advanced[data-v-ac6eae51]{border-top:1px solid var(--color-border-soft);padding-top:var(--space-4)}.appearance-advanced summary[data-v-ac6eae51]{cursor:pointer;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.appearance-color-grid[data-v-ac6eae51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.appearance-color-grid label[data-v-ac6eae51]{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.appearance-color-grid input[data-v-ac6eae51]{width:32px;height:26px;border:0;background:transparent;padding:0}.appearance-color-grid code[data-v-ac6eae51]{grid-column:1/-1;color:var(--color-text-subtle);font-size:var(--text-2xs)}.appearance-label[data-v-ac6eae51]{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.appearance-actions[data-v-ac6eae51]{display:flex;justify-content:flex-end}@media(max-width:560px){.appearance-options--three[data-v-ac6eae51],.appearance-preview[data-v-ac6eae51]{grid-template-columns:1fr}.appearance-preview[data-v-ac6eae51]{padding:0 0 var(--space-4)}.appearance-preview>span[data-v-ac6eae51]{min-height:var(--size-7)}}