.color-workbench-page.svelte-17wwcgi{display:grid;gap:clamp(28px,5vw,72px);margin:24px 0 84px;color:var(--color-text-primary);background:var(--color-background-primary)}.color-workbench-page.svelte-17wwcgi button:where(.svelte-17wwcgi),.color-workbench-page.svelte-17wwcgi input:where(.svelte-17wwcgi),.color-workbench-page.svelte-17wwcgi select:where(.svelte-17wwcgi){font:inherit}.color-workbench-page.svelte-17wwcgi button:where(.svelte-17wwcgi){min-height:44px;padding:0 18px;border:1px solid var(--color-border-tertiary);border-radius:999px;color:var(--color-text-primary);background:transparent;font-size:var(--font-caption);font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease}.color-workbench-page.svelte-17wwcgi button:where(.svelte-17wwcgi):hover{transform:translateY(-1px);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.color-workbench-page.svelte-17wwcgi button:where(.svelte-17wwcgi):focus-visible,.color-workbench-page.svelte-17wwcgi input:where(.svelte-17wwcgi):focus-visible,.color-workbench-page.svelte-17wwcgi select:where(.svelte-17wwcgi):focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.color-hero.svelte-17wwcgi{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.6fr);gap:clamp(24px,5vw,72px);align-items:end;min-height:360px}.color-hero__copy.svelte-17wwcgi,.preview-stack.svelte-17wwcgi,.preview-stack__meta.svelte-17wwcgi,.workbench-guide.svelte-17wwcgi,.workbench-guide__heading.svelte-17wwcgi,.io-panel.svelte-17wwcgi,.io-panel__heading.svelte-17wwcgi,.io-feature__body.svelte-17wwcgi,.io-feature__copy.svelte-17wwcgi,.io-output-stack.svelte-17wwcgi,.palette-chip.svelte-17wwcgi div:where(.svelte-17wwcgi){display:grid}.color-hero__copy.svelte-17wwcgi{gap:18px;max-width:760px}.color-hero__host.svelte-17wwcgi,.io-panel__heading.svelte-17wwcgi p:where(.svelte-17wwcgi){margin:0;color:var(--color-accent-primary);font-size:var(--font-caption);font-weight:900;line-height:1;text-transform:uppercase}.color-hero.svelte-17wwcgi h1:where(.svelte-17wwcgi),.io-panel__heading.svelte-17wwcgi h2:where(.svelte-17wwcgi),.io-feature.svelte-17wwcgi h3:where(.svelte-17wwcgi){margin:0;color:var(--color-text-primary);font-weight:900;letter-spacing:0}.color-hero.svelte-17wwcgi h1:where(.svelte-17wwcgi){font-size:clamp(56px,9vw,106px);line-height:.9}.color-hero.svelte-17wwcgi p:where(.svelte-17wwcgi):not(.color-hero__host),.io-panel__heading.svelte-17wwcgi span:where(.svelte-17wwcgi),.io-feature.svelte-17wwcgi p:where(.svelte-17wwcgi),.empty-palette.svelte-17wwcgi{margin:0;color:var(--color-text-septenary);line-height:1.5}.color-hero.svelte-17wwcgi p:where(.svelte-17wwcgi):not(.color-hero__host){max-width:680px;font-size:var(--font-header2)}.local-contract.svelte-17wwcgi{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.local-contract.svelte-17wwcgi li:where(.svelte-17wwcgi){width:fit-content;padding:9px 12px;border:1px solid var(--color-border-tertiary);border-radius:999px;color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:800;line-height:1}.preview-stack.svelte-17wwcgi{gap:16px}.preview-stack__swatch.svelte-17wwcgi{min-height:260px;border:1px solid var(--color-border-tertiary);border-radius:28px;box-shadow:0 30px 90px #00000047}.preview-stack__meta.svelte-17wwcgi{gap:6px}.preview-stack__meta.svelte-17wwcgi span:where(.svelte-17wwcgi),.palette-chip.svelte-17wwcgi small:where(.svelte-17wwcgi){color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:800}.preview-stack__meta.svelte-17wwcgi strong:where(.svelte-17wwcgi){font-size:var(--font-title2);line-height:1}.workbench-guide.svelte-17wwcgi{gap:clamp(20px,4vw,40px);padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--color-surface-primary)}.workbench-guide__heading.svelte-17wwcgi{gap:10px;max-width:760px}.workbench-guide__heading.svelte-17wwcgi p:where(.svelte-17wwcgi),.workbench-examples.svelte-17wwcgi article:where(.svelte-17wwcgi)>p:where(.svelte-17wwcgi){margin:0;color:var(--color-accent-primary);font-size:var(--font-caption);font-weight:900;line-height:1;text-transform:uppercase}.workbench-guide__heading.svelte-17wwcgi h2:where(.svelte-17wwcgi),.workbench-examples.svelte-17wwcgi h3:where(.svelte-17wwcgi){margin:0;color:var(--color-text-primary);font-weight:900}.workbench-guide__heading.svelte-17wwcgi h2:where(.svelte-17wwcgi){font-size:clamp(32px,5vw,58px);line-height:1}.workbench-guide__heading.svelte-17wwcgi span:where(.svelte-17wwcgi),.workbench-examples.svelte-17wwcgi article:where(.svelte-17wwcgi)>span:where(.svelte-17wwcgi){color:var(--color-text-septenary);line-height:1.5}.workbench-examples.svelte-17wwcgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workbench-examples.svelte-17wwcgi article:where(.svelte-17wwcgi){display:grid;align-content:start;gap:10px;min-width:0;padding:18px;border-radius:18px;background:var(--color-surface-secondary)}.workbench-examples.svelte-17wwcgi h3:where(.svelte-17wwcgi){font-size:var(--font-header2);line-height:1.15}.workbench-examples.svelte-17wwcgi code:where(.svelte-17wwcgi){margin-top:2px}.io-workbench.svelte-17wwcgi{display:grid;grid-template-columns:minmax(0,1fr) minmax(48px,72px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}.io-panel.svelte-17wwcgi{gap:18px;min-width:0}.io-panel__heading.svelte-17wwcgi{gap:12px;padding-bottom:22px;border-bottom:1px solid var(--color-border-tertiary)}.io-panel__heading.svelte-17wwcgi h2:where(.svelte-17wwcgi){font-size:clamp(32px,4vw,56px);line-height:.98}.io-panel__heading.svelte-17wwcgi span:where(.svelte-17wwcgi){max-width:620px}.io-feature.svelte-17wwcgi{display:grid;grid-template-columns:1fr;align-items:start;min-width:0;padding:clamp(16px,2vw,22px);border:1px solid var(--color-border-tertiary);border-radius:22px;background:var(--color-surface-primary)}.io-feature--primary.svelte-17wwcgi{background:var(--color-surface-secondary)}.io-feature__body.svelte-17wwcgi{gap:14px;min-width:0}.io-feature__copy.svelte-17wwcgi{gap:6px}.io-feature.svelte-17wwcgi h3:where(.svelte-17wwcgi){font-size:var(--font-header2);line-height:1.15}.io-menu.svelte-17wwcgi,.io-feature.svelte-17wwcgi label:where(.svelte-17wwcgi),.io-controls.svelte-17wwcgi{display:grid;gap:8px;min-width:0}.io-controls--split.svelte-17wwcgi{grid-template-columns:minmax(0,1fr) minmax(110px,.36fr)}.io-menu.svelte-17wwcgi span:where(.svelte-17wwcgi),.io-feature.svelte-17wwcgi label:where(.svelte-17wwcgi) span:where(.svelte-17wwcgi){color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:900;text-transform:uppercase}.io-menu.svelte-17wwcgi select:where(.svelte-17wwcgi),.io-feature.svelte-17wwcgi input:where(.svelte-17wwcgi),.io-feature.svelte-17wwcgi select:where(.svelte-17wwcgi){width:100%;min-height:48px;padding:0 14px;border:1px solid var(--color-border-tertiary);border-radius:14px;color:var(--color-text-primary);background:var(--color-surface-secondary)}.io-menu.svelte-17wwcgi select:where(.svelte-17wwcgi){border-color:var(--color-border-secondary);background:var(--color-surface-primary);font-weight:900}.io-feature.svelte-17wwcgi input[type=color]:where(.svelte-17wwcgi){min-height:54px;padding:4px}.field-grid.svelte-17wwcgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.field-grid--four.svelte-17wwcgi{grid-template-columns:repeat(4,minmax(0,1fr))}.form-message.svelte-17wwcgi{padding:12px 14px;border:1px solid var(--color-border-tertiary);border-radius:14px;color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:800}.preview-pair.svelte-17wwcgi span:where(.svelte-17wwcgi),.gradient-preview.svelte-17wwcgi{display:grid;place-items:center;border:1px solid var(--color-border-tertiary);border-radius:18px;color:var(--color-text-primary);font-weight:900}.io-rail.svelte-17wwcgi{position:sticky;top:20px;display:grid;grid-template-rows:1fr auto 1fr;gap:12px;justify-items:center;min-height:520px}.io-rail.svelte-17wwcgi span:where(.svelte-17wwcgi){width:1px;height:100%;background:var(--color-border-tertiary)}.io-rail.svelte-17wwcgi strong:where(.svelte-17wwcgi){padding:12px 9px;border:1px solid var(--color-border-secondary);border-radius:999px;color:var(--color-accent-primary);font-size:var(--font-caption);font-weight:900;writing-mode:vertical-rl}code.svelte-17wwcgi{display:block;max-width:100%;padding:10px 12px;border:1px solid var(--color-border-tertiary);border-radius:12px;overflow-wrap:anywhere;color:var(--color-text-primary);background:var(--color-background-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-caption);line-height:1.45}.io-output-stack.svelte-17wwcgi{gap:8px}.preview-pair.svelte-17wwcgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-pair.svelte-17wwcgi span:where(.svelte-17wwcgi){min-height:96px}.contrast-ratio.svelte-17wwcgi{color:var(--color-text-primary);font-size:var(--font-title2);line-height:1}.wcag-grid.svelte-17wwcgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wcag-grid.svelte-17wwcgi span:where(.svelte-17wwcgi){padding:10px 12px;border:1px solid var(--color-border-tertiary);border-radius:999px;color:var(--color-text-tertiary);font-size:var(--font-caption);font-weight:900;text-align:center}.wcag-grid.svelte-17wwcgi span.pass:where(.svelte-17wwcgi){border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.gradient-preview.svelte-17wwcgi{min-height:136px}.palette-grid.svelte-17wwcgi{display:grid;gap:12px}.palette-chip.svelte-17wwcgi{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--color-border-tertiary);border-radius:18px}.palette-chip__swatch.svelte-17wwcgi{width:46px;height:46px;border-radius:14px}.palette-chip.svelte-17wwcgi div:where(.svelte-17wwcgi){gap:4px;min-width:0}.palette-chip.svelte-17wwcgi strong:where(.svelte-17wwcgi),.palette-chip.svelte-17wwcgi small:where(.svelte-17wwcgi){overflow-wrap:anywhere}.palette-chip.svelte-17wwcgi button:where(.svelte-17wwcgi){grid-column:1 / -1}.empty-palette.svelte-17wwcgi{padding:18px 0;border-top:1px solid var(--color-border-tertiary)}@media(prefers-reduced-motion:reduce){.color-workbench-page.svelte-17wwcgi button:where(.svelte-17wwcgi){transition:none}}@media(max-width:1120px){.io-workbench.svelte-17wwcgi{grid-template-columns:1fr}.io-rail.svelte-17wwcgi{position:static;grid-template-rows:auto;grid-template-columns:1fr auto 1fr;align-items:center;min-height:auto}.io-rail.svelte-17wwcgi span:where(.svelte-17wwcgi){width:100%;height:1px}.io-rail.svelte-17wwcgi strong:where(.svelte-17wwcgi){writing-mode:horizontal-tb}}@media(max-width:980px){.color-hero.svelte-17wwcgi{grid-template-columns:1fr}}@media(max-width:640px){.color-workbench-page.svelte-17wwcgi{gap:36px;margin-top:12px}.color-hero.svelte-17wwcgi h1:where(.svelte-17wwcgi){font-size:54px}.color-hero.svelte-17wwcgi p:where(.svelte-17wwcgi):not(.color-hero__host){font-size:var(--font-body)}.preview-stack__swatch.svelte-17wwcgi{min-height:180px}.io-feature.svelte-17wwcgi,.workbench-examples.svelte-17wwcgi,.field-grid.svelte-17wwcgi,.field-grid--four.svelte-17wwcgi,.io-controls--split.svelte-17wwcgi,.preview-pair.svelte-17wwcgi,.wcag-grid.svelte-17wwcgi{grid-template-columns:1fr}}