svg.svelte-1pnt4w6{display:block;width:auto;max-width:100%}.frame.svelte-1pnt4w6{stroke:var(--ink-3);stroke-width:.3;stroke-dasharray:1.2 .9}.inner.svelte-1pnt4w6{stroke:var(--line-2);stroke-width:.2}.x.svelte-1pnt4w6{fill:var(--ink-3);font-family:var(--font-sans);font-size:4px;font-weight:500}.swatch.svelte-trizwg{display:flex;align-items:center;gap:12px;width:100%;padding:6px;border-radius:10px;cursor:pointer;text-align:left;color:var(--ink-1);transition:background-color .15s}.swatch.svelte-trizwg:hover{background:color-mix(in srgb,var(--ink-1) 6%,transparent)}.chip.svelte-trizwg{flex:none;width:44px;height:44px;border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink-1) 22%,transparent)}.text.svelte-trizwg{display:grid;gap:1px;min-width:0;line-height:1.3}.hex.svelte-trizwg{font-family:var(--font-mono);font-size:14px}.oklch.svelte-trizwg{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);white-space:nowrap}.band-wrap.svelte-16el0le{padding-top:12px}.band.svelte-16el0le{height:clamp(160px,18vw,240px)}.page.svelte-16el0le{color-scheme:light dark;background:var(--bg);color:var(--ink-2);padding-block:clamp(40px,6vw,80px) clamp(64px,9vw,128px)}.page[data-theme=light].svelte-16el0le{color-scheme:light}.page[data-theme=dark].svelte-16el0le{color-scheme:dark}.body.svelte-16el0le{display:grid;gap:24px}.body.svelte-16el0le>.s-prose:where(.svelte-16el0le):has(>h2:where(.svelte-16el0le):first-child){margin-top:48px}.body.svelte-16el0le>.s-prose:where(.svelte-16el0le):has(>h3:where(.svelte-16el0le):first-child){margin-top:20px;margin-bottom:-12px}.toc.svelte-16el0le{display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none!important;padding:0!important;font-size:15px}.scheme.svelte-16el0le{display:inline-flex;justify-self:start;gap:4px}.scheme.svelte-16el0le button:where(.svelte-16el0le){padding:6px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;color:var(--ink-2);cursor:pointer}.scheme.svelte-16el0le button[aria-pressed=true]:where(.svelte-16el0le){background:var(--ink-1);border-color:var(--ink-1);color:var(--bg)}.scheme.svelte-16el0le button:where(.svelte-16el0le):hover:not([aria-pressed=true]){color:var(--ink-1);border-color:var(--ink-3)}.panel.svelte-16el0le{margin:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink-1)}.previews.svelte-16el0le{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.previews.single.svelte-16el0le{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel.mark.svelte-16el0le,.panel.lockup.svelte-16el0le,.panel.clear.svelte-16el0le,.panel.sizes.svelte-16el0le{display:grid;justify-items:center;align-content:center;gap:20px;min-height:180px}.panel.svelte-16el0le figcaption:where(.svelte-16el0le){font-size:13px;color:var(--ink-3);text-align:center}.size-row.svelte-16el0le{display:flex;align-items:center;gap:32px}.table-wrap.svelte-16el0le{overflow-x:auto;width:min(100%,var(--s-prose))}table.svelte-16el0le{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}.files.svelte-16el0le :is(th:where(.svelte-16el0le),td:where(.svelte-16el0le)){padding:10px 16px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.files.svelte-16el0le th:where(.svelte-16el0le){font-size:12px;font-weight:var(--w-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom-color:var(--line-2)}.files.svelte-16el0le a:where(.svelte-16el0le){color:var(--ink-1);text-decoration:underline;text-decoration-color:var(--line-2);white-space:nowrap;text-underline-offset:3px}.files.svelte-16el0le a:where(.svelte-16el0le):hover{text-decoration-color:var(--ink-1)}.files.svelte-16el0le code:where(.svelte-16el0le){font-size:12.5px;color:var(--ink-1)}.tiles.svelte-16el0le{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none}.tile.svelte-16el0le{display:grid;grid-template-rows:120px auto;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--bg-3)}.tile.svelte-16el0le .stage:where(.svelte-16el0le){display:grid;place-items:center;color:var(--ink-1);overflow:hidden}.tile.svelte-16el0le p:where(.svelte-16el0le){margin:0;padding:12px 14px 14px;border-top:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--ink-2)}.wrong.svelte-16el0le{display:block}.stretch.svelte-16el0le .wrong:where(.svelte-16el0le){transform:scaleX(1.7) scaleY(.8)}.recolour.svelte-16el0le .wrong:where(.svelte-16el0le){color:#f05653}.rotate.svelte-16el0le .wrong:where(.svelte-16el0le){transform:rotate(-24deg)}.effect.svelte-16el0le .wrong:where(.svelte-16el0le){filter:drop-shadow(3px 4px 0 var(--ink-3)) drop-shadow(0 0 8px var(--ink-1))}.stroke.svelte-16el0le .wrong:where(.svelte-16el0le) svg{fill:none;stroke:currentColor;stroke-width:.45px}.crop.svelte-16el0le .wrong:where(.svelte-16el0le){clip-path:inset(0 52% 0 0);transform:translate(46px)}.busy.svelte-16el0le .stage:where(.svelte-16el0le){background:repeating-conic-gradient(var(--ink-3) 0 25%,var(--bg-4) 0 50%) 0 0 / 16px 16px}.animate.svelte-16el0le .wrong:where(.svelte-16el0le){filter:drop-shadow(-12px 0 0 color-mix(in srgb,currentColor 45%,transparent)) drop-shadow(-24px 0 0 color-mix(in srgb,currentColor 20%,transparent))}.joined.svelte-16el0le{display:inline-flex;align-items:center;gap:12px}.serif.svelte-16el0le{font:600 44px/1 Georgia,Times New Roman,serif;letter-spacing:-.02em}.palette.svelte-16el0le{display:grid;gap:4px;width:min(100%,880px)}.row.svelte-16el0le{display:grid;grid-template-columns:minmax(140px,1fr) minmax(190px,1.3fr) minmax(190px,1.3fr);gap:8px;align-items:center}.row.head.svelte-16el0le{font-size:12px;font-weight:var(--w-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--line-2)}.group.svelte-16el0le{display:grid;gap:2px;padding-top:18px}.group-title.svelte-16el0le{margin:0 0 6px;font-size:14px;color:var(--ink-3)}.group-title.svelte-16el0le strong:where(.svelte-16el0le){color:var(--ink-1);font-weight:var(--w-semibold)}.token.svelte-16el0le{display:grid;gap:2px;padding-left:6px}.token.svelte-16el0le code:where(.svelte-16el0le){font-size:13.5px;color:var(--ink-1)}.token.svelte-16el0le .role:where(.svelte-16el0le){font-size:13px;color:var(--ink-3)}.contrast.svelte-16el0le{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.panel.list.svelte-16el0le h4:where(.svelte-16el0le){margin:0 0 12px;font-size:15px;font-weight:var(--w-semibold);color:var(--ink-1)}.panel.list.svelte-16el0le ul:where(.svelte-16el0le){display:grid;gap:6px;margin:0;padding:0;list-style:none}.panel.list.svelte-16el0le li:where(.svelte-16el0le){display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;font-size:13.5px}.aa.svelte-16el0le{display:grid;place-items:center;height:28px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2);font-weight:var(--w-semibold);font-size:14px}.pair.svelte-16el0le code:where(.svelte-16el0le){font-size:12.5px;color:var(--ink-1)}.ratio.svelte-16el0le{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);white-space:nowrap}.never.svelte-16el0le{margin:14px 0 0;font-size:13px;color:var(--ink-3)}.page.svelte-16el0le .s-prose table{font-size:14.5px}@media(max-width:640px){.row.svelte-16el0le{grid-template-columns:1fr}.row.head.svelte-16el0le{display:none}.token.svelte-16el0le{padding-top:8px}}