.preview-shell{color:#18181b;background:#fff;min-height:100%;overflow-x:hidden}.preview-compact-editor-gate{background:radial-gradient(circle at 50% 0,#ddd6febf,#0000 24rem),linear-gradient(#faf9ff,#fff 62%)}.preview-mobile-editor-exit{z-index:100;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);width:max-content;max-width:calc(100vw - 2rem);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #18181b3d}.preview-shell *{box-sizing:border-box}.preview-shell a:focus-visible,.preview-shell button:focus-visible,.preview-shell summary:focus-visible{outline-offset:3px;outline:3px solid #7c3aed59}.preview-nav-link{color:#52525b;border-radius:999px;align-items:center;min-height:2.5rem;padding:0 .8rem;font-size:.75rem;font-weight:700;transition:color .18s,background-color .18s}.preview-nav-link:hover{color:#18181b;background:#f4f4f5e6}.preview-button{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;font-size:.75rem;font-weight:800;line-height:1;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.preview-button:hover{transform:translateY(-2px)}.preview-button:active{transform:translateY(0)}.preview-button-large{min-height:3.25rem;padding:0 1.35rem;font-size:.875rem}.preview-button-dark{color:#fff;background:#18181b;box-shadow:0 8px 22px #18181b24}.preview-button-dark:hover{background:#27272a}.preview-button-primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 55%,#3b82f6 100%);box-shadow:0 15px 35px #6366f142}.preview-button-primary:hover{background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 55%,#2563eb 100%);box-shadow:0 18px 40px #6366f152}.preview-button-light{color:#3f3f46;background:#ffffffe0;border-color:#e4e4e7;box-shadow:0 8px 25px #18181b0f}.preview-button-light:hover{color:#18181b;background:#fff;border-color:#c4b5fd}.preview-button-white{color:#18181b;background:#fff;box-shadow:0 12px 30px #0000002e}.preview-button-white:hover{background:#f5f3ff}.preview-button-ghost{color:#fff;background:#ffffff0d;border-color:#ffffff29}.preview-button-ghost:hover{background:#ffffff1a;border-color:#ffffff47}.preview-hero{isolation:isolate;background:radial-gradient(circle at 50% -12%,#ddd6febf,#0000 37rem),linear-gradient(#faf9ff 0%,#fff 84%)}.preview-hero-grid{z-index:-3;opacity:.38;background-image:linear-gradient(#71717a14 1px,#0000 1px),linear-gradient(90deg,#71717a14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 58%);mask-image:linear-gradient(#000,#0000 58%)}.preview-hero-glow{z-index:-2;pointer-events:none;filter:blur(4px);border-radius:999px;position:absolute}.preview-hero-glow-one{background:radial-gradient(circle,#3b82f624,#0000 68%);width:22rem;height:22rem;top:8rem;left:-8rem}.preview-hero-glow-two{background:radial-gradient(circle,#a78bfa33,#0000 68%);width:28rem;height:28rem;top:5rem;right:-10rem}.preview-kicker,.preview-dark-kicker{color:#6d28d9;background:#ffffffc7;border:1px solid #ddd6fe;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.45rem .8rem;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:0 8px 30px #6d28d912}.preview-gradient-text{color:#0000;background:linear-gradient(100deg,#7c3aed 5%,#6366f1 55%,#3b82f6 95%);-webkit-background-clip:text;background-clip:text}.preview-hero-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 8px 22px #27272a0f}.preview-hero-pill-violet{color:#6d28d9;background:linear-gradient(145deg,#f5f3ff,#fff);border-color:#ddd6fe}.preview-hero-pill-cyan{color:#0e7490;background:linear-gradient(145deg,#ecfeff,#fff);border-color:#a5f3fc}.preview-hero-pill-amber{color:#b45309;background:linear-gradient(145deg,#fffbeb,#fff);border-color:#fde68a}@media (width<=767px){.preview-hero-pill{width:100%}}.preview-hero-title{font-size:clamp(2.55rem,8vw,5.75rem)}.preview-hero-stage{perspective:1200px}.preview-hero-stage-button{cursor:pointer}.preview-product-frame{transform:translateZ(0)}.preview-product-frame-interactive{transition:transform .22s,box-shadow .22s}.preview-hero-stage-button:hover .preview-product-frame-interactive,.preview-hero-stage-button:focus-visible .preview-product-frame-interactive{transform:translateY(-6px)scale(1.01);box-shadow:0 34px 80px #5b21b638}.preview-screenshot-cta{z-index:5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#18181bd1;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.72rem;font-weight:800;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(6px);box-shadow:0 10px 25px #18181b40}.preview-hero-stage-button:hover .preview-screenshot-cta,.preview-hero-stage-button:focus-visible .preview-screenshot-cta{opacity:1;transform:translateY(0)}.preview-product-frame-compact img{min-width:45rem}.preview-section{padding-top:7rem;padding-bottom:7rem}.preview-section-soft{background:radial-gradient(circle at 12% 0,#ddd6fe47,#0000 24rem),#fafafa}.preview-eyebrow{color:#7c3aed;letter-spacing:.18em;font-size:.68rem;font-weight:900}.preview-section-title{text-wrap:balance;color:#18181b;letter-spacing:-.055em;font-size:clamp(2.25rem,4vw,4rem);font-weight:900;line-height:1.06}.preview-section-copy{color:#52525b;font-size:1rem;line-height:1.9}.preview-kind-card{border:1px solid #0000;border-radius:1.75rem;padding:2rem;transition:transform .18s,box-shadow .18s;box-shadow:0 24px 70px #27272a14}.preview-kind-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #27272a24}.preview-kind-violet{color:#4c1d95;background:linear-gradient(150deg,#f5f3ff 0%,#ede9fe 100%);border-color:#ddd6fe}.preview-kind-cyan{color:#155e75;background:linear-gradient(150deg,#ecfeff 0%,#cffafe 100%);border-color:#a5f3fc}.preview-import-card{border:1px solid #0000;border-radius:1.5rem;min-height:14rem;padding:1.35rem;transition:transform .18s,border-color .18s,box-shadow .18s}.preview-import-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #27272a14}.preview-import-violet{color:#6d28d9;background:linear-gradient(145deg,#f5f3ff,#fff);border-color:#ddd6fe}.preview-import-cyan{color:#0e7490;background:linear-gradient(145deg,#ecfeff,#fff);border-color:#a5f3fc}.preview-import-amber{color:#b45309;background:linear-gradient(145deg,#fffbeb,#fff);border-color:#fde68a}.preview-source-strip{background:#ffffffb8;border:1px solid #e4e4e7;border-radius:1.5rem;padding:1.5rem}.preview-source-strip>div{min-width:0}.preview-source-mark{color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;place-items:center;width:2.2rem;height:2.2rem;font-size:.72rem;font-weight:900;display:grid;box-shadow:0 6px 15px #27272a0f}.preview-screenshot-backdrop{z-index:-1;background:radial-gradient(circle at 20% 25%,#a78bfa59,#0000 32%),radial-gradient(circle at 80% 80%,#67e8f94d,#0000 34%),#f4f4f5;border-radius:2.5rem;position:absolute;inset:-2rem 12% -2rem -2rem}.preview-dark-section{isolation:isolate;background:radial-gradient(circle at 18% 12%,#7c3aed38,#0000 28rem),#09090b;position:relative;overflow:hidden}.preview-dark-grid{z-index:-1;opacity:.12;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.preview-dark-kicker{color:#c4b5fd;box-shadow:none;background:#8b5cf614;border-color:#c4b5fd2e}.preview-publish-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18181bd1;border:1px solid #ffffff1f;border-radius:1.5rem;overflow:hidden;box-shadow:0 28px 80px #00000061}.preview-demo-callout,.preview-wiki-callout{isolation:isolate}.preview-demo-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#a78bfa47,#0000 68%);border-radius:999px;width:26rem;height:26rem;position:absolute;top:-9rem;right:-4rem}.preview-faq summary{cursor:pointer;color:#18181b;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0;font-size:.95rem;font-weight:800;list-style:none;display:flex}.preview-faq summary::-webkit-details-marker{display:none}.preview-faq p{color:#52525b;max-width:48rem;padding:0 2.5rem 1.4rem 0;font-size:.875rem;line-height:1.8}.preview-final-cta{isolation:isolate;background:radial-gradient(circle at 20% 0,#8b5cf680,#0000 30rem),radial-gradient(circle at 85% 100%,#0891b242,#0000 26rem),#18181b;box-shadow:0 35px 90px #312e8133}.preview-final-grid{z-index:-1;opacity:.11;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}[data-reveal]{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}[data-reveal][data-revealed=true]{opacity:1;transform:translateY(0)}@media (width<=767px){.preview-section{padding-top:5rem;padding-bottom:5rem}.preview-kind-card{padding:1.5rem}.preview-product-frame{border-radius:1rem}.preview-product-frame img{min-width:52rem;transform:translate(-7%)}.preview-product-frame-compact img{min-width:46rem;transform:translate(-12%)}.preview-kicker{text-align:center;justify-content:center;max-width:100%}}@media (width<=420px){.preview-hero-title{font-size:clamp(2.3rem,11.5vw,3rem)}.preview-section-title{font-size:2.15rem}}.preview-showcase{background:#fff;border:1px solid #e4e4e7;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:0 30px 80px #27272a1f}.preview-showcase img{width:100%;height:auto;display:block}.preview-showcase-caption{color:#71717a;border-top:1px solid #f4f4f5;padding:1rem 1.35rem 1.15rem;font-size:.75rem;font-weight:600;line-height:1.7}.preview-tool-card{background:#fff;border:1px solid #e4e4e7;border-radius:1.5rem;padding:1.65rem;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 16px 45px #27272a0d}.preview-tool-card:hover{border-color:#ddd6fe;transform:translateY(-4px);box-shadow:0 22px 50px #27272a17}.preview-flow-list{border-top:1px solid #e4e4e7;border-bottom:1px solid #e4e4e7}.preview-flow-row{border-bottom:1px solid #e4e4e7;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;padding:1.5rem 0;display:grid}.preview-flow-row:last-child{border-bottom:0}.preview-ai-figure{background:#fff;border:1px solid #e4e4e7;border-radius:1.75rem;overflow:hidden;box-shadow:0 26px 70px #27272a1a}.preview-publish-figure{background:#fff;border:1px solid #ffffff24;border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 80px #00000073}@media (prefers-reduced-motion:reduce){.preview-shell *,.preview-shell :before,.preview-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.preview-web-upload-backdrop{z-index:200;background:#18181b73;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.preview-web-upload{background:#fff;border-radius:1.1rem;width:100%;max-width:28rem;padding:1.5rem;box-shadow:0 24px 60px #18181b4d}.preview-web-upload-title{letter-spacing:-.02em;color:#18181b;font-size:1rem;font-weight:900}.preview-web-upload-lead{color:#52525b;margin-top:.6rem;font-size:.8rem;line-height:1.8}.preview-web-upload-lead code{background:#f4f4f5;border-radius:.35rem;margin:0 .2rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.preview-web-upload-field{margin-top:1rem;display:block}.preview-web-upload-field span{color:#3f3f46;margin-bottom:.35rem;font-size:.75rem;font-weight:800;display:block}.preview-web-upload-field input{color:#18181b;border:1px solid #e4e4e7;border-radius:.7rem;width:100%;min-height:2.5rem;padding:.55rem .75rem;font-size:.82rem}.preview-web-upload-note{color:#a1a1aa;margin-top:.75rem;font-size:.72rem;line-height:1.7}.preview-web-upload-progress,.preview-web-upload-result{margin-top:1rem}.preview-web-upload-label{color:#18181b;font-size:.82rem;font-weight:800}.preview-web-upload-track{background:#f4f4f5;border-radius:999px;height:.4rem;margin-top:.5rem;overflow:hidden}.preview-web-upload-bar{background:linear-gradient(90deg,#7c3aed,#2563eb);border-radius:999px;height:100%;transition:width .26s}.preview-web-upload-detail{color:#71717a;overflow-wrap:anywhere;margin-top:.5rem;font-size:.72rem;line-height:1.7}.preview-web-upload-result .preview-button{margin-top:.85rem}.preview-web-upload-error{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;margin-top:1rem;padding:.75rem .85rem;font-size:.78rem;line-height:1.7}.preview-web-upload-actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}