@layer fx.tokens{:root{--flexoki-paper:#fffcf0;--flexoki-50:#f2f0e5;--flexoki-100:#e6e4d9;--flexoki-150:#dad8ce;--flexoki-200:#cecdc3;--flexoki-300:#b7b5ac;--flexoki-500:#878580;--flexoki-600:#6f6e69;--flexoki-700:#575653;--flexoki-800:#403e3c;--flexoki-850:#343331;--flexoki-900:#282726;--flexoki-950:#1c1b1a;--flexoki-black:#100f0f;--blue-600:#205ea6;--blue-400:#4385be;--green-600:#66800b;--green-400:#879a39;--red-600:#af3029;--red-400:#d14d41;--orange-600:#bc5215;--orange-400:#da702c;--yellow-600:#ad8301;--yellow-400:#d0a215;--cyan-600:#24837b;--cyan-400:#3aa99f;--purple-600:#5e409d;--purple-400:#8b7ec8;--magenta-600:#a02f6f;--magenta-400:#ce5d97;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif;--font-serif:Lyon-Text, Georgia, ui-serif, serif;--font-mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:40px;--leading-body:1.5;--leading-heading:1.25;--weight-body:400;--weight-ui:500;--weight-heading:600;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--duration-fast:60ms;--duration-med:.16s;--ease:cubic-bezier(.2,0,0,1);--layer-base:0;--layer-sticky:100;--layer-rail:200;--layer-overlay:800;--layer-popover:900;--layer-toast:1000;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-stroke:1.5;--control-h-sm:28px;--control-h-md:34px;--control-h-lg:42px;--field-pad-x:var(--space-3);--focus-ring-width:2px;--focus-ring-offset:2px}:root,:root[data-mode=light]{--color-bg:#fffcf0;--color-bg-subtle:#f2f0e5;--color-text:#37352f;--color-text-muted:#37352fa6;--color-text-faint:#37352f73;--color-border:#37352f17;--color-border-strong:#37352f29;--color-hover:#37352f0e;--color-active:#37352f17;--color-callout-bg:#37352f0b;--accent-text:#fffcf0;--shadow-popover:#0f0f0f0d 0 0 0 1px, #0f0f0f14 0 3px 6px, #0f0f0f24 0 9px 24px;--color-danger:var(--red-600);--color-danger-wash:#af30291a;--color-danger-text:#fffcf0;--color-success:var(--green-600);--color-success-wash:#66800b1a;--color-warning:var(--yellow-600);--color-warning-wash:#ad83011a;--color-info:var(--blue-600);--color-info-wash:#205ea61a;--color-surface-raised:var(--flexoki-paper);--color-scrim:#0f0f0f47;--shadow-sm:#0f0f0f0a 0 1px 2px, #0f0f0f0f 0 2px 6px}:root[data-mode=dark]{--color-bg:var(--flexoki-950);--color-bg-subtle:var(--flexoki-900);--color-text:var(--flexoki-200);--color-text-muted:#cecdc399;--color-text-faint:#cecdc36b;--color-border:#cecdc31a;--color-border-strong:#cecdc32e;--color-hover:#cecdc30f;--color-active:#cecdc31a;--color-callout-bg:#cecdc30d;--accent-text:var(--flexoki-950);--shadow-popover:#0000004d 0 0 0 1px, #0006 0 3px 6px, #0000008c 0 9px 24px;--color-danger:var(--red-400);--color-danger-wash:#d14d4124;--color-danger-text:var(--flexoki-950);--color-success:var(--green-400);--color-success-wash:#879a3924;--color-warning:var(--yellow-400);--color-warning-wash:#d0a21524;--color-info:var(--blue-400);--color-info-wash:#4385be24;--color-surface-raised:var(--flexoki-900);--color-scrim:#0000008c;--shadow-sm:#0000004d 0 1px 2px, #0006 0 2px 6px}@media (prefers-color-scheme:dark){:root[data-mode=auto]{--color-bg:var(--flexoki-950);--color-bg-subtle:var(--flexoki-900);--color-text:var(--flexoki-200);--color-text-muted:#cecdc399;--color-text-faint:#cecdc36b;--color-border:#cecdc31a;--color-border-strong:#cecdc32e;--color-hover:#cecdc30f;--color-active:#cecdc31a;--color-callout-bg:#cecdc30d;--accent-text:var(--flexoki-950);--shadow-popover:#0000004d 0 0 0 1px, #0006 0 3px 6px, #0000008c 0 9px 24px;--color-danger:var(--red-400);--color-danger-wash:#d14d4124;--color-danger-text:var(--flexoki-950);--color-success:var(--green-400);--color-success-wash:#879a3924;--color-warning:var(--yellow-400);--color-warning-wash:#d0a21524;--color-info:var(--blue-400);--color-info-wash:#4385be24;--color-surface-raised:var(--flexoki-900);--color-scrim:#0000008c;--shadow-sm:#0000004d 0 1px 2px, #0006 0 2px 6px}}:root,:root[data-mode=light]{--accent:var(--blue-600);--accent-wash:#205ea61a}:root[data-mode=dark]{--accent:var(--blue-400);--accent-wash:#4385be24}:root[data-accent=blue],:root[data-mode=light][data-accent=blue]{--accent:var(--blue-600);--accent-wash:#205ea61a}:root[data-mode=dark][data-accent=blue]{--accent:var(--blue-400);--accent-wash:#4385be24}:root[data-accent=green],:root[data-mode=light][data-accent=green]{--accent:var(--green-600);--accent-wash:#66800b1a}:root[data-mode=dark][data-accent=green]{--accent:var(--green-400);--accent-wash:#879a3924}:root[data-accent=red],:root[data-mode=light][data-accent=red]{--accent:var(--red-600);--accent-wash:#af30291a}:root[data-mode=dark][data-accent=red]{--accent:var(--red-400);--accent-wash:#d14d4124}:root[data-accent=orange],:root[data-mode=light][data-accent=orange]{--accent:var(--orange-600);--accent-wash:#bc52151a}:root[data-mode=dark][data-accent=orange]{--accent:var(--orange-400);--accent-wash:#da702c24}:root[data-accent=yellow],:root[data-mode=light][data-accent=yellow]{--accent:var(--yellow-600);--accent-wash:#ad83011a}:root[data-mode=dark][data-accent=yellow]{--accent:var(--yellow-400);--accent-wash:#d0a21524}:root[data-accent=cyan],:root[data-mode=light][data-accent=cyan]{--accent:var(--cyan-600);--accent-wash:#24837b1a}:root[data-mode=dark][data-accent=cyan]{--accent:var(--cyan-400);--accent-wash:#3aa99f24}:root[data-accent=purple],:root[data-mode=light][data-accent=purple]{--accent:var(--purple-600);--accent-wash:#5e409d1a}:root[data-mode=dark][data-accent=purple]{--accent:var(--purple-400);--accent-wash:#8b7ec824}:root[data-accent=magenta],:root[data-mode=light][data-accent=magenta]{--accent:var(--magenta-600);--accent-wash:#a02f6f1a}:root[data-mode=dark][data-accent=magenta]{--accent:var(--magenta-400);--accent-wash:#ce5d9724}@media (prefers-color-scheme:dark){:root[data-mode=auto],:root[data-mode=auto][data-accent=blue]{--accent:var(--blue-400);--accent-wash:#4385be24}:root[data-mode=auto][data-accent=green]{--accent:var(--green-400);--accent-wash:#879a3924}:root[data-mode=auto][data-accent=red]{--accent:var(--red-400);--accent-wash:#d14d4124}:root[data-mode=auto][data-accent=orange]{--accent:var(--orange-400);--accent-wash:#da702c24}:root[data-mode=auto][data-accent=yellow]{--accent:var(--yellow-400);--accent-wash:#d0a21524}:root[data-mode=auto][data-accent=cyan]{--accent:var(--cyan-400);--accent-wash:#3aa99f24}:root[data-mode=auto][data-accent=purple]{--accent:var(--purple-400);--accent-wash:#8b7ec824}:root[data-mode=auto][data-accent=magenta]{--accent:var(--magenta-400);--accent-wash:#ce5d9724}}:root{--row-pad-y:var(--space-3);--row-pad-x:var(--space-3);--row-gap:var(--space-2)}:root[data-density=compact]{--row-pad-y:var(--space-2)}:root[data-contrast=high],:root[data-mode=light][data-contrast=high]{--color-text-muted:var(--flexoki-700);--color-text-faint:var(--flexoki-600);--color-border:#37352f29;--color-border-strong:#37352f47;--color-hover:#37352f17;--color-active:#37352f24;--color-danger-wash:#af302929;--color-success-wash:#66800b29;--color-warning-wash:#ad830129;--color-info-wash:#205ea629;--color-scrim:#0f0f0f70}:root[data-mode=dark][data-contrast=high]{--color-text-muted:var(--flexoki-300);--color-text-faint:var(--flexoki-500);--color-border:#cecdc32e;--color-border-strong:#cecdc34d;--color-hover:#cecdc31a;--color-active:#cecdc329;--color-danger-wash:#d14d4138;--color-success-wash:#879a3938;--color-warning-wash:#d0a21538;--color-info-wash:#4385be38;--color-scrim:#000000b3}@media (prefers-color-scheme:dark){:root[data-mode=auto][data-contrast=high]{--color-text-muted:var(--flexoki-300);--color-text-faint:var(--flexoki-500);--color-border:#cecdc32e;--color-border-strong:#cecdc34d;--color-hover:#cecdc31a;--color-active:#cecdc329;--color-danger-wash:#d14d4138;--color-success-wash:#879a3938;--color-warning-wash:#d0a21538;--color-info-wash:#4385be38;--color-scrim:#000000b3}}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-mode=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.01em;margin:0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875em}:not(pre)>code{background:var(--color-callout-bg);border-radius:var(--radius-sm);color:var(--color-text);padding:.15em .35em}hr{border:0;border-top:1px solid var(--color-border);margin-block:var(--space-5)}::selection{background:var(--accent-wash)}flexoki-config{display:none}}@layer fx.config;.topbar{z-index:var(--layer-sticky);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--color-border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-heading);letter-spacing:-.01em;color:var(--color-text);display:inline-flex}.brand-mark{font-size:var(--text-lg);line-height:1}.nav-toggle{display:none}.page{min-height:100dvh;display:flex}.content{min-width:0;padding:var(--space-8) var(--space-6) var(--space-12);flex:auto;max-width:1240px}.rail-controls{gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-2);flex-direction:column;display:flex}.rail-controls label{font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;gap:2px;display:flex}.rail-controls select{font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);appearance:auto;border:0;width:100%}.rail-controls select:hover{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.rail-controls select:focus-visible{outline:var(--focus-ring-width,2px) solid var(--accent);outline-offset:var(--focus-ring-offset,2px)}.masthead{margin-block-end:var(--space-8)}.masthead h1{font-size:var(--text-3xl);margin-block:var(--space-3) var(--space-2)}.lede{color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--leading-body);text-wrap:pretty;max-width:62ch;margin:0}.band{margin-block-start:var(--space-10);scroll-margin-block-start:var(--space-6)}.band-head{margin-block-end:var(--space-4)}.band-head h2{font-size:var(--text-xl);margin:0}.band-lede{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body);max-width:70ch;margin-block:var(--space-1) 0;text-wrap:pretty}.gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));grid-auto-flow:dense;align-items:start;display:grid}.tile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tile--wide{grid-column:span 2}.tile-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.tile-name{font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--color-text)}.tile-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tile-body{padding:var(--space-4);flex:auto}.tile-body--flush{padding:0}.tile-body--flush fx-rail{--rail-width:100%;min-height:300px}.ph-cover{background:linear-gradient(120deg, var(--color-bg-subtle), var(--accent-wash) 55%, var(--color-bg-subtle))}.tile-note{padding:var(--space-2) var(--space-4);border-block-start:1px solid var(--color-border);font-size:var(--text-xs);line-height:var(--leading-body);color:var(--color-text-muted);text-wrap:pretty;margin:0}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.form-output{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);display:flex}.swatch i{border-radius:var(--radius-sm);block-size:22px;inline-size:22px;box-shadow:inset 0 0 0 1px var(--color-border-strong);flex:none}#nav-drawer fx-rail{--rail-width:100%}#nav-drawer fx-rail::part(base){background:0 0;border-inline-end:0}#nav-drawer fx-rail::part(inner){padding-block:0}@media (width<=767.98px){.page>fx-rail{display:none}.nav-toggle{flex:none;display:inline-flex}.topbar{padding-inline:var(--space-4)}.content{padding:var(--space-6) var(--space-4) var(--space-10)}.masthead h1{font-size:var(--text-2xl)}.lede{font-size:var(--text-base)}.gallery{grid-template-columns:1fr}.tile--wide{grid-column:auto}}