.swatch-page[data-astro-cid-x6if2fsk]{max-width:1440px;margin:auto;padding:32px}h1[data-astro-cid-x6if2fsk]{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 20px}.swatch-page[data-astro-cid-x6if2fsk]>p[data-astro-cid-x6if2fsk]{max-width:75ch;line-height:1.6}.filters[data-astro-cid-x6if2fsk]{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}.filters[data-astro-cid-x6if2fsk] .filter-field[data-astro-cid-x6if2fsk]{display:grid;gap:8px;font-weight:600}.filters[data-astro-cid-x6if2fsk] .filter-field[data-astro-cid-x6if2fsk]:first-child{flex:1;min-width:220px}input[data-astro-cid-x6if2fsk],select[data-astro-cid-x6if2fsk],button[data-astro-cid-x6if2fsk]{font:inherit}input[data-astro-cid-x6if2fsk],select[data-astro-cid-x6if2fsk]{padding:12px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}button[data-astro-cid-x6if2fsk]{cursor:pointer;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);padding:8px}.workspace[data-astro-cid-x6if2fsk]{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.color-grid[data-astro-cid-x6if2fsk]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.swatch-card[data-astro-cid-x6if2fsk]{display:flex;flex-direction:column;min-width:0}.swatch-card[data-astro-cid-x6if2fsk] .tile[data-astro-cid-x6if2fsk]{display:block;width:100%;padding:0;border:0;background:none;min-width:0}.swatch-card[data-astro-cid-x6if2fsk]>a[data-astro-cid-x6if2fsk]{color:var(--color-text);font-size:13px;line-height:1.4;padding:6px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile[data-astro-cid-x6if2fsk][aria-pressed=true]{outline:3px solid var(--color-text);outline-offset:1px}.tile[data-astro-cid-x6if2fsk][disabled]{cursor:not-allowed}.tile[data-astro-cid-x6if2fsk][aria-pressed=true] .color-name:before{content:"✓ "}.palette[data-astro-cid-x6if2fsk]{border-left:1px solid var(--color-border);padding-left:24px;min-width:0}.palette[data-astro-cid-x6if2fsk] h2[data-astro-cid-x6if2fsk]{margin-top:0}.palette-toggle[data-astro-cid-x6if2fsk]{display:none}.palette[data-astro-cid-x6if2fsk] .palette-item{border-bottom:1px solid var(--color-border);padding:20px 0}.palette[data-astro-cid-x6if2fsk] .palette-item h3{margin:12px 0 4px}.palette[data-astro-cid-x6if2fsk] .palette-item h3 a{color:var(--color-text)}.palette[data-astro-cid-x6if2fsk] .palette-remove{position:absolute;z-index:2;top:8px;right:8px;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;background:#161412;color:#fff;border:1px solid rgba(255,255,255,.4)}.palette[data-astro-cid-x6if2fsk] .palette-remove:hover{background:var(--color-danger)}#preview[data-astro-cid-x6if2fsk]{min-height:3em;line-height:1.5}#storage-status[data-astro-cid-x6if2fsk]:empty{display:none}.families[data-astro-cid-x6if2fsk] section[data-astro-cid-x6if2fsk]{margin-bottom:24px}[data-astro-cid-x6if2fsk][hidden]{display:none!important}[data-astro-cid-x6if2fsk]:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}@media(max-width:800px){.swatch-page[data-astro-cid-x6if2fsk]{padding:20px}.workspace[data-astro-cid-x6if2fsk]{grid-template-columns:1fr}.color-grid[data-astro-cid-x6if2fsk]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.palette[data-astro-cid-x6if2fsk]{position:fixed;right:16px;bottom:16px;z-index:20;border:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 32px)}.palette-toggle[data-astro-cid-x6if2fsk]{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--color-text);color:var(--color-bg);border:1px solid var(--color-text);box-shadow:0 6px 18px #00000047;font-weight:600}.palette-toggle[data-astro-cid-x6if2fsk] .palette-count[data-astro-cid-x6if2fsk]{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--color-bg);color:var(--color-text);display:inline-grid;place-items:center;font-size:13px}.palette-body[data-astro-cid-x6if2fsk]{display:none;width:min(360px,calc(100vw - 32px));max-height:min(70vh,640px);overflow:auto;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 12px 32px #0000004d;padding:16px}.palette[data-astro-cid-x6if2fsk].is-open .palette-body[data-astro-cid-x6if2fsk]{display:block}.palette[data-astro-cid-x6if2fsk] .palette-item{padding:16px 0}.palette[data-astro-cid-x6if2fsk] .color-swatch{aspect-ratio:auto;height:160px}}
