.design-system-main.svelte-1ht1nbk{gap:16px;width:100%;display:grid}.component-grid.svelte-1ht1nbk{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.component-card.svelte-1ht1nbk{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--accent) 5%, var(--bg-primary));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 6%, transparent);gap:12px;padding:14px;display:grid}.component-card.wide.svelte-1ht1nbk{grid-column:1/-1}.component-card-header.svelte-1ht1nbk{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-demo.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--sidebar-bg) 64%, var(--bg-primary));gap:4px;width:min(340px,100%);min-width:0;padding:8px;display:grid}.folder-demo-children.svelte-1ht1nbk{border-left:1px solid var(--text-primary-tint-12);gap:4px;margin:-1px 0 0 20px;padding:2px 0 0 8px;display:grid}.panel-demo.svelte-1ht1nbk{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--sidebar-bg) 72%, var(--bg-primary));overflow:hidden}.panel-demo-body.svelte-1ht1nbk{padding:0 12px 12px}.download-panel-preview.svelte-1ht1nbk{gap:10px;display:grid}.download-panel-toolbar.svelte-1ht1nbk{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.download-row.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-primary) 82%, transparent);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.download-row.active.svelte-1ht1nbk{background:color-mix(in srgb, var(--accent) 12%, var(--bg-primary))}.download-file-icon.svelte-1ht1nbk{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 22%, var(--bg-primary));width:34px;height:34px;color:var(--text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);place-items:center;display:grid}.download-file-icon.muted.svelte-1ht1nbk{background:color-mix(in srgb, var(--text-primary) 9%, transparent)}.download-copy.svelte-1ht1nbk{gap:4px;min-width:0;display:grid}.download-copy.svelte-1ht1nbk strong:where(.svelte-1ht1nbk){color:var(--text-primary);font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-copy.svelte-1ht1nbk span:where(.svelte-1ht1nbk){color:var(--text-muted);font-size:var(--font-size-sm)}.download-progress-track.svelte-1ht1nbk{border-radius:var(--radius-chip);background:var(--text-primary-tint-10);height:5px;overflow:hidden}.download-progress-fill.svelte-1ht1nbk{border-radius:inherit;background:var(--accent);width:43%;height:100%}.sheet-demo-stage.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--sidebar-bg) 72%, var(--bg-primary));min-height:176px;position:relative;overflow:hidden}.control-demo.svelte-1ht1nbk{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-demo.inline.svelte-1ht1nbk{justify-content:flex-start}.extension-pattern-card.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-primary) 80%, transparent);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.extension-pattern-icon.svelte-1ht1nbk{border-radius:var(--radius-md);color:#141826;width:42px;height:42px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(145deg,#96f0cc,#7c8cff);place-items:center;display:grid}.extension-pattern-copy.svelte-1ht1nbk{gap:4px;min-width:0;display:grid}.extension-pattern-copy.svelte-1ht1nbk strong:where(.svelte-1ht1nbk),.diagnostics-stat-grid.svelte-1ht1nbk strong:where(.svelte-1ht1nbk){color:var(--text-primary);font-size:var(--font-size-md)}.extension-pattern-copy.svelte-1ht1nbk span:where(.svelte-1ht1nbk),.diagnostics-stat-grid.svelte-1ht1nbk span:where(.svelte-1ht1nbk){color:var(--text-muted);font-size:var(--font-size-sm)}.extension-pattern-badges.svelte-1ht1nbk{flex-wrap:wrap;gap:4px;display:flex}.diagnostics-pattern.svelte-1ht1nbk{gap:10px;display:grid}.diagnostics-stat-grid.svelte-1ht1nbk{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diagnostics-stat-grid.svelte-1ht1nbk div:where(.svelte-1ht1nbk){border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-primary) 80%, transparent);gap:4px;padding:12px;display:grid}.diagnostics-log-row.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-primary) 80%, transparent);color:var(--text-primary);font-size:var(--font-size-sm);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.token-grid.svelte-1ht1nbk{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.token-card.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 6%, var(--bg-primary));gap:6px;padding:12px;display:grid}.token-swatch.svelte-1ht1nbk{border-radius:var(--radius-md);height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 9%, transparent)}.token-name.svelte-1ht1nbk{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}code.svelte-1ht1nbk{color:var(--text-muted);font-size:var(--font-size-xs)}.layout-preview.svelte-1ht1nbk{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 6%, var(--bg-primary));grid-template-columns:220px minmax(0,1fr);gap:10px;min-height:220px;padding:10px;display:grid}.layout-sidebar.svelte-1ht1nbk,.layout-content.svelte-1ht1nbk{border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);place-items:center;display:grid}.layout-sidebar.svelte-1ht1nbk{background:color-mix(in srgb, var(--sidebar-bg) 72%, var(--bg-primary))}.layout-content.svelte-1ht1nbk{background:color-mix(in srgb, var(--bg-primary) 82%, transparent)}.badge-row.svelte-1ht1nbk{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}