.elevation-demo[data-astro-cid-rw4jxi32]{display:flex;align-items:flex-end;gap:var(--size-24);padding:var(--size-32);background:var(--background-sunken);border-radius:var(--radius-lg);margin-top:var(--size-20);overflow-x:auto}.demo-surface[data-astro-cid-rw4jxi32]{width:80px;height:80px;background:var(--background-base);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--foreground-muted);flex-shrink:0}.level-0[data-astro-cid-rw4jxi32]{box-shadow:none;border:1px solid var(--border-default)}.level-1[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-100)}.level-2[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-200)}.level-3[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-300)}.level-4[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-400)}.elevation-grid[data-astro-cid-rw4jxi32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-20);margin-top:var(--size-20)}.elevation-card[data-astro-cid-rw4jxi32]{background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.elevation-preview[data-astro-cid-rw4jxi32]{height:120px;margin:var(--size-24);background:var(--background-base);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.elevation-level[data-astro-cid-rw4jxi32]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--foreground-muted)}.elevation-info[data-astro-cid-rw4jxi32]{padding:var(--size-16);border-top:1px solid var(--border-default)}.elevation-info[data-astro-cid-rw4jxi32] code[data-astro-cid-rw4jxi32]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-interactive-primary)}.elevation-desc[data-astro-cid-rw4jxi32]{margin:var(--size-8) 0;font-size:var(--font-size-sm);color:var(--foreground-base)}.elevation-uses[data-astro-cid-rw4jxi32]{margin:0;font-size:var(--font-size-sm);color:var(--foreground-muted)}.shadow-details[data-astro-cid-rw4jxi32]{display:flex;flex-direction:column;gap:var(--size-8);margin-top:var(--size-16);padding:var(--size-16);background:var(--background-sunken);border-radius:var(--radius-md);overflow-x:auto}.shadow-row[data-astro-cid-rw4jxi32]{display:flex;gap:var(--size-16);align-items:flex-start;font-size:var(--font-size-sm)}.shadow-row[data-astro-cid-rw4jxi32] code[data-astro-cid-rw4jxi32]{font-family:SF Mono,Monaco,monospace;color:var(--foreground-interactive-primary);white-space:nowrap;min-width:140px}.shadow-row[data-astro-cid-rw4jxi32] span[data-astro-cid-rw4jxi32]{font-family:SF Mono,Monaco,monospace;color:var(--foreground-muted);font-size:var(--font-size-xs)}.code-block[data-astro-cid-rw4jxi32]{background:var(--background-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;margin-top:var(--size-12)}.code-block[data-astro-cid-rw4jxi32] pre[data-astro-cid-rw4jxi32]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-rw4jxi32] code[data-astro-cid-rw4jxi32]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed)}.interactive-demo[data-astro-cid-rw4jxi32]{display:flex;justify-content:center;padding:var(--size-32);background:var(--background-sunken);border-radius:var(--radius-md);margin:var(--size-16) 0}.interactive-card[data-astro-cid-rw4jxi32]{padding:var(--size-24) var(--size-48);background:var(--background-base);border-radius:var(--radius-md);box-shadow:var(--elevation-100);cursor:pointer;transition:box-shadow var(--motion-duration-fast) var(--motion-easing-ease-out),transform var(--motion-duration-fast) var(--motion-easing-ease-out)}.interactive-card[data-astro-cid-rw4jxi32]:hover{box-shadow:var(--elevation-300);transform:translateY(-2px)}.interactive-card[data-astro-cid-rw4jxi32] span[data-astro-cid-rw4jxi32]{font-weight:var(--font-weight-medium);color:var(--foreground-base)}.hierarchy-diagram[data-astro-cid-rw4jxi32]{display:flex;flex-direction:column;gap:var(--size-12);margin-top:var(--size-16);padding:var(--size-20);background:var(--background-raised);border-radius:var(--radius-lg)}.hierarchy-layer[data-astro-cid-rw4jxi32]{display:flex;align-items:center;gap:var(--size-16)}.layer-bar[data-astro-cid-rw4jxi32]{width:40px;height:24px;border-radius:var(--radius-sm);background:var(--background-base)}.bar-0[data-astro-cid-rw4jxi32]{border:1px solid var(--border-default)}.bar-1[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-100)}.bar-2[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-200)}.bar-3[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-300)}.bar-4[data-astro-cid-rw4jxi32]{box-shadow:var(--elevation-400)}.layer-info[data-astro-cid-rw4jxi32]{display:flex;flex-direction:column;gap:var(--size-2)}.layer-info[data-astro-cid-rw4jxi32] strong[data-astro-cid-rw4jxi32]{font-size:var(--font-size-sm);color:var(--foreground-base)}.layer-info[data-astro-cid-rw4jxi32] span[data-astro-cid-rw4jxi32]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.best-practices[data-astro-cid-rw4jxi32]{margin:var(--size-16) 0 0;padding-left:var(--size-20)}.best-practices[data-astro-cid-rw4jxi32] li[data-astro-cid-rw4jxi32]{margin-bottom:var(--size-8);color:var(--foreground-muted);line-height:var(--font-line-height-relaxed)}.patterns-grid[data-astro-cid-rw4jxi32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--size-16);margin-top:var(--size-16)}.pattern-card[data-astro-cid-rw4jxi32]{padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:center}.pattern-card[data-astro-cid-rw4jxi32] h4[data-astro-cid-rw4jxi32]{margin:0 0 var(--size-12);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pattern-demo[data-astro-cid-rw4jxi32]{height:80px;background:var(--background-sunken);border-radius:var(--radius-sm);margin-bottom:var(--size-12);position:relative;display:flex;align-items:center;justify-content:center;padding:var(--size-12)}.pattern-card[data-astro-cid-rw4jxi32] code[data-astro-cid-rw4jxi32]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-interactive-primary)}.card-pattern[data-astro-cid-rw4jxi32] .pattern-card-inner[data-astro-cid-rw4jxi32]{width:60%;height:50%;background:var(--background-base);border-radius:var(--radius-sm);box-shadow:var(--elevation-200)}.dropdown-pattern[data-astro-cid-rw4jxi32]{flex-direction:column;gap:var(--size-4);align-items:flex-start}.pattern-trigger[data-astro-cid-rw4jxi32]{width:60%;height:20px;background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.pattern-dropdown[data-astro-cid-rw4jxi32]{width:60%;height:30px;background:var(--background-base);border-radius:var(--radius-sm);box-shadow:var(--elevation-200)}.modal-pattern[data-astro-cid-rw4jxi32] .pattern-backdrop[data-astro-cid-rw4jxi32]{position:absolute;inset:0;background:#0000004d;border-radius:var(--radius-sm)}.modal-pattern[data-astro-cid-rw4jxi32] .pattern-modal[data-astro-cid-rw4jxi32]{width:60%;height:50%;background:var(--background-base);border-radius:var(--radius-sm);box-shadow:var(--elevation-400);position:relative}@media(max-width:768px){.elevation-demo[data-astro-cid-rw4jxi32]{padding:var(--size-20);gap:var(--size-16)}.demo-surface[data-astro-cid-rw4jxi32]{width:60px;height:60px}}