.dialog-example-backdrop,.alert-dialog-example-backdrop,.drawer-example-backdrop{background:#17171738;position:fixed;inset:0}.dialog-example-popup,.alert-dialog-example-popup,.popover-example-popup,.preview-card-example-popup,.tooltip-example-popup,.context-menu-example-popup,.drawer-example-popup{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;box-shadow:0 18px 48px #17171724}.dialog-example-popup,.alert-dialog-example-popup{width:min(420px,100vw - 32px);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-example-title,.alert-dialog-example-title,.drawer-example-title,.popover-example-title{font-size:var(--text-size-heading-sm);margin:0 0 8px;font-weight:650;line-height:1.25}.dialog-example-description,.alert-dialog-example-description,.drawer-example-description,.popover-example-description{color:var(--muted);font-size:var(--text-size-sm);margin-bottom:16px;line-height:1.5}.dialog-example-actions,.alert-dialog-example-actions{justify-content:flex-end;gap:8px;display:flex}.drawer-example-popup{width:min(360px,100vw - 24px);position:fixed;top:12px;bottom:12px;right:12px}.drawer-example-content{flex-direction:column;gap:16px;height:100%;padding:18px;display:flex}.drawer-example-grid{color:var(--muted);font-size:var(--text-size-sm);grid-template-columns:1fr auto;gap:10px 28px;margin-bottom:auto;display:grid}.drawer-example-grid strong{color:var(--text);font-weight:600}.context-menu-example-target{border:1px dashed var(--border);min-width:180px;color:var(--muted);font-size:var(--text-size-sm);border-radius:8px;justify-content:center;padding:18px;display:inline-flex}.context-menu-example-popup{gap:4px;min-width:180px;padding:6px;display:grid}.context-menu-example-separator{background:var(--border);height:1px;margin:4px 0}.popover-example-popup{width:280px;padding:14px}.popover-example-arrow,.preview-card-example-arrow,.tooltip-example-arrow{fill:var(--surface)}.preview-card-example-popup{width:300px;padding:14px}.preview-card-example-kicker{color:var(--muted);font-size:var(--text-size-xs);margin-bottom:8px}.preview-card-example-title{color:var(--text);font-size:var(--text-size-heading-sm);margin-bottom:6px;font-weight:650}.preview-card-example-description{color:var(--muted);font-size:var(--text-size-sm);margin-bottom:0;line-height:1.5}.tooltip-example-trigger{color:var(--text);font-size:var(--text-size-sm);border-bottom:1px dotted}.tooltip-example-popup{max-width:220px;color:var(--muted);font-size:var(--text-size-xs);padding:8px 10px;line-height:1.4}:root{color-scheme:light;--background:#fafafa;--surface:#fff;--surface-muted:#eee;--border-color:#eee;--border:var(--border-color);--text:#171717;--muted:#666;--accent:#444;--accent-strong:#171717;--text-size-xs:12px;--text-size-sm:13px;--text-size-md:14px;--text-size-lg:15px;--text-size-body:16px;--text-size-intro:clamp(16px, 2vw, 18px);--text-size-heading-sm:15px;--text-size-heading-md:18px;--text-size-heading-lg:clamp(24px, 3vw, 32px);--text-size-hero-heading:clamp(40px, 7vw, 72px);--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:var(--text-size-heading-lg);letter-spacing:0;margin-bottom:20px;line-height:1.05}h2{font-size:var(--text-size-heading-md);margin-bottom:12px;line-height:1.15}h3{font-size:var(--text-size-heading-sm);margin-bottom:8px;line-height:1.25}p,li{color:var(--muted);font-size:var(--text-size-body);line-height:1.6}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 0}th{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-size-xs);letter-spacing:0;font-weight:600;line-height:1.2}.density-style-example{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:20px 0 16px;padding:16px}.intro{max-width:660px;color:var(--muted);font-size:var(--text-size-intro);line-height:1.45}.eyebrow{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-size-xs);letter-spacing:0;font-weight:600;line-height:1.2}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--text);background:var(--text);min-height:38px;color:var(--surface);font-size:var(--text-size-lg);border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.button.large{min-height:48px;font-size:var(--text-size-body);padding:0 18px}.button.secondary{background:var(--surface-muted);color:var(--text);border-color:#0000}.site-shell[data-astro-cid-tq46r5sz]{flex-direction:column;min-height:100vh;display:flex}.site-header[data-astro-cid-tq46r5sz]{border-color:var(--border);border-style:solid;border-width:0 0 1px;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,64px);display:flex}.site-mark[data-astro-cid-tq46r5sz]{font-weight:700;text-decoration:none}.site-nav[data-astro-cid-tq46r5sz]{color:var(--text);font-size:var(--text-size-md);align-items:center;gap:18px;display:flex}.site-nav[data-astro-cid-tq46r5sz] a[data-astro-cid-tq46r5sz]{text-decoration:none}.site-nav[data-astro-cid-tq46r5sz] a[data-astro-cid-tq46r5sz]:hover{color:var(--text)}.site-nav-button[data-astro-cid-tq46r5sz]{border:1px solid var(--text);background:var(--text);color:var(--surface);font-size:var(--text-size-sm);border-radius:5px;padding:5px 10px;font-weight:600;line-height:1.2}.site-nav[data-astro-cid-tq46r5sz] .site-nav-button[data-astro-cid-tq46r5sz]:hover{color:var(--surface)}.site-footer[data-astro-cid-tq46r5sz]{border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-size-md);margin-top:auto;padding:0}.footer-main[data-astro-cid-tq46r5sz]{justify-content:space-between;align-items:flex-start;gap:clamp(48px,10vw,140px);padding:40px clamp(20px,5vw,64px) 28px;display:flex}.footer-mark[data-astro-cid-tq46r5sz]{color:var(--text);font-weight:700;text-decoration:none}.footer-link-columns[data-astro-cid-tq46r5sz]{grid-template-columns:repeat(3,minmax(150px,max-content));justify-content:end;gap:clamp(36px,7vw,96px);display:grid}.footer-nav-column[data-astro-cid-tq46r5sz]{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.footer-nav-column[data-astro-cid-tq46r5sz] h2[data-astro-cid-tq46r5sz]{margin:0 0 5px}.footer-nav-column[data-astro-cid-tq46r5sz] a[data-astro-cid-tq46r5sz]{color:var(--text);font-size:var(--text-size-md);white-space:nowrap;line-height:1.35;text-decoration:none}.site-basement[data-astro-cid-tq46r5sz]{text-align:center;padding:12px clamp(20px,5vw,64px)}.site-basement[data-astro-cid-tq46r5sz] p[data-astro-cid-tq46r5sz]{color:var(--muted);font-size:var(--text-size-xs);margin:0;line-height:1.5}.site-footer[data-astro-cid-tq46r5sz] a[data-astro-cid-tq46r5sz]{text-decoration:none}.site-footer[data-astro-cid-tq46r5sz] a[data-astro-cid-tq46r5sz]:hover{color:var(--text)}@media (width<=760px){.site-header[data-astro-cid-tq46r5sz],.footer-main[data-astro-cid-tq46r5sz]{flex-direction:column;align-items:flex-start}.footer-link-columns[data-astro-cid-tq46r5sz]{grid-template-columns:1fr;justify-content:stretch}}.page[data-astro-cid-zumaxxsl]{--page-inline-padding:clamp(20px, 5vw, 64px);width:100%;padding:clamp(32px, 5vw, 56px) var(--page-inline-padding) 72px;margin:0 auto}.page-site[data-astro-cid-zumaxxsl]{max-width:none}.page-examples[data-astro-cid-zumaxxsl]{max-width:calc(1180px + var(--page-inline-padding) * 2)}.page-narrow[data-astro-cid-zumaxxsl]{max-width:calc(760px + var(--page-inline-padding) * 2)}