.head.svelte-1b9z5d5{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:48px}.head.svelte-1b9z5d5 .ui-title:where(.svelte-1b9z5d5){margin-top:2px}.head-actions.svelte-1b9z5d5{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sec.svelte-1b9z5d5{padding-block:40px;border-top:1px solid var(--ui-line)}.sec.svelte-1b9z5d5>.ui-title-sm:where(.svelte-1b9z5d5){margin-bottom:20px}.small.svelte-1b9z5d5{font-size:14px;margin-bottom:20px}.group.svelte-1b9z5d5{margin-bottom:28px}.group-head.svelte-1b9z5d5{margin-bottom:12px}.group-title.svelte-1b9z5d5{font-size:14px;font-weight:650}.swatches.svelte-1b9z5d5{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}.swatch.svelte-1b9z5d5{display:flex;flex-direction:column;gap:4px}.chip.svelte-1b9z5d5{height:56px;border-radius:10px;border:1px solid var(--ui-line);background-image:linear-gradient(45deg,var(--ui-bg-2) 25%,transparent 25%),linear-gradient(-45deg,var(--ui-bg-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ui-bg-2) 75%),linear-gradient(-45deg,transparent 75%,var(--ui-bg-2) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.swatch.svelte-1b9z5d5 code:where(.svelte-1b9z5d5){font-size:11.5px}.val.svelte-1b9z5d5{font-family:var(--ui-mono);font-size:10.5px;word-break:break-all}.table-wrap.svelte-1b9z5d5{overflow-x:auto}.tbl.svelte-1b9z5d5{width:100%;border-collapse:collapse;font-size:13.5px}.tbl.svelte-1b9z5d5 th:where(.svelte-1b9z5d5),.tbl.svelte-1b9z5d5 td:where(.svelte-1b9z5d5){padding:10px 12px;text-align:left;border-bottom:1px solid var(--ui-line)}.tbl.svelte-1b9z5d5 th:where(.svelte-1b9z5d5){font-size:12px;color:var(--ui-ink-3);font-weight:600}.num.svelte-1b9z5d5{font-family:var(--ui-mono);font-variant-numeric:tabular-nums}.pill.svelte-1b9z5d5{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--ui-bg-2)}.pill[data-grade=AAA].svelte-1b9z5d5,.pill[data-grade=AA].svelte-1b9z5d5{background:#d8f5e3;color:#12693c}.pill[data-grade=AA-large].svelte-1b9z5d5{background:#fdf0d5;color:#8a5a00}.pill[data-grade=fail].svelte-1b9z5d5{background:#fbdcd8;color:#a02418}.demo-text.svelte-1b9z5d5{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px}.panel{border:1px solid var(--ui-line);border-radius:14px;overflow:hidden}.pad.svelte-1b9z5d5{padding:24px}.stack.svelte-1b9z5d5{display:flex;flex-direction:column;gap:32px}.stack-sm.svelte-1b9z5d5{display:flex;flex-direction:column;gap:10px}.type-row.svelte-1b9z5d5{display:grid;grid-template-columns:150px 1fr;align-items:baseline;gap:16px;padding-block:10px;border-bottom:1px solid var(--ds-line)}.type-meta.svelte-1b9z5d5{display:flex;flex-direction:column;gap:2px;font-size:11px}.type-sample.svelte-1b9z5d5{line-height:1.15;overflow:hidden;text-overflow:ellipsis}.fonts.svelte-1b9z5d5{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:15px}.three.svelte-1b9z5d5{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.three.svelte-1b9z5d5>div:where(.svelte-1b9z5d5)>.ui-title-sm:where(.svelte-1b9z5d5){margin-bottom:16px}.space-list.svelte-1b9z5d5{display:flex;flex-direction:column;gap:8px}.space-row.svelte-1b9z5d5{display:flex;align-items:center;gap:12px}.space-row.svelte-1b9z5d5 code:where(.svelte-1b9z5d5){width:62px;font-size:11px;flex:none}.space-bar.svelte-1b9z5d5{height:12px;border-radius:3px;background:var(--ds-accent)}.radius-list.svelte-1b9z5d5{display:flex;flex-wrap:wrap;gap:16px}.radius-item.svelte-1b9z5d5{display:flex;flex-direction:column;align-items:center;gap:6px}.radius-box.svelte-1b9z5d5{width:54px;height:54px;background:var(--ds-surface-2);border:1px solid var(--ds-line-2)}.radius-item.svelte-1b9z5d5 code:where(.svelte-1b9z5d5),.shadow-item.svelte-1b9z5d5 code:where(.svelte-1b9z5d5){font-size:11px}.shadow-list.svelte-1b9z5d5{display:flex;flex-wrap:wrap;gap:20px}.shadow-item.svelte-1b9z5d5{display:flex;flex-direction:column;align-items:center;gap:10px}.shadow-box.svelte-1b9z5d5{width:64px;height:48px;border-radius:var(--ds-radius-md);background:var(--ds-surface)}.comp.svelte-1b9z5d5{display:flex;flex-direction:column;gap:12px}.grid-2.svelte-1b9z5d5{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.skeletons.svelte-1b9z5d5{display:flex;flex-direction:column;gap:8px}.glass-demo.svelte-1b9z5d5{display:grid;place-items:center;min-height:100px;border-radius:var(--ds-radius-md);font-size:13px}.motion-demo.svelte-1b9z5d5{display:grid;place-items:center;width:108px;height:48px;border-radius:var(--ds-radius-md);background:var(--ds-surface-2);transition-property:transform,background;transition-timing-function:var(--ds-ease);cursor:pointer}.motion-demo.svelte-1b9z5d5:hover{transform:translateY(-6px);background:var(--ds-accent-soft)}.term.svelte-1b9z5d5{border-bottom:1px dashed var(--ds-ink-3);font-size:var(--ds-step-0);padding-bottom:1px}.scroll-demos.svelte-1b9z5d5{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.scroll-demo.svelte-1b9z5d5{display:flex;flex-direction:column;gap:6px}.demo-label.svelte-1b9z5d5{font-size:10.5px;color:var(--ds-ink-3)}.scroll-box.svelte-1b9z5d5{height:108px;padding:8px 10px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);background:var(--ds-surface)}.scroll-line.svelte-1b9z5d5{padding:5px 0;font-size:var(--ds-step--1);color:var(--ds-ink-2);border-bottom:1px solid var(--ds-line)}.cursor-row.svelte-1b9z5d5{display:flex;flex-wrap:wrap;gap:8px}.cursor-cell.svelte-1b9z5d5{padding:8px 12px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);background:var(--ds-surface);font-family:var(--ds-font-mono);font-size:11px;color:var(--ds-ink-2)}.cursor-cell.svelte-1b9z5d5:hover{background:var(--ds-surface-2)}.rhythm.svelte-1b9z5d5{padding:16px 18px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface)}.code-block.svelte-1b9z5d5{margin:0;padding:18px;border-radius:12px;background:var(--ui-surface);border:1px solid var(--ui-line);font-family:var(--ui-mono);font-size:12px;line-height:1.7;overflow-x:auto}@media(max-width:600px){.type-row.svelte-1b9z5d5{grid-template-columns:1fr;gap:4px}}