:root{--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:clamp(2.375rem, 1.4rem + 3.6vw, 3.75rem);--leading-tight:1.08;--leading-snug:1.28;--leading-normal:1.62;--leading-relaxed:1.75;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.022em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.13em;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--border-width:1px;--border-width-thick:2px;--border-width-heavy:3px;--container-width:74rem;--container-pad:clamp(1rem, 4vw, 3rem);--panel-width:23.5rem;--panel-width-collapsed:3rem;--header-height:4rem;--section-pad-block:clamp(3.5rem, 7vw, 6.5rem);--content-measure:68ch;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.42s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-theme:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), fill var(--duration-base) var(--ease-out), stroke var(--duration-base) var(--ease-out);--shadow-sm:0 1px 2px -1px var(--shadow);--shadow-md:0 2px 4px -2px var(--shadow), 0 6px 14px -6px var(--shadow);--shadow-lg:0 20px 44px -14px var(--shadow);--z-base:0;--z-sticky:10;--z-header:20;--z-panel:30}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-strong);text-wrap:balance}p{text-wrap:pretty}ul,ol{padding:0}:focus-visible{outline:var(--border-width-thick) solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent);color:var(--text-on-accent)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background-color:#0000}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:root{--surface:#101317;--surface-raised:#171b21;--surface-sunken:#0a0d11;--surface-hover:#1e232b;--text-strong:#f2f5f8;--text-body:#c3cbd6;--text-muted:#8f99a8;--text-on-accent:#f4f7ff;--accent:#2f63e0;--accent-hover:#3d73f0;--accent-soft:color-mix(in srgb, var(--accent) 16%, var(--surface-raised));--link:#7fb0ff;--link-hover:#a8caff;--link-visited:#b39ae8;--border:#232932;--border-strong:#39424e;--focus-ring:#7fb0ff;--shadow:#0000008c;--overlay:#05070ab8}.app{grid-template-columns:var(--panel-width) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns var(--duration-base) var(--ease-out);align-items:start;display:grid}.app:has(.panel.isCollapsed){grid-template-columns:var(--panel-width-collapsed) minmax(0, 1fr)}.panel{z-index:var(--z-panel);border-right:var(--border-width) solid var(--border-strong);background-color:var(--surface);height:100dvh;color:var(--text-body);flex-direction:column;display:flex;position:sticky;top:0}.panel__titlebar{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-bottom:var(--border-width) solid var(--border);flex-shrink:0;display:flex}.panel__collapse{align-items:center;gap:var(--space-3xs);height:32px;padding:0 var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);background-color:var(--surface-raised);color:var(--text-body);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;display:inline-flex}.panel__collapse:hover{background-color:var(--surface-hover);border-color:var(--text-muted);color:var(--text-strong)}.panel__collapseLabel{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.panel.isCollapsed .panel__titlebar{padding:var(--space-2xs);justify-content:center}.panel.isCollapsed .panel__brand{display:none}.panel.isCollapsed .panel__collapse{justify-content:center;width:32px;padding:0}.panel.isCollapsed .panel__collapseLabel{display:none}.panel__rail{align-items:center;gap:var(--space-sm);min-height:0;padding:var(--space-sm) var(--space-3xs);flex-direction:column;flex:1;display:flex}.panel__railSwatches{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);flex-direction:column;width:14px;display:flex;overflow:hidden}.panel__railSwatches>span{height:22px}.panel__railLabel{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;max-height:12rem;overflow:hidden}.panel__inner{flex-direction:column;flex:1;min-height:0;display:flex}.panel__toolbar{align-items:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-sm);flex-shrink:0;display:flex}.panel__toolbar .btn{flex:1}.panel__brand{align-items:center;gap:var(--space-2xs);min-width:0;display:flex}.panel__brandText{min-width:0}.panel__brandName{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-strong);line-height:1.1}.panel__brandTag{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.3}.panel__summary{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm) var(--space-xs);border-bottom:var(--border-width) solid var(--border);font-size:var(--text-xs);flex-shrink:0;display:flex}.panel__summaryRule{color:var(--text-strong);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.panel__summaryMeta{color:var(--text-muted);font-family:var(--font-mono)}.panel__scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.panelSection{padding:var(--space-sm);border-bottom:var(--border-width) solid var(--border)}.panelSection:last-child{border-bottom:none}.panelSection__title{margin:0 0 var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.panelSection__hint{margin:0 0 var(--space-xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted);opacity:.85}.fieldLabel{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);border:var(--border-width) solid transparent;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);line-height:1.2;display:inline-flex}.btn--sm{padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs)}.btn--block{width:100%}.btn--solid{background-color:var(--accent);color:var(--text-on-accent)}.btn--solid:hover:not(:disabled){background-color:var(--accent-hover)}.btn--quiet{border-color:var(--border-strong);color:var(--text-body);background-color:#0000}.btn--quiet:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-strong)}.btn--outline{border-color:var(--border-strong);color:var(--text-strong);background-color:#0000}.btn--outline:hover{background-color:var(--surface-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.iconBtn{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);width:34px;height:34px;color:var(--text-body);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iconBtn:hover{background-color:var(--surface-hover);color:var(--text-strong)}.baseField__row{align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);display:flex}.colorWell{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);width:38px;height:38px;box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;overflow:hidden}.colorWell input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.hexInput{min-width:0;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);background-color:var(--surface-sunken);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:lowercase;flex:1}.hexInput:hover{border-color:var(--text-muted)}.presetRow{align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);display:flex}.presetRow__label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.presetRow__chips{gap:var(--space-3xs);flex:1;min-width:0;display:flex}.presetChip{border-radius:var(--radius-xs);border:var(--border-width) solid #ffffff24;min-width:0;height:16px;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:1}.presetChip:hover{border-color:var(--text-muted);transform:translateY(-1px)}.presetChip.isActive{border-color:var(--text-strong);box-shadow:0 0 0 1px var(--text-strong)}.harmonyPicker{margin-top:var(--space-2xs)}.ruleGrid{gap:var(--space-3xs);margin-top:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.ruleChip{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);color:var(--text-body);font-size:var(--text-xs);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.ruleChip:hover{background-color:var(--surface-hover);color:var(--text-strong)}.ruleChip.isActive{border-color:var(--accent);background-color:var(--accent-soft);color:var(--text-strong)}.ruleChip__label{line-height:1.15}.harmonyWheel{flex-shrink:0}.harmonyPicker__note{margin-top:var(--space-2xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.harmonyPicker__angles{margin-top:var(--space-3xs);font-size:var(--text-xs);color:var(--text-muted)}.harmonyPicker__angles code,.tokenRef code,.auditRow code{font-family:var(--font-mono);font-size:.95em}.countField{margin-top:var(--space-2xs)}.countField__head{justify-content:space-between;align-items:center;display:flex}.countField__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong)}.range{width:100%;height:22px;margin-top:var(--space-3xs);accent-color:var(--accent);cursor:pointer}.countField__ticks{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;display:flex}.paletteGrid{gap:var(--space-2xs);margin-top:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));padding:0;list-style:none;display:grid}.paletteGrid>li{animation:tileIn var(--duration-slow) var(--ease-out) backwards}@keyframes tileIn{0%{opacity:0;transform:translateY(6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.paletteGrid>li{animation:none}}.swatchTile{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);text-align:left;width:100%;height:100%;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.swatchTile:hover{border-color:var(--text-muted);transform:translateY(-2px)}.swatchTile__color{height:58px;padding:var(--space-3xs) var(--space-2xs);flex-direction:column;justify-content:space-between;display:flex}.swatchTile__index{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.swatchTile__name{font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.swatchTile__sample{flex-direction:column;gap:1px;padding:3px;display:flex}.swatchTile__surface{border-radius:var(--radius-xs);border:var(--border-width) solid;align-items:center;gap:4px;padding:4px;display:flex}.swatchTile__dot{border-radius:var(--radius-pill);flex-shrink:0;width:9px;height:9px}.swatchTile__bar{border-radius:var(--radius-pill);flex:1;height:3px}.swatchTile__foot{justify-content:space-between;align-items:center;gap:var(--space-3xs);padding:3px var(--space-2xs) var(--space-3xs);display:flex}.swatchTile__hex{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.swatchTile__copy{color:var(--text-muted);display:inline-flex}.swatchTile__copy.isCopied{color:var(--accent)}.switch{align-items:flex-start;gap:var(--space-2xs);margin-bottom:var(--space-xs);cursor:pointer;display:flex}.switch__input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{border-radius:var(--radius-pill);background-color:var(--surface-sunken);border:var(--border-width) solid var(--border-strong);width:34px;height:19px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;margin-top:1px;position:relative}.switch__thumb{border-radius:var(--radius-pill);background-color:var(--text-muted);width:13px;height:13px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);position:absolute;top:2px;left:2px}.switch__input:checked+.switch__track{background-color:var(--accent);border-color:var(--accent)}.switch__input:checked+.switch__track .switch__thumb{background-color:var(--text-on-accent);transform:translate(15px)}.switch__input:focus-visible+.switch__track{outline:var(--border-width-thick) solid var(--focus-ring);outline-offset:2px}.switch__text{font-size:var(--text-sm);color:var(--text-strong);flex-direction:column;line-height:1.3;display:flex}.switch__hint{font-size:var(--text-xs);color:var(--text-muted)}.audit{margin-top:var(--space-2xs)}.audit__status{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.auditBadge{padding:2px var(--space-2xs);border-radius:var(--radius-pill);border:var(--border-width) solid;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.auditBadge.isPass{color:#6ff0a8;background-color:#3ddc842e;border-color:#3ddc84}.auditBadge.isFail{color:#ff9d9d;background-color:#ff6b6b2e;border-color:#ff6b6b}.audit__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.audit__scope{margin:0 0 var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.segmented{gap:var(--space-3xs);margin-bottom:var(--space-2xs);display:flex}.segmented__group{border-radius:var(--radius-sm);background-color:var(--surface-sunken);border:var(--border-width) solid var(--border);gap:2px;padding:2px;display:flex}.segmented__group:last-child{flex:1}.segmented__item{padding:3px var(--space-2xs);border-radius:var(--radius-xs);font-size:var(--text-xs);text-transform:capitalize;color:var(--text-muted);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:1}.segmented__item:hover{color:var(--text-strong)}.segmented__item.isActive{background-color:var(--surface-hover);color:var(--text-strong)}.segmented__item.isSwatch{border-radius:var(--radius-xs);border:var(--border-width) solid transparent;flex:1 1 0;max-width:38px;height:22px;padding:0;position:relative}.segmented__item.isSwatch.isActive{border-color:var(--text-strong)}.segmented__dot{background-color:var(--text-strong);width:5px;height:5px;box-shadow:0 0 0 1px var(--surface-raised);border-radius:50%;position:absolute;bottom:2px;right:2px}.auditList{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.auditRow{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);background-color:var(--surface-raised);display:flex}.auditRow__body{flex-direction:column;min-width:0;display:flex}.auditRow__label{font-size:var(--text-xs);color:var(--text-body);line-height:1.25}.auditRow__tokens{font-size:var(--text-xs);color:var(--text-muted);opacity:.8}.auditRow__ratio{padding:1px var(--space-3xs);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);flex-shrink:0}.auditRow__ratio.isPass{color:#6ff0a8;background-color:#3ddc8429}.auditRow__ratio.isFail{color:#ff9d9d;background-color:#ff6b6b29}.audit__footnote{margin-top:var(--space-2xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.audit__footnote code{margin:0 2px;display:inline-block}.auditRow__on{color:var(--text-muted);opacity:.75}.auditRow__bgSwatch{border:var(--border-width) solid var(--border-strong);border-radius:2px;flex-shrink:0;width:9px;height:9px}.auditRow__tokens{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.audit__overrides{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid color-mix(in srgb, var(--accent) 55%, transparent);background-color:var(--accent-soft);font-size:var(--text-xs);color:var(--text-body);display:flex}.audit__reset{font-size:var(--text-xs);color:var(--link);text-underline-offset:.2em;flex-shrink:0;text-decoration:underline}.tokenPicker__chip{align-items:center;gap:var(--space-3xs);max-width:100%;padding:1px var(--space-3xs);border-radius:var(--radius-xs);border:var(--border-width) solid transparent;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.tokenPicker__chip:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.tokenPicker__swatch{border:var(--border-width) solid var(--border-strong);border-radius:2px;flex-shrink:0;width:11px;height:11px}.tokenPicker__chip.isOverridden .tokenPicker__swatch{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3px var(--accent)}.tokenPicker__chip.isOverridden .tokenPicker__name:after{content:"*";color:var(--accent)}.tokenPicker__name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tokenPicker__panel{z-index:60;gap:var(--space-3xs);width:10.5rem;padding:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);background-color:var(--surface-raised);box-shadow:var(--shadow-lg);color:var(--text-body);font-family:var(--font-sans);flex-direction:column;display:flex}.tokenPicker__panelHead{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.tokenPicker__current{color:var(--text-muted)}.tokenPicker__group{flex-direction:column;gap:3px;display:flex}.tokenPicker__groupLabel{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.tokenPicker__grid{gap:var(--space-3xs);grid-template-columns:repeat(auto-fill,minmax(26px,1fr));display:grid}.tokenPicker__option{border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-strong);height:26px;transition:transform var(--duration-fast) var(--ease-out)}.tokenPicker__option:hover{transform:scale(1.12)}.tokenPicker__option.isCurrent{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3px var(--text-strong)}.tokenPicker__revert{padding:2px var(--space-3xs);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--text-muted);text-align:left}.tokenPicker__revert:hover{background-color:var(--surface-hover);color:var(--text-strong)}.tokenGrid{margin-top:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);overflow:hidden}.tokenGrid__summary{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-strong);list-style:none;display:flex}.tokenGrid__summary::-webkit-details-marker{display:none}.tokenGrid__summary:before{content:"▸";margin-right:var(--space-3xs);color:var(--text-muted)}.tokenGrid[open] .tokenGrid__summary:before{content:"▾"}.tokenGrid__count{font-weight:var(--weight-regular);color:var(--text-muted);margin-left:auto}.tokenGrid__list{max-height:16rem;padding:0 var(--space-2xs) var(--space-2xs);border-top:var(--border-width) solid var(--border);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.tokenGrid__item{border-bottom:var(--border-width) solid var(--border)}.tokenGrid__item:last-child{border-bottom:none}.tokenGrid__item .tokenPicker,.tokenGrid__item .tokenPicker__chip{width:100%}.tokenGrid__item .tokenPicker__chip{padding:var(--space-3xs) var(--space-3xs)}.tokenGrid__item .tokenPicker__name{color:var(--text-body);font-size:var(--text-xs)}.saved__actions{gap:var(--space-3xs);display:flex}.saved__empty,.saved__limit{margin-top:var(--space-2xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.saved__limit{color:#ffc48a}.savedList{gap:var(--space-3xs);margin-top:var(--space-2xs);flex-direction:column;padding:0;list-style:none;display:flex}.savedCard{align-items:stretch;gap:var(--space-3xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);display:flex;overflow:hidden}.savedCard__load{align-items:center;gap:var(--space-2xs);min-width:0;padding:var(--space-3xs) var(--space-2xs);text-align:left;flex:1;display:flex}.savedCard__load:hover{background-color:var(--surface-hover)}.savedCard__strip{border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-strong);flex-shrink:0;width:34px;height:30px;display:flex;overflow:hidden}.savedCard__strip>span{flex:1}.savedCard__text{flex-direction:column;min-width:0;display:flex}.savedCard__name{font-size:var(--text-xs);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.savedCard__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.savedCard__remove{padding:0 var(--space-2xs);border-left:var(--border-width) solid var(--border);color:var(--text-muted);align-items:center;display:inline-flex}.savedCard__remove:hover{color:#ff9d9d;background-color:#ff6b6b29}.export__row{margin-top:var(--space-2xs)}.segmented--full .segmented__group{width:100%}.export__hint{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.export__slug{margin-top:var(--space-2xs)}.export__slugHead{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-3xs);display:flex}.export__slugLabel{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.export__slugReset{font-size:var(--text-xs);color:var(--link);text-underline-offset:.2em;text-decoration:underline}.export__toggles{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.check{align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);color:var(--text-body);cursor:pointer;display:inline-flex}.check__input{opacity:0;width:1px;height:1px;position:absolute}.check__mark{border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-strong);color:#0000;width:15px;height:15px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.check:hover .check__mark{border-color:var(--text-muted)}.check.isDisabled{opacity:.45;cursor:not-allowed}.check.isDisabled:hover .check__mark{border-color:var(--border-strong)}.check__input:checked+.check__mark{background-color:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.check__input:focus-visible+.check__mark{outline:var(--border-width-thick) solid var(--focus-ring);outline-offset:2px}.export__preview{max-height:15rem;margin:var(--space-2xs) 0 0;padding:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);white-space:pre;tab-size:2;line-height:1.55;overflow:auto}.export__meta{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);display:flex}.export__buttons{gap:var(--space-3xs);margin-top:var(--space-2xs);display:flex}.export__buttons .btn{flex:1}.wpExport{margin-top:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);overflow:hidden}.wpExport__summary{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-strong);list-style:none;display:flex}.wpExport__summary::-webkit-details-marker{display:none}.wpExport__summary:before{content:"▸";color:var(--text-muted)}.wpExport[open] .wpExport__summary:before{content:"▾"}.wpExport__badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.wpExport[open]>:not(.wpExport__summary){margin-left:var(--space-sm);margin-right:var(--space-sm)}.wpExport[open]>.wpExport__summary+*{margin-top:var(--space-2xs)}.wpExport[open]>:last-child{margin-bottom:var(--space-sm)}.tokenRef{margin-top:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);overflow:hidden}.tokenRef__summary{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-strong);list-style:none;display:flex}.tokenRef__summary::-webkit-details-marker{display:none}.tokenRef__summary:before{content:"▸";color:var(--text-muted)}.tokenRef[open] .tokenRef__summary:before{content:"▾"}.tokenRef__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.tokenRef__intro,.tokenRef__note{padding:0 var(--space-2xs) var(--space-2xs);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.tokenRef__list{max-height:15rem;margin:0 var(--space-2xs) var(--space-2xs);border-top:var(--border-width) solid var(--border);padding:0;overflow-y:auto}.tokenRef__row{gap:var(--space-2xs);padding:var(--space-3xs) 0;border-bottom:var(--border-width) solid var(--border);display:flex}.tokenRef__row:last-child{border-bottom:none}.tokenRef__row dt{min-width:7.5rem;color:var(--link);flex-shrink:0}.tokenRef__row dd{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-body);margin:0}.tokenRef__note{padding-top:0}.tokenRef__count.isPass{color:#6ff0a8}.tokenRef__count.isFail{color:#ff9d9d}.contract__input{width:calc(100% - var(--space-2xs) * 2);margin:0 var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);background-color:var(--surface-sunken);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;line-height:1.5;display:block}.contract__input::placeholder{color:var(--text-muted);opacity:.7}.contract__actions{align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);display:flex}.contract__actions .btn{flex:1}.contract__result{padding:0 var(--space-2xs) var(--space-2xs)}.contract__verdict{padding:var(--space-2xs);border-radius:var(--radius-sm);border:var(--border-width) solid;font-size:var(--text-xs);line-height:var(--leading-snug)}.contract__verdict.isPass{color:#6ff0a8;background-color:#3ddc8424;border-color:#3ddc84}.contract__verdict.isFail{color:#ffd6a8;background-color:#ffc48a24;border-color:#ffc48a}.contract__group+.contract__group{margin-top:var(--space-2xs)}.contract__groupTitle{margin-bottom:var(--space-3xs);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.contract__chips{gap:var(--space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.contract__chip{padding:1px var(--space-3xs);border-radius:var(--radius-xs);border:var(--border-width) solid;font-family:var(--font-mono);font-size:var(--text-xs)}.contract__chip.isMissing{color:#ff9d9d;border-color:#ff6b6b8c}.contract__chip.isEmpty{color:#ffd6a8;border-color:#ffc48a8c}.contract__footnote{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--text-muted)}@media (max-width:860px){:is(.app,.app:has(.panel.isCollapsed)){grid-template-columns:minmax(0,1fr)}.panel{border-right:none;border-bottom:var(--border-width) solid var(--border-strong);height:auto;max-height:none;position:static}.panel__rail{padding:0 var(--space-sm) var(--space-sm);flex-direction:row;flex:none;justify-content:center}.panel__railSwatches{flex-direction:row;width:auto;height:14px}.panel__railSwatches>span{width:22px;height:auto}.panel__railLabel{writing-mode:horizontal-tb;max-height:none}.panel__scroll{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start;display:grid;overflow:visible}.panelSection{border-right:var(--border-width) solid var(--border)}.ruleGrid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}@media (max-width:560px){.panel__scroll{grid-template-columns:minmax(0,1fr)}.paletteGrid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.scope{background-color:var(--surface);color:var(--text-body);transition:var(--transition-theme);position:relative}.scope :where(a){color:var(--link);-webkit-text-decoration-color:color-mix(in srgb, var(--link) 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--link) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--link) 45%, transparent);text-underline-offset:.2em;transition:var(--transition-theme)}.scope :where(a):hover{color:var(--link-hover);text-decoration-color:currentColor}.scope :where(a:visited){color:var(--link-visited)}.scope :where(code){font-family:var(--font-mono);border-radius:var(--radius-xs);background-color:var(--surface-sunken);color:var(--text-strong);padding:.1em .35em;font-size:.92em}.container{width:100%;max-width:var(--container-width);padding-inline:var(--container-pad);margin-inline:auto}.skipLink{top:var(--space-2xs);left:var(--space-2xs);z-index:var(--z-header);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-medium);text-decoration:none;position:absolute;transform:translateY(-200%)}.skipLink:focus-visible{transform:none}.eyebrow{align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);display:inline-flex}.eyebrow__dot{border-radius:var(--radius-pill);background-color:var(--accent-alt);width:6px;height:6px}.sectionTitle{margin-top:var(--space-2xs);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);max-width:24ch}.sectionLead{margin-top:var(--space-sm);max-width:var(--content-measure);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-body)}.sectionHead{margin-bottom:var(--space-xl)}.headerScope{z-index:var(--z-header);border-bottom:var(--border-width) solid var(--border);position:sticky;top:0}.siteHeader__inner{align-items:center;gap:var(--space-lg);min-height:var(--header-height);display:flex}.brand{align-items:center;gap:var(--space-2xs);color:var(--text-strong);font-weight:var(--weight-semibold);font-size:var(--text-md);letter-spacing:var(--tracking-tight);text-decoration:none;display:inline-flex}.siteNav{margin-left:auto}.siteNav__list{align-items:center;gap:var(--space-md);margin:0;padding:0;list-style:none;display:flex}.siteNav__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);text-decoration:none}.siteNav__link:hover{color:var(--text-strong)}.siteHeader__actions{align-items:center;gap:var(--space-2xs);display:flex}@media (max-width:780px){.siteNav{display:none}.siteHeader__actions{margin-left:auto}}.scope .btn--quiet,.scope .btn--solid,.scope .btn--outline{border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-decoration:none}.scope .btn--solid{color:var(--text-on-accent)}.scope .btn--outline{color:var(--accent);border-color:var(--accent)}.scope .btn--outline:hover{background-color:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.scope .btn--quiet{color:var(--text-body)}.scope .btn--quiet:hover:not(:disabled){background-color:var(--surface-hover)}.hero{padding-block:var(--section-pad-block);overflow:hidden}.hero__glow{pointer-events:none;background:radial-gradient(38% 44% at 22% 28%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%), radial-gradient(34% 40% at 78% 18%, color-mix(in srgb, var(--link) 28%, transparent), transparent 72%);filter:blur(8px);height:130%;position:absolute;inset:-30% -10% auto}.hero__inner{max-width:54rem;position:relative}.hero__title{margin-top:var(--space-xs);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-strong);max-width:18ch}.hero__lead{margin-top:var(--space-sm);max-width:46ch;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-body)}.hero__actions{gap:var(--space-2xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.hero__stats{gap:var(--space-md);margin:var(--space-xl) 0 0;padding-top:var(--space-md);border-top:var(--border-width) solid var(--border);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.stat__label{font-size:var(--text-sm);color:var(--text-muted);margin:0}.teasers{padding-block:var(--section-pad-block);border-top:var(--border-width) solid var(--border)}.teaserGrid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.teaserCard{border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);height:100%;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.teaserCard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.teaserCard__media{aspect-ratio:16/9;overflow:hidden}.teaserCard__media .art{width:100%;height:100%}.teaserCard__body{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md);flex-direction:column;flex:1;display:flex}.teaserCard__title{font-size:var(--text-xl);color:var(--text-strong)}.teaserCard__text{color:var(--text-body);flex:1}.linkArrow{align-items:center;gap:var(--space-3xs);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;display:inline-flex}.linkArrow__glyph{transition:transform var(--duration-fast) var(--ease-out)}.linkArrow:hover .linkArrow__glyph{transform:translate(3px)}.proseSection{padding-block:var(--section-pad-block);background-color:var(--surface-sunken);border-top:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border)}.proseSection__inner{gap:var(--space-xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}@media (max-width:900px){.proseSection__inner{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}@media (min-width:901px){.proseSection .sectionHead{top:calc(var(--header-height) + var(--space-lg));position:sticky}}.prose{max-width:var(--content-measure);gap:var(--space-sm);flex-direction:column;display:flex}.prose__subhead{margin-top:var(--space-xs);font-size:var(--text-xl);color:var(--text-strong)}.pullQuote{margin:var(--space-sm) 0;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-left:var(--border-width-heavy) solid var(--accent-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--surface-raised);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-strong)}.checkList{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checkList>li{align-items:flex-start;gap:var(--space-2xs);display:flex}.checkList__mark{border-radius:var(--radius-pill);background-color:var(--accent-alt);flex-shrink:0;width:18px;height:18px;margin-top:2px;position:relative}.checkList__mark:after{content:"";border:solid var(--accent-on-alt);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(43deg)}.link{font-weight:var(--weight-medium)}.variant{padding-block:var(--section-pad-block);border-top:var(--border-width) solid var(--border)}.variant__inner{gap:var(--space-xl);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;display:grid}@media (max-width:880px){.variant__inner{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.variant__body{margin-block:var(--space-sm);max-width:48ch;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-body)}.detailPanel{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);background-color:var(--surface-raised);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.detailPanel__stats{gap:var(--space-2xs);flex-direction:column;margin:0;display:flex}.detailPanel__stat{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);padding-bottom:var(--space-2xs);border-bottom:var(--border-width) solid var(--border);display:flex}.detailPanel__stat:last-child{border-bottom:none;padding-bottom:0}.detailPanel__statLabel{font-size:var(--text-sm);color:var(--text-muted)}.detailPanel__statValue{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-strong);margin:0}.badgeRow{gap:var(--space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.badge{padding:2px var(--space-2xs);border-radius:var(--radius-pill);border:var(--border-width) solid var(--accent-alt);background-color:var(--accent-alt-soft);color:var(--text-strong);font-size:var(--text-xs);font-weight:var(--weight-medium)}.well{padding:var(--space-sm);border-radius:var(--radius-md);background-color:var(--surface-sunken);border:var(--border-width) solid var(--border)}.well__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.well__text{margin-block:var(--space-3xs) var(--space-2xs);font-size:var(--text-sm);color:var(--text-body)}.paletteStrip{padding-block:var(--section-pad-block);background-color:var(--surface-sunken);border-top:var(--border-width) solid var(--border)}.swatchStrip{gap:var(--space-2xs);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin:0;padding:0;list-style:none;display:grid}.swatchStrip__item{min-height:7.5rem;padding:var(--space-2xs);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-strong);font-size:var(--text-xs);transition:var(--transition-theme);flex-direction:column;justify-content:space-between;display:flex}.swatchStrip__index{font-family:var(--font-mono);opacity:.75}.swatchStrip__name{font-weight:var(--weight-semibold);line-height:1.15}.swatchStrip__hex{font-family:var(--font-mono);font-size:var(--text-xs);color:inherit;opacity:.9;background-color:#0000;padding:0}.siteFooter{border-top:var(--border-width) solid var(--border)}.footer{padding-block:var(--space-2xl) var(--space-lg)}.footer__inner{gap:var(--space-xl);grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);display:grid}@media (max-width:760px){.footer__inner{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.footer__tagline{margin-top:var(--space-2xs);max-width:26ch;font-size:var(--text-sm);color:var(--text-muted)}.footer__columns{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.footer__column ul{gap:var(--space-3xs);margin:var(--space-2xs) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.footer__columnTitle{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.footer__link{font-size:var(--text-sm);color:var(--text-body);text-decoration:none}.footer__link:hover{color:var(--text-strong)}.footer__legal{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:var(--border-width) solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}