:root{color-scheme:light;--z-bg:#fff;--z-fg:#0f172a;--z-surface:#f8fafc;--z-surface-raised:#fff;--z-surface-overlay:#fff;--z-border:#e2e8f0;--z-border-strong:#cbd5e1;--z-muted:#f1f5f9;--z-muted-fg:#64748b;--z-primary:#7c3aed;--z-primary-fg:#fff;--z-primary-hover:#6d28d9;--z-primary-active:#5b21b6;--z-primary-soft:#f5f3ff;--z-primary-soft-fg:#6d28d9;--z-success:#059669;--z-success-fg:#fff;--z-success-soft:#ecfdf5;--z-success-soft-fg:#047857;--z-warning:#f59e0b;--z-warning-fg:#0f172a;--z-warning-soft:#fffbeb;--z-warning-soft-fg:#b45309;--z-danger:#dc2626;--z-danger-fg:#fff;--z-danger-hover:#b91c1c;--z-danger-soft:#fef2f2;--z-danger-soft-fg:#b91c1c;--z-info:#0284c7;--z-info-fg:#fff;--z-info-soft:#f0f9ff;--z-info-soft-fg:#0369a1;--z-ring:#8b5cf6;--z-overlay:rgba(2,6,23,.55);--z-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--z-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--z-radius:0.375rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--z-bg:#020617;--z-fg:#f1f5f9;--z-surface:#0f172a;--z-surface-raised:#1e293b;--z-surface-overlay:#1e293b;--z-border:#1e293b;--z-border-strong:#334155;--z-muted:#1e293b;--z-muted-fg:#94a3b8;--z-primary:#8b5cf6;--z-primary-fg:#fff;--z-primary-hover:#a78bfa;--z-primary-active:#c4b5fd;--z-primary-soft:rgba(139,92,246,.16);--z-primary-soft-fg:#c4b5fd;--z-success:#10b981;--z-success-fg:#020617;--z-success-soft:rgba(16,185,129,.16);--z-success-soft-fg:#6ee7b7;--z-warning:#fbbf24;--z-warning-fg:#020617;--z-warning-soft:rgba(245,158,11,.16);--z-warning-soft-fg:#fcd34d;--z-danger:#ef4444;--z-danger-fg:#fff;--z-danger-hover:#f87171;--z-danger-soft:rgba(239,68,68,.16);--z-danger-soft-fg:#fca5a5;--z-info:#0ea5e9;--z-info-fg:#020617;--z-info-soft:rgba(14,165,233,.16);--z-info-soft-fg:#7dd3fc;--z-ring:#a78bfa;--z-overlay:rgba(2,6,23,.7);--z-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--z-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--z-radius:0.375rem}}:root[data-zephora-scheme=light]{color-scheme:light;--z-bg:#fff;--z-fg:#0f172a;--z-surface:#f8fafc;--z-surface-raised:#fff;--z-surface-overlay:#fff;--z-border:#e2e8f0;--z-border-strong:#cbd5e1;--z-muted:#f1f5f9;--z-muted-fg:#64748b;--z-primary:#7c3aed;--z-primary-fg:#fff;--z-primary-hover:#6d28d9;--z-primary-active:#5b21b6;--z-primary-soft:#f5f3ff;--z-primary-soft-fg:#6d28d9;--z-success:#059669;--z-success-fg:#fff;--z-success-soft:#ecfdf5;--z-success-soft-fg:#047857;--z-warning:#f59e0b;--z-warning-fg:#0f172a;--z-warning-soft:#fffbeb;--z-warning-soft-fg:#b45309;--z-danger:#dc2626;--z-danger-fg:#fff;--z-danger-hover:#b91c1c;--z-danger-soft:#fef2f2;--z-danger-soft-fg:#b91c1c;--z-info:#0284c7;--z-info-fg:#fff;--z-info-soft:#f0f9ff;--z-info-soft-fg:#0369a1;--z-ring:#8b5cf6;--z-overlay:rgba(2,6,23,.55);--z-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--z-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--z-radius:0.375rem}:root[data-zephora-scheme=dark]{color-scheme:dark;--z-bg:#020617;--z-fg:#f1f5f9;--z-surface:#0f172a;--z-surface-raised:#1e293b;--z-surface-overlay:#1e293b;--z-border:#1e293b;--z-border-strong:#334155;--z-muted:#1e293b;--z-muted-fg:#94a3b8;--z-primary:#8b5cf6;--z-primary-fg:#fff;--z-primary-hover:#a78bfa;--z-primary-active:#c4b5fd;--z-primary-soft:rgba(139,92,246,.16);--z-primary-soft-fg:#c4b5fd;--z-success:#10b981;--z-success-fg:#020617;--z-success-soft:rgba(16,185,129,.16);--z-success-soft-fg:#6ee7b7;--z-warning:#fbbf24;--z-warning-fg:#020617;--z-warning-soft:rgba(245,158,11,.16);--z-warning-soft-fg:#fcd34d;--z-danger:#ef4444;--z-danger-fg:#fff;--z-danger-hover:#f87171;--z-danger-soft:rgba(239,68,68,.16);--z-danger-soft-fg:#fca5a5;--z-info:#0ea5e9;--z-info-fg:#020617;--z-info-soft:rgba(14,165,233,.16);--z-info-soft-fg:#7dd3fc;--z-ring:#a78bfa;--z-overlay:rgba(2,6,23,.7);--z-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--z-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--z-radius:0.375rem}*{box-sizing:border-box}:root{--docs-topbar-h:56px;--docs-sidebar-w:264px;--docs-content-max:62rem;--docs-radius:12px;--docs-glow:0 0 80px 24px rgba(124,58,237,.12)}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--docs-topbar-h) + 16px)}body,html{margin:0;padding:0;font-family:var(--z-font-sans,ui-sans-serif,system-ui,sans-serif);background:var(--z-bg,#fff);color:var(--z-fg,#0f172a)}body{font-size:15px;line-height:1.6}a{color:var(--z-primary,#7c3aed);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--z-ring,#8b5cf6);outline-offset:2px;border-radius:4px}.doc-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:.75rem;height:var(--docs-topbar-h);padding-inline:.75rem;-webkit-border-after:1px solid var(--z-border,#e2e8f0);border-block-end:1px solid var(--z-border,#e2e8f0);background:color-mix(in srgb,var(--z-bg,#fff) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.doc-topbar .brand{display:inline-flex;align-items:center;color:var(--z-fg,#0f172a)}.doc-topbar .brand:hover{text-decoration:none}.doc-menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:var(--z-fg,#0f172a);cursor:pointer}.doc-menu-button:hover{background:var(--z-muted,#f1f5f9)}.doc-topnav{display:none}.doc-topbar-actions{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;gap:.25rem}.doc-lang-select{height:34px;max-width:110px;border:1px solid var(--z-border,#e2e8f0);border-radius:8px;background:var(--z-bg,#fff);color:var(--z-fg,#0f172a);font-size:.8rem;padding-inline:.4rem}@media (max-width:479px){.doc-github{display:none}.doc-lang-select{max-width:84px}.doc-topbar{gap:.4rem;padding-inline:.5rem}}.doc-scheme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:10px;background:transparent;color:var(--z-muted-fg,#64748b);cursor:pointer}.doc-scheme-toggle:hover{background:var(--z-muted,#f1f5f9);color:var(--z-fg,#0f172a)}.doc-github{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--z-muted-fg,#64748b)}.doc-github:hover{background:var(--z-muted,#f1f5f9);color:var(--z-fg,#0f172a);text-decoration:none}.doc-body{display:block}.doc-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:70;width:min(var(--docs-sidebar-w),84vw);transform:translateX(-104%);transition:transform .24s cubic-bezier(.2,0,0,1);background:var(--z-surface,#f8fafc);-webkit-border-end:1px solid var(--z-border,#e2e8f0);border-inline-end:1px solid var(--z-border,#e2e8f0)}[dir=rtl] .doc-sidebar{transform:translateX(104%)}.doc-sidebar[data-open]{transform:translateX(0);box-shadow:24px 0 48px -24px rgba(2,6,23,.35)}.doc-sidebar-inner{height:100%;overflow-y:auto;padding:1rem .9rem 1.5rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent}.doc-sidebar-inner:focus-within,.doc-sidebar-inner:hover{scrollbar-color:var(--z-border-strong,#cbd5e1) transparent}.doc-sidebar-inner::-webkit-scrollbar{width:8px}.doc-sidebar-inner::-webkit-scrollbar-track{background:transparent}.doc-sidebar-inner::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px;border:2px solid transparent;background-clip:padding-box}.doc-sidebar-inner:focus-within::-webkit-scrollbar-thumb,.doc-sidebar-inner:hover::-webkit-scrollbar-thumb{background:var(--z-border-strong,#cbd5e1);background-clip:padding-box}.doc-sidebar-inner::-webkit-scrollbar-thumb:hover{background:var(--z-muted-fg,#94a3b8);background-clip:padding-box}.doc-sidebar-overlay{position:fixed;inset:0;z-index:65;background:rgba(2,6,23,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.doc-sidebar h4{margin:1.25rem .35rem .35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--z-muted-fg,#64748b)}.doc-sidebar ul{list-style:none;margin:0;padding:0}.doc-sidebar li a{display:block;padding:.34rem .65rem;border-radius:8px;color:var(--z-fg,#0f172a);font-size:.875rem}.doc-sidebar li a:hover{background:var(--z-muted,#f1f5f9);text-decoration:none}.doc-sidebar li a[aria-current=page]{background:var(--z-primary-soft,#f5f3ff);color:var(--z-primary,#7c3aed);font-weight:600}.doc-sidebar-footer{display:flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem .35rem 0;border-top:1px solid var(--z-border,#e2e8f0);color:var(--z-muted-fg,#64748b);font-size:.75rem}.doc-content{min-width:0;padding:1.5rem 1rem 4rem;max-width:var(--docs-content-max);margin-inline:auto}.doc-content h1{margin:.5rem 0 .75rem;font-size:clamp(1.75rem,4.5vw,2.5rem);letter-spacing:-.02em;line-height:1.15}.doc-content h2{margin:2.25rem 0 .75rem;font-size:clamp(1.25rem,3vw,1.5rem);letter-spacing:-.01em}.doc-content h3{margin:1.5rem 0 .5rem;font-size:1.05rem}.doc-category{font-size:.75rem;font-weight:600;color:var(--z-primary,#7c3aed);text-transform:uppercase;letter-spacing:.08em;margin:0}.doc-lede{font-size:clamp(.95rem,2.5vw,1.05rem);color:var(--z-muted-fg,#475569);max-width:46rem}.doc-import{background:var(--z-surface,#f8fafc);border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius);padding:.75rem 1rem;font-size:.8rem}.doc-code,.doc-import{font-family:var(--z-font-mono,monospace);overflow-x:auto;-webkit-overflow-scrolling:touch}.doc-code{margin:0;padding:1rem;background:#0b1120;color:#dbe4f3;font-size:.78rem;line-height:1.6;border-radius:0}.doc-code[hidden]{display:none}pre.doc-code:not(.doc-example pre):not(.block-card pre){border-radius:var(--docs-radius)}.doc-example{border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius);margin-block:1.25rem;overflow:hidden;background:var(--z-bg,#fff);box-shadow:0 1px 2px rgba(2,6,23,.04)}.doc-example-canvas{padding:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc-example-toolbar{display:flex;justify-content:flex-end;gap:.25rem;-webkit-border-before:1px solid var(--z-border,#e2e8f0);border-block-start:1px solid var(--z-border,#e2e8f0);padding:.3rem .6rem;background:var(--z-surface,#f8fafc)}.doc-example-toolbar button{border:none;background:transparent;color:var(--z-primary,#7c3aed);cursor:pointer;font-size:.78rem;font-weight:500;padding:.3rem .6rem;border-radius:8px;min-height:36px}.doc-example-toolbar button:hover{background:var(--z-primary-soft,#f5f3ff)}table.doc-props{width:100%;min-width:560px;border-collapse:collapse;font-size:.83rem;margin-block:.5rem 1.5rem}.doc-content div[style*=overflow-x],.doc-content>div:has(>table.doc-props){border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius)}table.doc-props td,table.doc-props th{text-align:start;padding:.55rem .75rem;-webkit-border-after:1px solid var(--z-border,#e2e8f0);border-block-end:1px solid var(--z-border,#e2e8f0);vertical-align:top}table.doc-props tr:last-child td{-webkit-border-after:none;border-block-end:none}table.doc-props th{position:-webkit-sticky;position:sticky;top:0;background:var(--z-surface,#f8fafc);color:var(--z-muted-fg,#64748b);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}table.doc-props code{font-family:var(--z-font-mono,monospace);font-size:.76rem;background:var(--z-muted,#f1f5f9);padding:.1rem .35rem;border-radius:6px}table.doc-props td.prop-name code{color:var(--z-primary,#7c3aed);background:var(--z-primary-soft,#f5f3ff)}.hero{position:relative;padding:2.5rem 0 1.5rem;text-align:center}.hero:before{content:"";position:absolute;inset-inline:10%;top:-40px;height:220px;background:radial-gradient(closest-side,rgba(124,58,237,.14),transparent);pointer-events:none}.hero>*{position:relative}.hero h1{font-size:clamp(2.1rem,7vw,3.2rem);margin:0 0 .75rem;letter-spacing:-.03em;background:linear-gradient(120deg,var(--z-fg,#0f172a),var(--z-primary,#7c3aed));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:clamp(1rem,3vw,1.15rem);color:var(--z-muted-fg,#64748b);max-width:44rem;margin-inline:auto}.hero>div[style]{justify-content:center}.card-grid{display:grid;grid-template-columns:1fr;grid-gap:.9rem;gap:.9rem;margin-block:1.5rem}.category-card{border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius);padding:1.1rem 1.2rem;background:var(--z-surface-raised,#fff);color:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}a.category-card:hover{text-decoration:none;border-color:var(--z-primary,#7c3aed);box-shadow:0 8px 24px -12px rgba(124,58,237,.35);transform:translateY(-2px)}.category-card h3{margin:0 0 .25rem}.category-card span{color:var(--z-primary,#7c3aed);font-size:.8rem;font-weight:600}.category-card p{color:var(--z-muted-fg,#64748b)}.designer-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}.designer-controls{border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius);padding:1rem;background:var(--z-surface,#f8fafc);display:flex;flex-direction:column;gap:.65rem}.designer-controls label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem}.designer-controls input[type=text],.designer-controls select{width:130px;font-family:var(--z-font-mono,monospace);font-size:.8rem;padding:.45rem .5rem;border:1px solid var(--z-border-strong,#cbd5e1);border-radius:8px;background:var(--z-bg,#fff);color:var(--z-fg,#0f172a)}.designer-preview{border:1px dashed var(--z-border-strong,#cbd5e1);border-radius:var(--docs-radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--z-bg,#fff)}.block-tabs{display:flex;gap:.5rem;margin-block:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;-webkit-padding-after:.25rem;padding-block-end:.25rem;scrollbar-width:none}.block-tabs::-webkit-scrollbar{display:none}.block-tabs a{flex-shrink:0;padding:.45rem 1rem;border:1px solid var(--z-border,#e2e8f0);border-radius:9999px;font-size:.85rem;color:var(--z-fg,#0f172a);min-height:38px;display:inline-flex;align-items:center}.block-tabs a.active{background:var(--z-primary,#7c3aed);border-color:var(--z-primary,#7c3aed);color:var(--z-primary-fg,#fff)}.block-tabs a:hover{text-decoration:none}.block-card{border:1px solid var(--z-border,#e2e8f0);border-radius:var(--docs-radius);margin-block:1.5rem;overflow:hidden;background:var(--z-bg,#fff);box-shadow:0 1px 2px rgba(2,6,23,.04)}.block-card-head{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;-webkit-border-after:1px solid var(--z-border,#e2e8f0);border-block-end:1px solid var(--z-border,#e2e8f0);background:var(--z-surface,#f8fafc)}.block-card-head h3{margin:0;font-size:1rem}.block-card-head p{margin:.1rem 0 0;color:var(--z-muted-fg,#64748b);font-size:.82rem}.block-card-preview{padding:0;background:var(--z-bg,#fff);overflow-x:auto;-webkit-overflow-scrolling:touch}@media (min-width:640px){.doc-content{padding:2rem 1.5rem 5rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.block-card-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}.hero{padding:3.5rem 0 2rem}}@media (min-width:1024px){.doc-menu-button,.doc-sidebar-overlay{display:none}.doc-topnav{display:flex;gap:.25rem;-webkit-margin-start:1rem;margin-inline-start:1rem}.doc-topnav a{padding:.4rem .7rem;border-radius:8px;color:var(--z-muted-fg,#475569);font-size:.85rem;font-weight:500}.doc-topnav a:hover{background:var(--z-muted,#f1f5f9);color:var(--z-fg,#0f172a);text-decoration:none}.doc-body{display:flex;align-items:flex-start}.doc-sidebar{position:-webkit-sticky;position:sticky;top:var(--docs-topbar-h);inset-block:auto;height:calc(100vh - var(--docs-topbar-h));transition:none;flex-shrink:0;width:var(--docs-sidebar-w);box-shadow:none}.doc-sidebar,[dir=rtl] .doc-sidebar{transform:none}.doc-content{flex:1 1;padding:2.5rem 3rem 6rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.designer-grid{grid-template-columns:330px 1fr;gap:2rem}.designer-preview{padding:2rem}.hero{text-align:start}.hero:before{inset-inline:0 40%}.hero p{margin-inline:0}.hero>div[style]{justify-content:flex-start}.doc-body[data-landing] .doc-sidebar{display:none}}.doc-body[data-landing] .doc-content{max-width:none;padding:0}.landing-section{padding:3rem 1.25rem}.landing-inner{max-width:72rem;margin-inline:auto}.landing-hero{position:relative;text-align:center;padding:4rem 1.25rem 3rem;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset-inline:15%;top:-80px;height:340px;background:radial-gradient(closest-side,rgba(124,58,237,.18),transparent);pointer-events:none}.landing-hero>*{position:relative}.landing-hero h1{font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:-.03em;margin:1.25rem 0 1rem;line-height:1.1}.landing-hero h1 .grad{background:linear-gradient(120deg,#8b5cf6,#6d28d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero p{font-size:clamp(1rem,3vw,1.2rem);color:var(--z-muted-fg,#64748b);max-width:42rem;margin:0 auto 1.75rem}.landing-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.landing-install{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.6rem 1rem;border:1px solid var(--z-border,#e2e8f0);border-radius:9999px;background:var(--z-surface,#f8fafc);font-family:var(--z-font-mono,monospace);font-size:.82rem;max-width:100%;overflow-x:auto;white-space:nowrap}.landing-install button{border:none;background:transparent;color:var(--z-primary,#7c3aed);cursor:pointer;font-size:.78rem;font-weight:600;flex-shrink:0}.landing-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--z-border,#e2e8f0);border-block:1px solid var(--z-border,#e2e8f0)}.landing-stats>div{background:var(--z-bg,#fff);padding:1.5rem 1rem;text-align:center}.landing-stats strong{display:block;font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.02em;color:var(--z-primary,#7c3aed)}.landing-stats span{font-size:.82rem;color:var(--z-muted-fg,#64748b)}.landing-h2{text-align:center;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.02em;margin:0 0 .5rem}.landing-sub{text-align:center;color:var(--z-muted-fg,#64748b);max-width:40rem;margin:0 auto 2rem}.landing-showcase{border:1px solid var(--z-border,#e2e8f0);border-radius:16px;background:var(--z-surface-raised,#fff);box-shadow:0 24px 64px -32px rgba(2,6,23,.25);overflow:hidden}.landing-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;-webkit-border-after:1px solid var(--z-border,#e2e8f0);border-block-end:1px solid var(--z-border,#e2e8f0);background:var(--z-surface,#f8fafc)}.landing-showcase-body{padding:1.25rem;display:grid;grid-gap:1.25rem;gap:1.25rem}.landing-features{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.landing-feature{border:1px solid var(--z-border,#e2e8f0);border-radius:12px;padding:1.25rem;background:var(--z-surface-raised,#fff);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.landing-feature:hover{border-color:var(--z-primary,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px -12px rgba(124,58,237,.35)}.landing-feature .fic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--z-primary-soft,#f5f3ff);color:var(--z-primary,#7c3aed);margin-bottom:.75rem}.landing-feature h3{margin:0 0 .35rem;font-size:1rem}.landing-feature p{margin:0;font-size:.87rem;color:var(--z-muted-fg,#64748b)}.landing-split{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:stretch}.landing-split .doc-code{border-radius:12px;margin:0;font-size:.75rem}.landing-split-preview{border:1px dashed var(--z-border-strong,#cbd5e1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}.landing-blocks{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.landing-block-card{display:block;border:1px solid var(--z-border,#e2e8f0);border-radius:12px;overflow:hidden;color:inherit;background:var(--z-surface-raised,#fff);transition:border-color .16s ease,transform .16s ease}.landing-block-card:hover{text-decoration:none;border-color:var(--z-primary,#7c3aed);transform:translateY(-2px)}.landing-block-thumb{height:120px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.landing-block-card>div:last-child{padding:.8rem 1rem;font-size:.85rem;color:var(--z-muted-fg,#64748b)}.landing-footer{-webkit-border-before:1px solid var(--z-border,#e2e8f0);border-block-start:1px solid var(--z-border,#e2e8f0);padding:2rem 1.25rem;text-align:center;color:var(--z-muted-fg,#64748b);font-size:.85rem}.landing-footer nav{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}@media (min-width:640px){.landing-section{padding:4rem 2rem}.landing-stats{grid-template-columns:repeat(4,1fr)}.landing-blocks,.landing-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-features{grid-template-columns:repeat(3,1fr)}.landing-split{grid-template-columns:1.1fr 1fr}.landing-blocks{grid-template-columns:repeat(4,1fr)}.landing-showcase-body{grid-template-columns:1.4fr 1fr}}.block-card-preview,.block-tabs,.doc-code,.doc-content div[style*=overflow-x],.doc-example-canvas,.doc-import{scrollbar-width:thin;scrollbar-color:var(--z-border-strong,#cbd5e1) transparent}.block-card-preview::-webkit-scrollbar,.doc-code::-webkit-scrollbar,.doc-content div[style*=overflow-x]::-webkit-scrollbar,.doc-example-canvas::-webkit-scrollbar,.doc-import::-webkit-scrollbar{height:8px}.block-card-preview::-webkit-scrollbar-thumb,.doc-code::-webkit-scrollbar-thumb,.doc-content div[style*=overflow-x]::-webkit-scrollbar-thumb,.doc-example-canvas::-webkit-scrollbar-thumb,.doc-import::-webkit-scrollbar-thumb{background:var(--z-border-strong,#cbd5e1);border-radius:9999px}.doc-code::-webkit-scrollbar-thumb{background:#33415c}.block-card-preview::-webkit-scrollbar-track,.doc-code::-webkit-scrollbar-track,.doc-example-canvas::-webkit-scrollbar-track,.doc-import::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion:reduce){.category-card,.doc-sidebar{transition:none}}.cookie-consent{position:fixed;inset-inline:0;inset-block-end:0;z-index:2147483000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;padding:.9rem 1.25rem;background:var(--z-bg,#fff);color:var(--z-fg,#0f172a);-webkit-border-before:1px solid var(--z-border,#e2e8f0);border-block-start:1px solid var(--z-border,#e2e8f0);box-shadow:0 -8px 24px rgba(15,23,42,.12)}.cookie-consent-text{margin:0;max-inline-size:62ch;font-size:.85rem;line-height:1.5;color:var(--z-muted-fg,#475569)}.cookie-consent-actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-consent-accept,.cookie-consent-decline{cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border:1px solid var(--z-border,#e2e8f0);background:transparent;color:var(--z-fg,#0f172a)}.cookie-consent-accept{border-color:transparent;background:var(--z-primary,#7c3aed);color:var(--z-primary-fg,#fff)}.cookie-consent-accept:hover{background:var(--z-primary-hover,#6d28d9)}.cookie-consent-decline:hover{background:var(--z-muted,#f1f5f9)}@media (max-width:640px){.cookie-consent{justify-content:stretch;text-align:start}.cookie-consent-actions{inline-size:100%;justify-content:flex-end}}