.mode-btn[data-astro-cid-qoaagkvb]{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}.mode-btn[data-astro-cid-qoaagkvb]:hover{border-color:var(--color-border-hover)}.mode-btn[data-astro-cid-qoaagkvb].active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.accent-swatch[data-astro-cid-ixutwg3w]{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:9999px;width:32px;height:32px;transition:transform .15s,border-color .15s;position:relative}.accent-swatch[data-astro-cid-ixutwg3w]:hover{transform:scale(1.08)}.accent-swatch[data-astro-cid-ixutwg3w].active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--swatch)}.density-btn[data-astro-cid-ixutwg3w],.font-btn[data-astro-cid-ixutwg3w]{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;cursor:pointer;border-radius:.5rem;padding:.625rem .75rem;transition:all .15s}.density-btn[data-astro-cid-ixutwg3w]:hover,.font-btn[data-astro-cid-ixutwg3w]:hover{border-color:var(--color-border-hover)}.density-btn[data-astro-cid-ixutwg3w].active,.font-btn[data-astro-cid-ixutwg3w].active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.density-btn[data-astro-cid-ixutwg3w].active .text-\[var\(--color-text-muted\)\][data-astro-cid-ixutwg3w]{color:#fffc}