@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mozilla Text Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/mozilla-text-latin-ext-wght-normal-0QVVVaUA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mozilla Text Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/mozilla-text-latin-wght-normal-BIbEDCab.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Azeret Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/azeret-mono-latin-ext-wght-normal-CaAVEd4C.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Azeret Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/azeret-mono-latin-wght-normal-BhHwRSCm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Hanken Grotesk Variable", system-ui, sans-serif;--font-text:"Mozilla Text Variable", system-ui, sans-serif;--font-code:"Azeret Mono Variable", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f8fafc;--color-surface:#fff;--color-text:#1f2937;--color-text-strong:#111827;--color-text-muted:#64748b;--color-border:#dbe3ed;--color-accent:#0284c7;--color-accent-strong:#0369a1;--color-accent-soft:#bae6fd;--color-chrome:var(--color-accent-soft);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--size-xs:.75rem;--line-xs:1rem;--size-sm:.875rem;--line-sm:1.25rem;--size-base:1rem;--line-base:1.5rem;--size-lg:1.125rem;--line-lg:1.75rem;--size-xl:1.5rem;--line-xl:2rem;--size-2xl:2rem;--line-2xl:2.5rem;--radius-sm:.25rem;--radius-md:.5rem;--shadow-soft:0 1rem 3rem #0f172a14;--measure:72rem}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#0f172a;--color-surface:#1e293b;--color-text:#cbd5e1;--color-text-strong:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155;--color-accent:#38bdf8;--color-accent-strong:#7dd3fc;--color-accent-soft:#0c4a6e;--color-chrome:var(--color-accent-soft);--shadow-soft:0 1rem 3rem #0006}*,:before,:after{box-sizing:border-box}html{min-block-size:100%;color:var(--color-text);background:var(--color-page);font-family:var(--font-text);font-size:100%;line-height:var(--line-base);font-synthesis:none;text-rendering:optimizelegibility;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-block-size:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img,svg{max-inline-size:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:0;font-weight:700}code{font-family:var(--font-code);font-size:.92em}#app{min-block-size:100svh}.app-footer[data-v-d6b227e3]{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-chrome);inline-size:100%;padding-inline:max(var(--space-5), calc((100vw - var(--measure)) / 2 + var(--space-5)));padding-block:var(--space-5);border-block-start:1px solid var(--color-chrome);color:var(--color-text-muted);font-size:var(--size-sm);line-height:var(--line-sm);display:flex}.footer-primary[data-v-d6b227e3]{gap:var(--space-1);display:grid}.footer-secondary[data-v-d6b227e3]{justify-content:center;align-items:end;gap:var(--space-4);flex-flow:column wrap;display:flex}.theme-toggle[data-v-d6b227e3]{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm);display:inline-flex}.theme-toggle[data-v-d6b227e3]:hover{cursor:pointer}.theme-toggle[data-v-d6b227e3]:hover,.theme-toggle[data-v-d6b227e3]:focus-visible{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}.theme-icon[data-v-d6b227e3]{block-size:1rem;inline-size:1rem}.app-footer a[data-v-d6b227e3]{color:var(--color-text-strong);-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, transparent);text-underline-offset:.2em;font-weight:700}.app-footer a[data-v-d6b227e3]:hover,.app-footer a[data-v-d6b227e3]:focus-visible{color:var(--color-accent-strong)}.footer-links[data-v-d6b227e3]{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=48rem){.app-footer[data-v-d6b227e3]{padding-inline:var(--space-4);flex-direction:column;align-items:flex-start}.footer-links[data-v-d6b227e3]{flex:1}.footer-secondary[data-v-d6b227e3]{align-items:center;justify-content:justify-between;width:100%;padding:var(--space-1) var(--space-2) 0 0;flex-direction:row}}.app-header[data-v-9f9149b2]{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-chrome);inline-size:100%;padding-inline:max(var(--space-5), calc((100vw - var(--measure)) / 2 + var(--space-5)));padding-block:var(--space-5);border-block-end:1px solid var(--color-chrome);display:flex}.brand[data-v-9f9149b2],.app-nav[data-v-9f9149b2]{align-items:center;gap:var(--space-1);display:flex}.brand[data-v-9f9149b2]{align-items:center;gap:var(--space-3);color:var(--color-text-strong);font-family:var(--font-display);font-size:var(--size-lg);font-weight:700;line-height:var(--line-lg);text-decoration:none;display:flex}.brand-mark[data-v-9f9149b2]{block-size:1.25rem;inline-size:1.25rem}.app-nav[data-v-9f9149b2]{gap:var(--space-2)}.app-nav a[data-v-9f9149b2],.app-nav button[data-v-9f9149b2]{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--size-sm);font-weight:600;line-height:var(--line-sm);background:0 0;border:0;text-decoration:none}.app-nav a[data-v-9f9149b2]:hover,.app-nav a[data-v-9f9149b2]:focus-visible,.app-nav a[aria-current=page][data-v-9f9149b2],.app-nav button[data-v-9f9149b2]:hover,.app-nav button[data-v-9f9149b2]:focus-visible{color:var(--color-accent-strong);background:var(--color-accent-soft)}@media (width<=48rem){.app-header[data-v-9f9149b2]{padding-inline:var(--space-4);text-align:center;flex-direction:column;align-items:center}.brand[data-v-9f9149b2]{justify-content:center}}.about-view[data-v-e4865d84]{gap:var(--space-4);overflow-wrap:normal;text-wrap:pretty;word-break:normal;inline-size:min(100%,88ch);margin:auto;display:grid}.heading-1[data-v-e4865d84]{font-size:var(--size-2xl);line-height:var(--line-2xl)}.heading-2[data-v-e4865d84]{border-block-start:1px solid var(--color-border);font-size:var(--size-xl);line-height:var(--line-xl);margin-block-start:var(--space-5);padding-block-start:var(--space-5)}.heading-3[data-v-e4865d84]{font-size:var(--size-lg);line-height:var(--line-lg);margin-block-start:var(--space-3)}.about-view p[data-v-e4865d84]{color:var(--color-text-muted);font-size:var(--size-base);line-height:var(--line-base)}.about-view a[data-v-e4865d84]{color:var(--color-accent-strong);text-underline-offset:.2em;font-weight:700}.about-view a[data-v-e4865d84]:hover,.about-view a[data-v-e4865d84]:focus-visible{color:var(--color-text-strong)}.about-view code[data-v-e4865d84]{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1);color:var(--color-text-strong);background:var(--color-surface);font-family:var(--font-code);white-space:normal;font-size:.9em}.color-swatch[data-v-f994dfbf]{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-block-size:3.5rem;padding:var(--space-2);color:var(--color-text);background:var(--color-surface);text-align:start;display:grid}.color-swatch[data-v-f994dfbf]:hover,.color-swatch[data-v-f994dfbf]:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.swatch-meta[data-v-f994dfbf]{gap:var(--space-1);align-items:start;display:grid}.sample[data-v-f994dfbf]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--swatch-color);block-size:1.15rem}.swatch-name[data-v-f994dfbf],.color-swatch code[data-v-f994dfbf],.copy-state[data-v-f994dfbf]{overflow-wrap:anywhere;min-inline-size:0}.swatch-name[data-v-f994dfbf]{color:var(--color-text-strong);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm)}.color-swatch code[data-v-f994dfbf]{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--size-xs);line-height:var(--line-xs)}.copy-state[data-v-f994dfbf]{color:var(--color-accent-strong);font-size:var(--size-xs);font-weight:700;line-height:var(--line-xs);text-transform:uppercase}.color-group[data-v-89d77337]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);scroll-margin-block-start:var(--space-8);display:grid}.color-group.is-active[data-v-89d77337]{border-color:var(--color-accent)}.group-heading[data-v-89d77337]{font-size:var(--size-lg);line-height:var(--line-lg);position:relative}.group-toggle[data-v-89d77337]{align-items:center;gap:var(--space-3);border:0;border-block-end:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;inline-size:100%;padding:var(--space-3);color:var(--color-text-strong);background:var(--color-surface);text-align:start;grid-template-columns:minmax(0,1fr) 1rem;display:grid}.group-toggle[data-v-89d77337]:hover,.group-toggle[data-v-89d77337]:focus-visible{color:var(--color-accent-strong);background:var(--color-accent-soft)}.is-active .group-toggle[data-v-89d77337]{border-block-end-color:var(--color-accent);background:var(--color-accent-soft)}.group-summary[data-v-89d77337]{justify-content:start;align-items:center;gap:var(--space-3);grid-template-columns:max-content 2.5rem minmax(8rem,12rem);min-inline-size:0;display:grid}.group-title[data-v-89d77337]{font-family:var(--font-display);font-weight:700}.group-ramp[data-v-89d77337]{border:1px solid var(--color-border);border-radius:999px;grid-auto-columns:minmax(.75rem,1fr);grid-auto-flow:column;block-size:.75rem;inline-size:100%;display:grid;overflow:hidden}.group-ramp-swatch[data-v-89d77337]{min-inline-size:.5rem}.group-count[data-v-89d77337]{border:1px solid var(--color-border);border-radius:var(--radius-sm);inline-size:2.5rem;padding:0 var(--space-2);color:var(--color-text-muted);background:var(--color-page);font-size:var(--size-xs);font-weight:700;line-height:var(--line-xs);text-align:center}.group-chevron[data-v-89d77337]{block-size:.5rem;inline-size:.5rem;color:var(--color-text-muted);border-block-end:2px solid;border-inline-end:2px solid;justify-self:center;transition:transform .16s;transform:rotate(45deg)}.group-toggle[aria-expanded=true] .group-chevron[data-v-89d77337]{transform:translateY(.125rem)rotate(225deg)}.swatch-grid[data-v-89d77337]{gap:var(--space-2);padding:var(--space-2);background:var(--group-body-background);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,5.75rem),1fr));display:grid}@media (width<=34rem){.group-summary[data-v-89d77337]{grid-template-columns:minmax(0,max-content) 2.5rem minmax(3rem,5rem)}.group-ramp[data-v-89d77337]{grid-area:auto}}.color-group-nav[data-v-308c5cbf]{gap:var(--space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.color-group-nav button[data-v-308c5cbf]{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm);flex:none}.color-group-nav button[data-v-308c5cbf]:hover,.color-group-nav button[data-v-308c5cbf]:focus-visible,.color-group-nav button[aria-current=true][data-v-308c5cbf]{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}.color-group-nav button[aria-current=true][data-v-308c5cbf]{box-shadow:inset 0 0 0 1px var(--color-accent)}.color-search[data-v-1c45b435]{inline-size:100%;position:relative}.search-input[data-v-1c45b435]{border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:2.75rem;inline-size:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--size-sm);line-height:var(--line-sm)}.search-input[data-v-1c45b435]::placeholder{color:var(--color-text-muted)}.search-input[data-v-1c45b435]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.search-results[data-v-1c45b435]{z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-sm);max-block-size:24rem;inline-size:100%;padding:var(--space-1);background:var(--color-surface);box-shadow:var(--shadow-soft);scrollbar-width:thin;margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + var(--space-1));overflow-y:auto}.result-button[data-v-1c45b435]{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);inline-size:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--size-sm);line-height:var(--line-sm);text-align:start;background:0 0;border:0;grid-template-columns:auto auto 1fr auto;display:grid}.result-button[data-v-1c45b435]:hover,.result-button[data-v-1c45b435]:focus-visible,.result-button.is-active[data-v-1c45b435]{background:var(--color-accent-soft)}.result-chip[data-v-1c45b435]{border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:1rem;inline-size:1rem}.result-name[data-v-1c45b435]{color:var(--color-text-strong);font-weight:700}.result-value[data-v-1c45b435]{overflow-wrap:anywhere;min-inline-size:0;color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--size-xs)}.result-meta[data-v-1c45b435]{color:var(--color-text-muted);font-size:var(--size-xs);white-space:nowrap}.search-empty[data-v-1c45b435]{border:1px solid var(--color-border);border-radius:var(--radius-sm);inline-size:100%;padding:var(--space-3);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--size-sm);text-align:center;margin:0;position:absolute;inset-block-start:calc(100% + var(--space-1))}.format-control[data-v-29128e9e]{border:0;align-content:end;min-inline-size:0;margin:0;padding:0;display:grid}.format-control legend[data-v-29128e9e]{color:var(--color-text-muted);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm);margin-block-end:var(--space-2)}.format-options[data-v-29128e9e]{border:1px solid var(--color-border);background:var(--color-surface);block-size:2.75rem;padding:var(--space-1);border-radius:999px;display:flex;overflow:hidden}.format-options button[data-v-29128e9e]{min-inline-size:3.25rem;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--size-sm);font-weight:500;line-height:var(--line-sm);background:0 0;border:0;border-radius:999px}.format-options button[data-v-29128e9e]:hover,.format-options button[data-v-29128e9e]:focus-visible,.format-options button[aria-pressed=true][data-v-29128e9e]{color:var(--color-accent-strong);background:var(--color-accent-soft)}@media (width<=34rem){.format-options[data-v-29128e9e]{inline-size:100%}.format-options button[data-v-29128e9e]{min-inline-size:0;padding-inline:var(--space-2);flex:1 1 0}}.app-dialog[data-v-cc0ecf9c]{inline-size:min(100%,34rem);max-inline-size:calc(100vi - var(--space-4));max-block-size:calc(100dvb - var(--space-4));border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:0;overflow:hidden}.app-dialog[data-v-cc0ecf9c]::backdrop{background:#0f172a7a}.app-dialog[open][data-v-cc0ecf9c]{animation:.18s ease-out dialog-enter-cc0ecf9c}.app-dialog[open][data-v-cc0ecf9c]::backdrop{animation:.18s ease-out backdrop-enter-cc0ecf9c}.app-dialog--drawer[data-v-cc0ecf9c]{border-radius:var(--radius-md) 0 0 var(--radius-md);border-block:0;border-inline-end:0;block-size:100dvb;max-block-size:100dvb;inline-size:min(100%,31rem);max-inline-size:100vi;margin:0 0 0 auto}.app-dialog--drawer[open][data-v-cc0ecf9c]{animation-name:drawer-enter-cc0ecf9c}.dialog-panel[data-v-cc0ecf9c]{grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;min-block-size:0;display:grid}.dialog-header[data-v-cc0ecf9c],.dialog-footer[data-v-cc0ecf9c]{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.dialog-header[data-v-cc0ecf9c]{border-block-end:1px solid var(--color-border);justify-content:space-between}.dialog-footer[data-v-cc0ecf9c]{border-block-start:1px solid var(--color-border);flex-wrap:wrap;justify-content:end}.dialog-title-group[data-v-cc0ecf9c]{gap:var(--space-1);min-inline-size:0;display:grid}.dialog-title-group h2[data-v-cc0ecf9c]{font-size:var(--size-xl);line-height:var(--line-xl)}.dialog-title-group p[data-v-cc0ecf9c]{color:var(--color-text-muted);font-size:var(--size-sm);line-height:var(--line-sm)}.dialog-close[data-v-cc0ecf9c]{border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text-muted);background:var(--color-surface);flex:none;place-items:center;display:grid}.dialog-close[data-v-cc0ecf9c]:hover,.dialog-close[data-v-cc0ecf9c]:focus-visible{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}.dialog-close span[data-v-cc0ecf9c]{block-size:.875rem;inline-size:.875rem;position:relative}.dialog-close span[data-v-cc0ecf9c]:before,.dialog-close span[data-v-cc0ecf9c]:after{content:"";background:currentColor;border-radius:999px;block-size:2px;inline-size:100%;position:absolute;inset-block-start:50%;inset-inline-start:0}.dialog-close span[data-v-cc0ecf9c]:before{transform:rotate(45deg)}.dialog-close span[data-v-cc0ecf9c]:after{transform:rotate(-45deg)}.dialog-body[data-v-cc0ecf9c]{min-block-size:0;padding:var(--space-4);overflow:auto}@media (width<=34rem){.app-dialog[data-v-cc0ecf9c],.app-dialog--drawer[data-v-cc0ecf9c]{border:0;border-radius:0;block-size:100dvb;max-block-size:100dvb;inline-size:100vi;max-inline-size:100vi;margin:0}}@media (prefers-reduced-motion:reduce){.app-dialog[open][data-v-cc0ecf9c],.app-dialog[open][data-v-cc0ecf9c]::backdrop{animation:none}}@keyframes dialog-enter-cc0ecf9c{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawer-enter-cc0ecf9c{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes backdrop-enter-cc0ecf9c{0%{opacity:0}to{opacity:1}}.drawer-stack[data-v-2c9b2742]{gap:var(--space-5);display:grid}.generator-form[data-v-2c9b2742],.palette-preview[data-v-2c9b2742],.css-preview[data-v-2c9b2742],.warning-panel[data-v-2c9b2742]{gap:var(--space-4);display:grid}.generator-form fieldset[data-v-2c9b2742]{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.generator-form legend[data-v-2c9b2742],.section-heading h3[data-v-2c9b2742]{color:var(--color-text-strong);font-family:var(--font-display);font-size:var(--size-lg);font-weight:700;line-height:var(--line-lg);margin-block-end:var(--space-1)}.section-heading[data-v-2c9b2742]{justify-content:space-between;align-items:end;gap:var(--space-3);display:flex}.section-heading p[data-v-2c9b2742]{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--size-xs);line-height:var(--line-xs)}.generator-form label[data-v-2c9b2742]{gap:var(--space-2);display:grid}.generator-form label span[data-v-2c9b2742]{color:var(--color-text-muted);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm)}.generator-form select[data-v-2c9b2742],.generator-form input[data-v-2c9b2742]{border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:2.75rem;inline-size:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--size-sm)}.generator-form select[data-v-2c9b2742]:hover,.generator-form select[data-v-2c9b2742]:focus-visible,.generator-form input[data-v-2c9b2742]:hover,.generator-form input[data-v-2c9b2742]:focus-visible{border-color:var(--color-accent)}.dialog-footer button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-block-size:2.75rem;padding:var(--space-2) var(--space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--size-sm);font-weight:700}.dialog-footer .primary-action{border-color:var(--color-accent);color:var(--color-page);background:var(--color-accent-strong)}.dialog-footer button:hover,.dialog-footer button:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.dialog-footer button:disabled{cursor:not-allowed;opacity:.55}.swatch-preview[data-v-2c9b2742]{gap:var(--space-2);display:grid}.preview-swatch[data-v-2c9b2742]{align-items:stretch;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);grid-template-columns:3rem minmax(0,1fr);min-block-size:4rem;display:grid;overflow:hidden}.preview-chip[data-v-2c9b2742]{min-block-size:100%}.preview-text[data-v-2c9b2742]{align-content:center;gap:var(--space-1);min-inline-size:0;padding:var(--space-2);display:grid}.preview-text strong[data-v-2c9b2742],.preview-text code[data-v-2c9b2742]{overflow-wrap:anywhere;min-inline-size:0}.preview-text strong[data-v-2c9b2742]{color:var(--color-text-strong);font-size:var(--size-sm);line-height:var(--line-sm)}.preview-text code[data-v-2c9b2742]{color:var(--color-text-muted);font-size:var(--size-xs);line-height:var(--line-xs)}.css-preview pre[data-v-2c9b2742]{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-block-size:14rem;padding:var(--space-3);color:var(--color-text);background:var(--color-page);font-size:var(--size-xs);line-height:var(--line-xs);margin:0;overflow:auto}.warning-list[data-v-2c9b2742]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.warning-list li[data-v-2c9b2742]{gap:var(--space-1);border-inline-start:3px solid var(--color-accent);padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);display:grid}.warning-list strong[data-v-2c9b2742],.warning-list span[data-v-2c9b2742],.empty-state[data-v-2c9b2742],.form-error[data-v-2c9b2742]{overflow-wrap:anywhere;font-size:var(--size-sm);line-height:var(--line-sm)}.warning-list span[data-v-2c9b2742],.empty-state[data-v-2c9b2742]{color:var(--color-text-muted)}.form-error[data-v-2c9b2742]{color:var(--color-accent-strong);font-weight:700}@media (width<=34rem){.section-heading[data-v-2c9b2742]{align-items:start;display:grid}}.palette-tabs[data-v-69fd0ab5]{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.palette-card[data-v-69fd0ab5]{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-block-size:4.5rem;color:var(--color-text-muted);background:var(--color-surface);display:grid}.palette-link[data-v-69fd0ab5]{gap:var(--space-1);border:0;border-bottom:2px dotted var(--color-text-muted);inline-size:100%;padding:var(--space-3);color:inherit;font:inherit;text-align:start;background:0 0;text-decoration:none;display:grid}.palette-link span[data-v-69fd0ab5]{color:var(--color-text-strong);font-family:var(--font-display);font-size:var(--size-base);font-weight:700;line-height:var(--line-base)}.palette-link small[data-v-69fd0ab5],.palette-action[data-v-69fd0ab5]{font-size:var(--size-sm);line-height:var(--line-sm)}.palette-actions[data-v-69fd0ab5]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.palette-action[data-v-69fd0ab5]{text-align:center;color:var(--color-text-muted);text-underline-offset:.2em;inline-size:100%;padding-inline:var(--space-2);padding-bottom:var(--space-3);font-weight:700;font:inherit;background:0 0;border:0}.generated-tab[data-v-69fd0ab5],.generated-source[data-v-69fd0ab5]{cursor:pointer}.palette-card[data-v-69fd0ab5]:hover,.palette-card[data-v-69fd0ab5]:focus-within,.palette-card[data-active][data-v-69fd0ab5]{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}.palette-card:hover .palette-link span[data-v-69fd0ab5],.palette-card:focus-within .palette-link span[data-v-69fd0ab5],.palette-card[data-active] .palette-link span[data-v-69fd0ab5],.palette-action[data-v-69fd0ab5]:hover,.palette-action[data-v-69fd0ab5]:focus-visible{color:var(--color-accent-strong)}@media (width<=48rem){.palette-tabs[data-v-69fd0ab5]{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));padding-block-end:var(--space-1);overflow-x:auto}}.palette-view[data-v-1b704961]{gap:var(--space-6);display:grid}.palette-toolbar[data-v-1b704961]{gap:var(--space-4);display:grid}.palette-nav[data-v-1b704961]{z-index:2;gap:var(--space-3);border-block-end:1px solid var(--color-chrome);background:color-mix(in srgb, var(--color-page) 92%, transparent);padding-block:var(--space-3);display:grid;position:sticky;top:0}.sr-only[data-v-1b704961]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.toolbar-controls[data-v-1b704961]{justify-content:space-between;align-items:end;gap:var(--space-4);grid-template-columns:minmax(16rem,auto) minmax(11rem,auto) auto minmax(10rem,auto);display:grid}.view-control[data-v-1b704961],.density-control[data-v-1b704961],.copy-control[data-v-1b704961]{align-content:end;gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.view-control legend[data-v-1b704961],.density-control legend[data-v-1b704961],.copy-control label[data-v-1b704961]{color:var(--color-text-muted);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm)}.view-options[data-v-1b704961]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-block-size:2.75rem;display:flex;overflow:hidden}.view-options label[data-v-1b704961]{min-inline-size:5.25rem;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm);cursor:pointer;place-items:center;display:grid}.density-options label[data-v-1b704961]{min-inline-size:5.75rem}.view-options label+label[data-v-1b704961]{border-inline-start:1px solid var(--color-border)}.view-options label[data-v-1b704961]:hover,.view-options label[data-v-1b704961]:focus-within,.view-options label.is-active[data-v-1b704961]{color:var(--color-accent-strong);background:var(--color-accent-soft)}.view-options input[data-v-1b704961]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.copy-control select[data-v-1b704961]{border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:2.75rem;inline-size:10rem;padding:var(--space-2) var(--space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm)}.copy-control select[data-v-1b704961]:hover,.copy-control select[data-v-1b704961]:focus-visible{border-color:var(--color-accent)}.generated-edit[data-v-1b704961]{border:1px solid var(--color-accent);border-radius:var(--radius-sm);min-block-size:2.75rem;padding:var(--space-2) var(--space-4);color:var(--color-page);background:var(--color-accent-strong);font-size:var(--size-sm);font-weight:700;line-height:var(--line-sm);align-self:end}.generated-edit[data-v-1b704961]:hover,.generated-edit[data-v-1b704961]:focus-visible{box-shadow:var(--shadow-soft)}.secondary-action[data-v-1b704961]{color:var(--color-accent-strong);background:var(--color-surface)}.palette-groups[data-v-1b704961]{gap:var(--space-6);display:grid}.compare-view[data-v-1b704961],.generate-empty[data-v-1b704961],.generated-results[data-v-1b704961]{gap:var(--space-4);display:grid}.generated-header[data-v-1b704961]{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.generated-actions[data-v-1b704961]{justify-content:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.generated-header h2[data-v-1b704961]{font-size:var(--size-xl);line-height:var(--line-xl)}.generated-header p[data-v-1b704961]{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--size-sm);line-height:var(--line-sm)}.generated-warnings[data-v-1b704961]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.generated-warnings li[data-v-1b704961]{gap:var(--space-1);border-inline-start:3px solid var(--color-accent);padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);display:grid}.generated-warnings strong[data-v-1b704961],.generated-warnings span[data-v-1b704961]{overflow-wrap:anywhere;font-size:var(--size-sm);line-height:var(--line-sm)}.generated-warnings span[data-v-1b704961]{color:var(--color-text-muted)}.generate-empty[data-v-1b704961]{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-5);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center}.generate-empty h2[data-v-1b704961],.compare-column h3[data-v-1b704961]{color:var(--color-text-strong);font-family:var(--font-display);font-size:var(--size-xl);line-height:var(--line-xl);text-wrap:balance}.generate-empty p[data-v-1b704961]{color:var(--color-text-muted);font-size:var(--size-sm);line-height:var(--line-sm);margin-block-start:var(--space-1)}.compare-columns[data-v-1b704961]{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.compare-column[data-v-1b704961]{gap:var(--space-4);min-inline-size:0;display:grid}@media (width<=48rem){.palette-toolbar[data-v-1b704961]{grid-template-columns:1fr}.toolbar-controls[data-v-1b704961]{grid-template-columns:1fr;justify-content:stretch;display:grid}.view-options label[data-v-1b704961]{inline-size:100%;min-inline-size:0}.compare-columns[data-v-1b704961]{grid-template-columns:1fr}}@media (width<=34rem){.toolbar-controls[data-v-1b704961]{gap:var(--space-2)}.copy-control select[data-v-1b704961]{inline-size:100%}.generated-header[data-v-1b704961]{align-items:stretch;display:grid}.generated-actions[data-v-1b704961],.generate-empty[data-v-1b704961]{grid-template-columns:1fr;display:grid}}.app-shell[data-v-d1e647c5]{grid-template-rows:auto 1fr auto;min-block-size:100svh;inline-size:100%;display:grid}.app-main[data-v-d1e647c5]{inline-size:min(100%, var(--measure));padding-inline:var(--space-5);padding-block:var(--space-6);align-content:start;margin-inline:auto;display:grid}@media (width<=48rem){.app-main[data-v-d1e647c5]{padding-inline:var(--space-4)}}