.arch-diagram.svelte-xgmi65{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);border:var(--elevation-border);border-radius:var(--radius-md);padding:var(--space-lg);background:var(--color-surface)}.arch-layer.svelte-xgmi65{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md) var(--space-xl);border:var(--elevation-border);border-radius:var(--radius-md);background:var(--color-surface-secondary);width:100%;max-width:400px;text-align:center}.arch-file.svelte-xgmi65{font-size:var(--type-caption-size)}.arch-arrow.svelte-xgmi65{padding:var(--space-xs)}.arrow-icon.svelte-xgmi65{width:20px;height:20px;color:var(--color-text-muted)}.tier-grid.svelte-xgmi65{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.tier-card.svelte-xgmi65{border:var(--elevation-border);border-radius:var(--radius-md);padding:var(--space-lg)}.tier-list.svelte-xgmi65{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.tier-list.svelte-xgmi65 li:where(.svelte-xgmi65){padding-left:var(--space-md);position:relative}.tier-list.svelte-xgmi65 li:where(.svelte-xgmi65):before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:var(--radius-circle);background:var(--color-text-muted)}.token-count.svelte-xgmi65{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0}.example-block.svelte-xgmi65{border:var(--elevation-border);border-radius:var(--radius-md);padding:var(--space-lg);background:var(--color-surface)}.code-block.svelte-xgmi65{background:var(--color-surface-secondary);border:var(--elevation-border);border-radius:var(--radius-sm);padding:var(--space-md);overflow-x:auto}.code-pre.svelte-xgmi65{margin:0;font-size:var(--type-label-size);line-height:1.6;white-space:pre}.steps-list.svelte-xgmi65{display:flex;flex-direction:column;gap:var(--space-lg)}.step.svelte-xgmi65{display:flex;gap:var(--space-md);align-items:flex-start}.step-number.svelte-xgmi65{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:var(--elevation-border-strong);border-radius:var(--radius-circle);flex-shrink:0;color:var(--color-accent);font-size:var(--type-data-size)}.step-content.svelte-xgmi65{flex:1}.step-content.svelte-xgmi65 code:where(.svelte-xgmi65){font-size:var(--type-label-size)}