.sense-system.svelte-1meh9qj{--sense-paper: var(--cs-evidence-paper);--sense-ink: var(--text-primary);--sense-muted: var(--text-secondary);--sense-line: color-mix(in oklab, var(--sense-ink) 20%, transparent);--sense-soft: color-mix(in oklab, var(--sense-ink) 8%, var(--sense-paper));--sense-fill: color-mix(in oklab, var(--sense-ink) 20%, var(--sense-paper));margin:0 auto;width:100%;max-width:var(--max-width-text, 960px);min-width:0;font-family:var(--font-family-body)}.foundations.svelte-1meh9qj{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}.foundations.svelte-1meh9qj .dp-stage{height:100%;background:var(--sense-paper);color:var(--sense-ink);color-scheme:inherit}.foundations.svelte-1meh9qj .dp-stage .dp-foot,.foundations.svelte-1meh9qj .dp-type-meta,.foundations.svelte-1meh9qj .dp-alphabet,.foundations.svelte-1meh9qj .dp-type-controls button{color:var(--sense-muted)}.foundations.svelte-1meh9qj .dp-foot strong,.foundations.svelte-1meh9qj .dp-glyph-button,.foundations.svelte-1meh9qj .dp-shade-picker button,.foundations.svelte-1meh9qj .dp-type-controls button[aria-pressed=true]{color:var(--sense-ink)}.foundations.svelte-1meh9qj .dp-type[data-outline=true] .dp-glyph-button{color:transparent;-webkit-text-stroke-color:var(--sense-ink)}.foundations.svelte-1meh9qj .dp-shade-picker button[aria-pressed=true]{border-color:var(--sense-ink);background:var(--sense-soft)}.foundations.svelte-1meh9qj .dp-shade-dot{box-shadow:inset 0 0 0 1px var(--sense-line)}.foundations.svelte-1meh9qj .dp-shade-picker button:focus-visible,.foundations.svelte-1meh9qj .dp-glyph-button:focus-visible,.foundations.svelte-1meh9qj .dp-type-controls button:focus-visible{outline-color:var(--sense-ink)}.foundations.svelte-1meh9qj .dp-card-controls button{background:var(--sense-soft);color:var(--sense-ink)}.specimens.svelte-1meh9qj{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specimens.svelte-1meh9qj section:where(.svelte-1meh9qj){background:var(--sense-paper);color:var(--sense-ink);padding:28px;border-radius:8px;min-width:0}h3.svelte-1meh9qj{font-size:18px;font-weight:500;margin:0 0 28px}button.svelte-1meh9qj{font:inherit;min-width:44px;min-height:44px;border:0;cursor:pointer}button.svelte-1meh9qj:focus-visible{outline:2px solid var(--sense-ink);outline-offset:3px}.space-buttons.svelte-1meh9qj{display:flex;align-items:end;gap:10px;min-height:100px}.space-buttons.svelte-1meh9qj button:where(.svelte-1meh9qj){background:none;color:var(--sense-muted);font-size:12px;padding:0 6px}.space-buttons.svelte-1meh9qj span:where(.svelte-1meh9qj){display:block;width:28px;background:var(--sense-fill);margin:0 auto 12px}.space-buttons.svelte-1meh9qj button[aria-pressed=true]:where(.svelte-1meh9qj) span:where(.svelte-1meh9qj){background:var(--sense-ink)}.gap-demo.svelte-1meh9qj{display:flex;flex-direction:column;margin-top:26px;padding:16px;background:var(--sense-soft);font-size:13px;min-height:130px}.gap-demo.svelte-1meh9qj span:where(.svelte-1meh9qj){background:var(--sense-paper);padding:6px 12px}.tabs.svelte-1meh9qj{display:flex;gap:24px;border-bottom:1px solid var(--sense-line)}.tabs.svelte-1meh9qj button:where(.svelte-1meh9qj){background:none;color:var(--sense-muted);border-bottom:2px solid transparent;padding:0 0 10px}.tabs.svelte-1meh9qj button[aria-pressed=true]:where(.svelte-1meh9qj){border-color:var(--sense-ink);color:var(--sense-ink)}.component-preview.svelte-1meh9qj{height:116px;padding:24px 0}.image-tiles.svelte-1meh9qj{display:flex;gap:12px;height:70px}.image-tiles.svelte-1meh9qj span:where(.svelte-1meh9qj){flex:1;background:linear-gradient(145deg,var(--sense-soft),var(--sense-fill))}.image-tiles.svelte-1meh9qj span:where(.svelte-1meh9qj):nth-child(2){background:linear-gradient(45deg,var(--sense-fill),var(--sense-soft))}.icon-tiles.svelte-1meh9qj{font-size:34px;text-align:center;line-height:70px}.pages.svelte-1meh9qj{display:flex;gap:6px}.pages.svelte-1meh9qj button:where(.svelte-1meh9qj){background:var(--sense-soft);color:var(--sense-ink);font-size:13px}.pages.svelte-1meh9qj button[aria-pressed=true]:where(.svelte-1meh9qj){background:var(--sense-ink);color:var(--sense-paper)}.status.svelte-1meh9qj{display:block;margin-top:12px;font-size:11px;color:var(--sense-muted)}@media (max-width: 760px){.foundations.svelte-1meh9qj,.specimens.svelte-1meh9qj{grid-template-columns:1fr}.specimens.svelte-1meh9qj section:where(.svelte-1meh9qj){padding:22px}.space-buttons.svelte-1meh9qj{gap:5px}}