.appearance-picker.svelte-1selm8f{align-items:center;gap:.5rem;display:inline-flex}.appearance-dot.svelte-1selm8f{border:1px solid var(--border-base);border-radius:var(--r-pill);cursor:pointer;width:1.4rem;height:1.4rem;transition:box-shadow var(--d-hover) var(--ease-vici), border-color var(--d-hover) var(--ease-vici), transform var(--d-hover) var(--ease-vici);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.appearance-dot.svelte-1selm8f:hover{border-color:var(--border-strong)}.appearance-dot.svelte-1selm8f:active{transform:scale(.94)}.appearance-dot.is-active.svelte-1selm8f{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-base), 0 0 0 3px var(--color-primary)}.appearance-dot-inner.svelte-1selm8f{border-radius:var(--r-pill);width:.4rem;height:.4rem;display:block}.appearance-tiles.svelte-1selm8f{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.appearance-tile.svelte-1selm8f{border:1.5px solid var(--border-base);background:var(--bg-popover);cursor:pointer;transition:border-color var(--d-hover) var(--ease-vici), background-color var(--d-hover) var(--ease-vici), transform var(--d-hover) var(--ease-vici);border-radius:.875rem;flex-direction:column;align-items:stretch;gap:.45rem;padding:.4rem .4rem .55rem;display:flex}.appearance-tile.svelte-1selm8f:hover{border-color:var(--border-strong)}.appearance-tile.svelte-1selm8f:active{transform:scale(.985)}.appearance-tile.is-active.svelte-1selm8f{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--bg-popover))}.appearance-tile-swatch.svelte-1selm8f{aspect-ratio:4/3;border:1px solid var(--border-base);border-radius:.55rem;width:100%;display:block;position:relative;box-shadow:inset 0 1px #ffffff2e}.appearance-tile-dot.svelte-1selm8f{border-radius:var(--r-pill);width:.5rem;height:.5rem;display:block;position:absolute;bottom:.45rem;left:.5rem}.appearance-tile-label.svelte-1selm8f{text-align:center;color:var(--text-base);font-size:var(--t-13);font-weight:600}.appearance-tile.is-active.svelte-1selm8f .appearance-tile-label:where(.svelte-1selm8f){color:var(--color-primary)}