:root{color-scheme:light;--tg-bg:#fbfaff;--tg-surface:#fff;--tg-border:#e0dce5;--tg-text:#1d1b20;--tg-text-muted:#49454f;--tg-accent:#6750a4;--tg-accent-hover:#5a4691;--tg-error:#b3261e;--tg-success:#1e8e3e;--tg-radius:14px}*{box-sizing:border-box}html,body{background:var(--tg-bg);color:var(--tg-text);min-block-size:100vh;margin:0;padding:0;font-family:Roboto,system-ui,sans-serif;line-height:1.5;overflow-x:clip}@supports not (overflow-x:clip){body{overflow-x:hidden}}a{color:var(--tg-accent);text-decoration:none}a:hover{text-decoration:underline}code{background:#6750a414;border-radius:4px;padding:.1em .35em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875em}:focus-visible{outline:3px solid var(--tg-accent);outline-offset:2px;border-radius:4px}.tg-visually-hidden:where(.astro-arzc6wxv){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tg-header:where(.astro-arzc6wxv){background:var(--tg-surface);border-block-end:1px solid var(--tg-border);justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,2.5rem);display:flex}.tg-header__back:where(.astro-arzc6wxv),.tg-header__github:where(.astro-arzc6wxv){color:var(--tg-text);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.tg-header__back:where(.astro-arzc6wxv),.tg-header__back:where(.astro-arzc6wxv):hover,.tg-header__back:where(.astro-arzc6wxv):focus,.tg-header__back:where(.astro-arzc6wxv):focus-visible{text-decoration:none}.tg-header__back:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-size:20px;text-decoration:none}.tg-header__back-label:where(.astro-arzc6wxv){text-underline-offset:4px;text-decoration-thickness:1.5px}.tg-header__back:where(.astro-arzc6wxv):hover .tg-header__back-label:where(.astro-arzc6wxv),.tg-header__back:where(.astro-arzc6wxv):focus-visible .tg-header__back-label:where(.astro-arzc6wxv){text-decoration:underline}.tg-main:where(.astro-arzc6wxv){max-inline-size:1200px;margin-inline:auto;padding:3rem clamp(1rem,4vw,2.5rem) 4rem}.tg-intro:where(.astro-arzc6wxv){margin-block-end:2.5rem}.tg-intro__eyebrow:where(.astro-arzc6wxv){text-transform:uppercase;letter-spacing:.06em;color:var(--tg-accent);background:#6750a414;border-radius:100px;margin-block-end:.875rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tg-intro__title:where(.astro-arzc6wxv){letter-spacing:-.02em;margin:0 0 .625rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}.tg-intro__subtitle:where(.astro-arzc6wxv){color:var(--tg-text-muted);max-inline-size:720px;margin:0;font-size:1.0625rem;line-height:1.65}.tg-section__heading:where(.astro-arzc6wxv){margin:0 0 .5rem;font-size:1rem;font-weight:600}.tg-section__sub:where(.astro-arzc6wxv){color:var(--tg-text-muted);max-inline-size:720px;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.tg-inputs:where(.astro-arzc6wxv){background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;margin-block-end:1.5rem;padding:1.75rem;display:grid}.tg-inputs__heading:where(.astro-arzc6wxv){color:var(--tg-text);grid-column:1/-1;margin:0;font-size:1rem;font-weight:600}.tg-input__head:where(.astro-arzc6wxv){flex-wrap:wrap;align-items:center;gap:10px;min-block-size:1.8125rem;margin-block-end:6px;display:flex}.tg-input__derive:where(.astro-arzc6wxv){color:var(--md-sys-color-on-surface-variant,#49454f);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.tg-input__derive:where(.astro-arzc6wxv) input:where(.astro-arzc6wxv){accent-color:var(--md-sys-color-primary,#6750a4);cursor:pointer}.tg-input--derived:where(.astro-arzc6wxv) .tg-input__hex:where(.astro-arzc6wxv),.tg-input--derived:where(.astro-arzc6wxv) .tg-input__picker:where(.astro-arzc6wxv){opacity:.55;cursor:not-allowed}.tg-inputs__lede:where(.astro-arzc6wxv){max-inline-size:68ch;color:var(--md-sys-color-on-surface-variant,#49454f);grid-column:1/-1;margin:0 0 4px;font-size:.8125rem;line-height:1.55}.tg-input__label:where(.astro-arzc6wxv){text-transform:uppercase;letter-spacing:.06em;color:var(--tg-text-muted);margin-block-end:.5rem;font-size:.75rem;font-weight:600;display:block}.tg-input__row:where(.astro-arzc6wxv){align-items:stretch;gap:.5rem;display:flex}.tg-input__picker:where(.astro-arzc6wxv){border:1px solid var(--tg-border);background:var(--tg-surface);cursor:pointer;border-radius:10px;flex-shrink:0;block-size:44px;inline-size:44px;padding:0}.tg-input__picker:where(.astro-arzc6wxv)::-webkit-color-swatch-wrapper{padding:4px}.tg-input__picker:where(.astro-arzc6wxv)::-webkit-color-swatch{border:none;border-radius:6px}.tg-input__hex:where(.astro-arzc6wxv){border:1px solid var(--tg-border);background:var(--tg-surface);min-inline-size:0;color:var(--tg-text);border-radius:10px;flex:1;padding:0 .875rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9375rem;transition:border-color .15s}.tg-input__hex:where(.astro-arzc6wxv):focus{border-color:var(--tg-accent)}.tg-input__hex--invalid:where(.astro-arzc6wxv){border-color:var(--tg-error)}.tg-input__error:where(.astro-arzc6wxv){color:var(--tg-error);min-block-size:1.125rem;margin:.375rem 0 0;font-size:.75rem}.tg-inputs__perf:where(.astro-arzc6wxv){color:var(--tg-text-muted);text-align:end;grid-column:1/-1;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.tg-toolbar:where(.astro-arzc6wxv){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.25rem;display:flex}.tg-density-field:where(.astro-arzc6wxv){align-items:center;display:inline-flex}.tg-toggle-group:where(.astro-arzc6wxv){background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:100px;flex-wrap:wrap;align-items:center;gap:4px;max-inline-size:100%;padding:4px;display:inline-flex}.tg-toggle-group--contrast:where(.astro-arzc6wxv){border-radius:22px}.tg-toggle-group__label:where(.astro-arzc6wxv){letter-spacing:.04em;text-transform:uppercase;color:var(--tg-text-muted);white-space:nowrap;padding-inline:.75rem .25rem;font-size:.75rem;font-weight:700}.tg-toggle-group__info:where(.astro-arzc6wxv){block-size:28px;inline-size:28px;color:var(--tg-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-inline-end:.25rem;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.tg-toggle-group__info:where(.astro-arzc6wxv):hover,.tg-toggle-group__info:where(.astro-arzc6wxv):focus-visible{color:var(--tg-accent);background-color:#6750a414;outline:none}.tg-toggle-group__info:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-size:18px}md-tooltip:where(.astro-arzc6wxv).tg-contrast-help::part(popup){inline-size:max-content;max-inline-size:min(440px,100vw - 32px)}.tg-toggle:where(.astro-arzc6wxv){color:var(--tg-text-muted);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tg-toggle:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-size:18px}.tg-toggle:where(.astro-arzc6wxv):hover{color:var(--tg-text)}.tg-toggle--active:where(.astro-arzc6wxv){background:var(--tg-accent);color:#fff}.tg-toggle--active:where(.astro-arzc6wxv):hover{background:var(--tg-accent-hover);color:#fff}.tg-tour:where(.astro-arzc6wxv){border:1px solid var(--tg-border);background:var(--tg-surface);color:var(--tg-accent);cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.tg-tour:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-size:18px}.tg-tour:where(.astro-arzc6wxv):hover:not(:disabled){background:#6750a414}.tg-tour:where(.astro-arzc6wxv):disabled{opacity:.5;cursor:not-allowed}.tg-download:where(.astro-arzc6wxv){background:var(--tg-accent);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.tg-download:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-size:18px}.tg-download:where(.astro-arzc6wxv):hover:not(:disabled){background:var(--tg-accent-hover)}.tg-download:where(.astro-arzc6wxv):disabled{opacity:.5;cursor:not-allowed}.tg-preview:where(.astro-arzc6wxv),.tg-contrast:where(.astro-arzc6wxv),.tg-palette:where(.astro-arzc6wxv){background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);margin-block-end:1.5rem;padding:1.75rem}.tg-preview__panel:where(.astro-arzc6wxv){background:var(--md-sys-color-background,#fff);color:var(--md-sys-color-on-background,#1d1b20);border:1px solid var(--md-sys-color-outline-variant,#0000000f);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:background-color .2s,color .2s,border-color .2s;display:flex}.tg-preview__group:where(.astro-arzc6wxv){flex-direction:column;gap:.625rem;display:flex}.tg-preview__group-label:where(.astro-arzc6wxv){text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-primary,#6750a4);font-size:.6875rem;font-weight:700}.tg-preview__row:where(.astro-arzc6wxv){flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.tg-preview__row--column:where(.astro-arzc6wxv){flex-direction:column;align-items:stretch}.tg-preview__row--top:where(.astro-arzc6wxv){align-items:flex-start}.tg-preview__row--cards:where(.astro-arzc6wxv){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.tg-preview__row--text-fields:where(.astro-arzc6wxv){grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:1rem;display:grid}.tg-preview__card:where(.astro-arzc6wxv){color:var(--md-sys-color-on-surface,#1d1b20);padding:1rem;font-size:.875rem}.tg-preview__card-title:where(.astro-arzc6wxv){color:var(--md-sys-color-primary,#6750a4);margin:0 0 .5rem;font-size:1rem;font-weight:600}.tg-preview__card-body:where(.astro-arzc6wxv){color:var(--md-sys-color-on-surface-variant,#49454f);margin:0;font-size:.875rem}.tg-preview__navbar:where(.astro-arzc6wxv){border-radius:16px;margin-block-start:.5rem;display:block;overflow:hidden}.tg-preview__badge-anchor:where(.astro-arzc6wxv){display:inline-flex;position:relative}.tg-preview__list-wrap:where(.astro-arzc6wxv){background:var(--md-sys-color-surface-container-low,transparent);border-radius:16px;justify-content:center;align-items:center;min-block-size:320px;padding-block:16px;padding-inline:16px;display:flex}.tg-preview__list:where(.astro-arzc6wxv){border-radius:12px;inline-size:100%;display:block}.tg-preview__rail-row:where(.astro-arzc6wxv){grid-template-columns:auto 1fr;align-items:stretch;gap:1rem;display:grid}.tg-preview__rail-wrap:where(.astro-arzc6wxv){background:var(--md-sys-color-surface,transparent);border-radius:16px;min-block-size:320px;display:flex;overflow:hidden}@media (width<=40rem){.tg-preview__rail-row:where(.astro-arzc6wxv){grid-template-columns:1fr}.tg-preview__rail-wrap:where(.astro-arzc6wxv),.tg-preview__list-wrap:where(.astro-arzc6wxv){min-block-size:auto}}.tg-contrast:where(.astro-arzc6wxv) .tg-section__sub:where(.astro-arzc6wxv){max-inline-size:none}.tg-contrast__legend:where(.astro-arzc6wxv){color:var(--tg-text-muted);flex-direction:column;gap:.5rem;max-inline-size:none;margin:0 0 1.25rem;padding-inline-start:1.1rem;font-size:.8125rem;line-height:1.6;display:flex}.tg-contrast__legend:where(.astro-arzc6wxv) li:where(.astro-arzc6wxv)::marker{color:var(--tg-accent);font-weight:700}.tg-contrast__legend:where(.astro-arzc6wxv) strong:where(.astro-arzc6wxv){color:var(--tg-text)}.tg-contrast__legend:where(.astro-arzc6wxv) em:where(.astro-arzc6wxv){color:var(--tg-error);font-style:normal;font-weight:600}.tg-contrast__legend:where(.astro-arzc6wxv) code:where(.astro-arzc6wxv){background:#6750a414;font-size:.85em}.tg-contrast__list:where(.astro-arzc6wxv){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tg-contrast__item:where(.astro-arzc6wxv){border:1px solid var(--tg-border);background:var(--tg-surface);border-radius:10px;align-items:center;gap:.875rem;padding:.625rem;transition:border-color .15s,background-color .15s;display:flex}.tg-contrast__item--fail:where(.astro-arzc6wxv){background:#b3261e0a;border-color:#b3261e80}.tg-contrast__chip:where(.astro-arzc6wxv){border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;block-size:44px;inline-size:44px;font-size:1rem;font-weight:700;transition:background-color .15s,color .15s;display:flex}.tg-contrast__chip-label:where(.astro-arzc6wxv){font-family:Roboto,system-ui,sans-serif;font-weight:700}.tg-contrast__meta:where(.astro-arzc6wxv){flex-direction:column;flex:1;gap:.125rem;min-inline-size:0;display:flex}.tg-contrast__pair:where(.astro-arzc6wxv){color:var(--tg-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.tg-contrast__ratio:where(.astro-arzc6wxv){color:var(--tg-text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.tg-contrast__tooltip:where(.astro-arzc6wxv){align-self:center}md-tooltip:where(.astro-arzc6wxv).tg-contrast__tooltip[hidden]{display:none!important}.tg-contrast__info:where(.astro-arzc6wxv){appearance:none;color:var(--tg-error);cursor:help;background:#b3261e1a;border:1px solid #b3261e40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;block-size:28px;inline-size:28px;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.tg-contrast__info:where(.astro-arzc6wxv):hover,.tg-contrast__info:where(.astro-arzc6wxv):focus-visible{background:#b3261e2e;border-color:#b3261e73;transform:scale(1.04)}.tg-contrast__info:where(.astro-arzc6wxv) .material-symbols-outlined:where(.astro-arzc6wxv){font-variation-settings:"FILL" 1;font-size:18px}md-tooltip:where(.astro-arzc6wxv).tg-contrast__tooltip{--md-tooltip-rich-container-color:var(--md-sys-color-surface-container-highest,#e6e0e9);--md-tooltip-rich-supporting-text-color:var(--md-sys-color-on-surface,#1d1b20);--md-tooltip-rich-subhead-color:var(--md-sys-color-on-surface,#1d1b20)}md-tooltip:where(.astro-arzc6wxv).tg-contrast__tooltip::part(popup){inline-size:max-content;max-inline-size:min(440px,100vw - 32px)}.tg-contrast__tooltip:where(.astro-arzc6wxv) :where(.astro-arzc6wxv)[slot=subhead]{color:var(--tg-error);font-weight:700}.tg-contrast__tooltip:where(.astro-arzc6wxv) :where(.astro-arzc6wxv)[slot=content] code:where(.astro-arzc6wxv){color:inherit;background:#00000014;border-radius:3px;padding:.05em .3em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em}.tg-contrast__tooltip:where(.astro-arzc6wxv) :where(.astro-arzc6wxv)[slot=content] ul:where(.astro-arzc6wxv){margin:.5rem 0 0;padding-inline-start:1.1rem}.tg-contrast__tooltip:where(.astro-arzc6wxv) :where(.astro-arzc6wxv)[slot=content] li:where(.astro-arzc6wxv){margin-block:.2rem}.tg-contrast__status:where(.astro-arzc6wxv){text-transform:uppercase;letter-spacing:.04em;color:var(--tg-success);background:#1e8e3e1f;border-radius:100px;flex-shrink:0;padding:.25rem .5rem;font-size:.6875rem;font-weight:700}.tg-contrast__item--fail:where(.astro-arzc6wxv) .tg-contrast__status:where(.astro-arzc6wxv){color:var(--tg-error);background:#b3261e1f}.tg-palette__grid:where(.astro-arzc6wxv){flex-direction:column;gap:1.25rem;display:flex}.tg-palette__row:where(.astro-arzc6wxv){grid-template-columns:140px 1fr;align-items:center;gap:1.25rem;display:grid}.tg-palette__label:where(.astro-arzc6wxv){font-size:.9375rem;font-weight:600}.tg-palette__swatches:where(.astro-arzc6wxv){grid-template-columns:repeat(13,1fr);gap:.375rem;display:grid}.tg-palette__swatch:where(.astro-arzc6wxv){flex-direction:column;gap:.25rem;display:flex}.tg-palette__swatch-color:where(.astro-arzc6wxv){border:1px solid var(--tg-border);background:#f5f5f5;border-radius:8px;block-size:56px;transition:background-color .15s}.tg-palette__swatch-meta:where(.astro-arzc6wxv){flex-direction:column;align-items:center;gap:.125rem;display:flex}.tg-palette__swatch-tone:where(.astro-arzc6wxv){color:var(--tg-text-muted);font-size:.6875rem;font-weight:600}.tg-palette__swatch-hex:where(.astro-arzc6wxv){color:var(--tg-text-muted);letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.625rem}.tg-footer:where(.astro-arzc6wxv){text-align:center;color:var(--tg-text-muted);border-radius:var(--tg-radius);background:#6750a40a;margin-block-start:2.5rem;padding:1.25rem;font-size:.875rem}.tg-footer:where(.astro-arzc6wxv) p:where(.astro-arzc6wxv){margin:0}@media (width<=64rem){.tg-inputs:where(.astro-arzc6wxv){grid-template-columns:1fr;gap:1.25rem}.tg-palette__row:where(.astro-arzc6wxv){grid-template-columns:1fr;gap:.75rem}.tg-palette__swatches:where(.astro-arzc6wxv){grid-template-columns:repeat(13,minmax(28px,1fr))}.tg-palette__swatch-hex:where(.astro-arzc6wxv){display:none}}@media (width<=40rem){.tg-main:where(.astro-arzc6wxv){padding:2rem 1rem 3rem}.tg-inputs:where(.astro-arzc6wxv),.tg-preview:where(.astro-arzc6wxv),.tg-contrast:where(.astro-arzc6wxv),.tg-palette:where(.astro-arzc6wxv){padding:1.25rem}.tg-toolbar:where(.astro-arzc6wxv){flex-direction:column;align-items:stretch}.tg-toggle-group:where(.astro-arzc6wxv),.tg-tour:where(.astro-arzc6wxv),.tg-download:where(.astro-arzc6wxv){justify-content:center;inline-size:100%}.tg-palette__swatches:where(.astro-arzc6wxv){grid-template-columns:repeat(13,1fr);gap:.25rem}.tg-palette__swatch-color:where(.astro-arzc6wxv){border-radius:6px;block-size:36px}.tg-palette__swatch-tone:where(.astro-arzc6wxv){font-size:.5625rem}}