.demo-surface--flush[data-astro-cid-qcmkudqk]{padding:0;overflow:hidden}.topnav[data-astro-cid-qcmkudqk]{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--bg-canvas);border-bottom:1px solid var(--border-default)}.topnav-logo[data-astro-cid-qcmkudqk]{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;white-space:nowrap;flex-shrink:0}.logo-mark[data-astro-cid-qcmkudqk]{display:block;flex-shrink:0}.topnav-wordmark[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-bold);color:var(--logo-wordmark);letter-spacing:var(--ls-tight)}.topnav-links[data-astro-cid-qcmkudqk]{display:flex;align-items:center;gap:var(--space-1);flex:1}.topnav-link[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--fg-3);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.topnav-link[data-astro-cid-qcmkudqk]:hover{background:var(--bg-muted);color:var(--fg-1)}.topnav-link--active[data-astro-cid-qcmkudqk]{color:var(--fg-1);font-weight:var(--fw-semibold)}.topnav-actions[data-astro-cid-qcmkudqk]{margin-left:auto}.hero[data-astro-cid-qcmkudqk]{padding:var(--space-12) var(--space-8);background:var(--bg-subtle);border-top:1px solid var(--border-subtle)}.hero-content[data-astro-cid-qcmkudqk]{max-width:640px}.hero-eyebrow[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--fg-accent);text-transform:uppercase;letter-spacing:var(--ls-wide);margin:0 0 var(--space-3)}.hero-headline[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-32);font-weight:var(--fw-bold);color:var(--fg-1);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin:0 0 var(--space-4)}.hero-subtext[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-16);color:var(--fg-2);line-height:var(--lh-relaxed);margin:0 0 var(--space-8);max-width:540px}.hero-actions[data-astro-cid-qcmkudqk]{display:flex;flex-wrap:wrap;gap:var(--space-3)}.demo-surface--modal-host[data-astro-cid-qcmkudqk]{min-height:320px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted)}.modal-backdrop-preview[data-astro-cid-qcmkudqk]{display:flex;align-items:center;justify-content:center;width:100%}.modal[data-astro-cid-qcmkudqk]{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;overflow:hidden}.modal-header[data-astro-cid-qcmkudqk]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle)}.modal-title[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--fg-1);margin:0}.modal-close[data-astro-cid-qcmkudqk]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--fg-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.modal-close[data-astro-cid-qcmkudqk]:hover{background:var(--bg-muted);color:var(--fg-1)}.modal-close[data-astro-cid-qcmkudqk]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.modal-body[data-astro-cid-qcmkudqk]{padding:var(--space-5) var(--space-6);font-family:var(--font-sans);font-size:var(--fs-14);color:var(--fg-2);line-height:var(--lh-relaxed)}.modal-body[data-astro-cid-qcmkudqk] p[data-astro-cid-qcmkudqk]{margin:0}.modal-footer[data-astro-cid-qcmkudqk]{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-subtle)}.table-wrap[data-astro-cid-qcmkudqk]{overflow-x:auto;width:100%}.data-table[data-astro-cid-qcmkudqk]{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--fs-14)}.data-table[data-astro-cid-qcmkudqk] th[data-astro-cid-qcmkudqk]{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--fw-semibold);font-size:var(--fs-12);color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--ls-wide);background:var(--bg-subtle);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table[data-astro-cid-qcmkudqk] td[data-astro-cid-qcmkudqk]{padding:var(--space-3) var(--space-4);color:var(--fg-2);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table[data-astro-cid-qcmkudqk] tbody[data-astro-cid-qcmkudqk] tr[data-astro-cid-qcmkudqk]:nth-child(2n) td[data-astro-cid-qcmkudqk]{background:var(--bg-subtle)}.data-table[data-astro-cid-qcmkudqk] tbody[data-astro-cid-qcmkudqk] tr[data-astro-cid-qcmkudqk]:last-child td[data-astro-cid-qcmkudqk]{border-bottom:none}.token-name[data-astro-cid-qcmkudqk]{font-family:monospace;font-size:var(--fs-13);background:var(--bg-muted);border-radius:var(--radius-xs);padding:1px var(--space-2);color:var(--fg-accent);white-space:nowrap}.color-swatch[data-astro-cid-qcmkudqk]{display:inline-block;width:12px;height:12px;border-radius:var(--radius-xs);border:1px solid rgba(0,0,0,.1);vertical-align:middle;margin-right:var(--space-2)}.badge[data-astro-cid-qcmkudqk]{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-semibold);padding:2px var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid transparent}.badge--info[data-astro-cid-qcmkudqk]{background:var(--color-info-200);color:var(--color-info-800);border-color:var(--color-info-400)}.badge--success[data-astro-cid-qcmkudqk]{background:var(--color-success-200);color:var(--color-success-800);border-color:var(--color-success-400)}.badge--warning[data-astro-cid-qcmkudqk]{background:var(--color-warning-200);color:var(--color-warning-800);border-color:var(--color-warning-400)}[data-astro-cid-qcmkudqk][data-theme=dark] .badge--info[data-astro-cid-qcmkudqk]{background:#7c5bd933;color:var(--color-info-400);border-color:#7c5bd94d}[data-astro-cid-qcmkudqk][data-theme=dark] .badge--success[data-astro-cid-qcmkudqk]{background:#2e9e6e33;color:var(--color-success-400);border-color:#2e9e6e4d}[data-astro-cid-qcmkudqk][data-theme=dark] .badge--warning[data-astro-cid-qcmkudqk]{background:#e9a23b33;color:var(--color-warning-400);border-color:#e9a23b4d}.empty-state[data-astro-cid-qcmkudqk]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-4);max-width:400px;margin:0 auto}.empty-icon[data-astro-cid-qcmkudqk]{color:var(--fg-4);line-height:1}.empty-title[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--fg-1);margin:0}.empty-body[data-astro-cid-qcmkudqk]{font-family:var(--font-sans);font-size:var(--fs-14);color:var(--fg-3);line-height:var(--lh-relaxed);margin:0}