:root,[data-theme=light]{--axis-n:#6741d9;--axis-s:#e8590c;--axis-t:#1971c2;--axis-f:#2f9e44;--color-n:var(--axis-n);--color-s:var(--axis-s);--color-t:var(--axis-t);--color-f:var(--axis-f);--bg:#f6f3ee;--bg-accent:#e8efe8;--surface:#fffcf7;--surface-2:#f3efe6;--ink:#1c1a17;--ink-muted:#5c574e;--line:#d4cfc4;--focus:#1971c2;--danger:#c92a2a;--ok:#2f9e44;--font-display:"Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-body:"Source Sans 3", "Segoe UI", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:clamp(2rem, 4vw, 2.75rem);--text-brand:1.35rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.25rem;--radius:.35rem;--radius-lg:.6rem;--max:44rem;--wide:64rem;--header-h:3.5rem;--shadow-soft:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent);color-scheme:light}[data-theme=dark]{--bg:#141210;--bg-accent:#1a221c;--surface:#1e1c18;--surface-2:#26231e;--ink:#f3efe6;--ink-muted:#a8a296;--line:#3a362f;--focus:#74c0fc;--danger:#ff6b6b;--ok:#51cf66;--shadow-soft:0 1px 0 #0006;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141210;--bg-accent:#1a221c;--surface:#1e1c18;--surface-2:#26231e;--ink:#f3efe6;--ink-muted:#a8a296;--line:#3a362f;--focus:#74c0fc;--danger:#ff6b6b;--ok:#51cf66;--shadow-soft:0 1px 0 #0006;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-md);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--axis-n) 12%, transparent), transparent 60%), radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--axis-f) 10%, transparent), transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);margin:0;line-height:1.6}img,svg{max-width:100%;height:auto}a{color:var(--axis-t);text-underline-offset:.15em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{background:var(--surface);color:var(--ink);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(8px);z-index:20;min-height:var(--header-h);position:sticky;top:0}.site-header__inner,.site-footer__inner,.page{width:min(100% - 2rem, var(--wide));margin-inline:auto}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.85rem 0;display:flex}.brand{font-family:var(--font-display);font-weight:600;font-size:var(--text-brand);letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand span{color:var(--axis-n)}.nav{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--ink-muted);font-size:var(--text-sm);text-decoration:none}.nav a[aria-current=page],.nav a:hover{color:var(--ink);text-decoration:underline}.page{width:min(100% - 2rem, var(--max));padding:2.5rem 0 4rem;animation:.18s ease-out page-in}.page--wide{width:min(100% - 2rem, var(--wide))}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:600;line-height:1.2}h1{font-size:var(--text-3xl);margin:0 0 1rem}h2{font-size:var(--text-2xl);margin:2rem 0 .75rem}h3{font-size:var(--text-xl);margin:1.5rem 0 .5rem}p{color:var(--ink);margin:0 0 1rem}.lede{font-size:var(--text-lg);color:var(--ink-muted)}.muted{color:var(--ink-muted)}.mono{font-family:var(--font-mono);font-size:.95em}.card-list{gap:.85rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.card-list a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;padding:1rem 1.1rem;text-decoration:none;transition:border-color .12s,transform .12s;display:block}.card-list a:hover{border-color:color-mix(in srgb, var(--axis-n) 45%, var(--line));transform:translateY(-1px)}.card-list strong{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.15rem;display:block}.card-list span{color:var(--ink-muted);font-size:var(--text-sm)}.axis-swatch{vertical-align:middle;border-radius:999px;width:.75rem;height:.75rem;margin-right:.4rem;display:inline-block}.rule-list{margin:0 0 1.25rem;padding-left:1.2rem}.rule-list li{margin-bottom:.4rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);font-size:var(--text-sm);padding:1.5rem 0 2.5rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;display:flex}.site-footer nav ul{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:flex}.analytics-placeholder{display:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1rem 1.1rem}.callout{border-left:3px solid var(--axis-n);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;padding:.85rem 1rem}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-sm);border-radius:var(--radius);cursor:pointer;min-height:2.75rem;padding:.5rem .85rem}.btn:hover{border-color:var(--ink-muted)}.btn--primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn--primary:hover{background:color-mix(in srgb, var(--ink) 88%, white)}.btn--danger{background:color-mix(in srgb, var(--danger) 12%, var(--surface));border-color:color-mix(in srgb, var(--danger) 40%, var(--line));color:var(--danger)}.btn--ghost{background:0 0;border-color:#0000}.field{gap:.4rem;margin-bottom:1rem;display:grid}.field label{font-weight:600}.field input,.field select,.field textarea{font-family:var(--font-body);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:100%;min-height:2.75rem;padding:.65rem .75rem;font-size:1rem}.field input.mono,.field .mono-input{font-family:var(--font-mono)}.token-chip{font-family:var(--font-mono);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);align-items:center;padding:.25rem .5rem;display:inline-flex}.issues{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.issues li{background:color-mix(in srgb, var(--danger) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 28%, var(--line));color:var(--danger);border-radius:var(--radius);font-size:var(--text-sm);padding:.55rem .75rem}.ok-banner{background:color-mix(in srgb, var(--ok) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--ok) 30%, var(--line));color:var(--ok);border-radius:var(--radius);margin-bottom:1rem;padding:.65rem .85rem}.sample-row{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem;display:flex}.lattice-wrap{width:min(100%,36rem);margin:1rem auto 0}.lattice-wrap svg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;height:auto;display:block}.swatch-row{flex-wrap:wrap;gap:.75rem;display:flex}.swatch{font-family:var(--font-mono);font-size:var(--text-sm);align-items:center;gap:.5rem;display:flex}.swatch i{border-radius:var(--radius-sm);border:1px solid var(--line);width:1.25rem;height:1.25rem;display:block}.gallery-grid{gap:1.5rem;display:grid}.gallery-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem}.gallery-block h2{font-size:var(--text-xl);margin-top:0}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.auth-shell{width:min(100%,24rem);margin:0 auto}.auth-shell h1,.auth-shell .lede{text-align:center}.tool-shell{gap:1.25rem;display:grid}@media (width>=900px){.tool-shell--split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}@media (width<=640px){.site-header__inner{align-items:flex-start}.nav{width:100%}.cmdk-trigger kbd{display:none}}.theme-toggle.svelte-1kenrq5{min-height:2.5rem;font-size:var(--text-sm);color:var(--ink-muted)}.cmdk-trigger.svelte-1bm0yy4{font-size:var(--text-sm);color:var(--ink-muted);align-items:center;gap:.35rem;display:inline-flex}kbd.svelte-1bm0yy4{font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.1rem .35rem;font-size:.75rem}.cmdk-backdrop.svelte-1bm0yy4{z-index:50;background:#00000059;place-items:start center;padding:12vh 1rem 1rem;display:grid;position:fixed;inset:0}.cmdk.svelte-1bm0yy4{width:min(100%,32rem);padding:.75rem}.cmdk.svelte-1bm0yy4 input:where(.svelte-1bm0yy4){width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);padding:.65rem .75rem}.cmdk.svelte-1bm0yy4 ul:where(.svelte-1bm0yy4){max-height:50vh;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.cmdk.svelte-1bm0yy4 a:where(.svelte-1bm0yy4){color:inherit;border-radius:var(--radius);padding:.55rem .65rem;text-decoration:none;display:block}.cmdk.svelte-1bm0yy4 a.active:where(.svelte-1bm0yy4),.cmdk.svelte-1bm0yy4 a:where(.svelte-1bm0yy4):hover{background:color-mix(in srgb, var(--axis-t) 12%, var(--surface))}.cmdk.svelte-1bm0yy4 strong:where(.svelte-1bm0yy4){font-family:var(--font-display);display:block}.cmdk.svelte-1bm0yy4 span:where(.svelte-1bm0yy4){color:var(--ink-muted);font-size:var(--text-sm)}.breadcrumbs{font-size:var(--text-sm);margin:0 0 1rem}.breadcrumbs ol{color:var(--ink-muted);flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";opacity:.6;margin-left:.5rem}.nav-account{font-weight:600}