#main-demo-landing[hidden]{display:none}body.main-demo-landing-visible{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}#main-demo-landing{width:min(100%,1040px);margin:0 auto;padding:clamp(16px,2.5vw,28px) clamp(20px,4vw,44px);box-sizing:border-box;color:#e2e8f0}#main-demo-landing h1{position:relative;margin:0 auto 10px;color:#f8fafc;font-size:clamp(2.7rem,10vw,3.8rem);text-align:center;letter-spacing:-.03em}.main-demo-brand{--twin-replay-gap: .015em;--brand-mark-gap: .18em;display:inline-flex;align-items:center;gap:var(--brand-mark-gap);white-space:nowrap}.main-demo-brand-wordmark{display:inline-flex;align-items:baseline;gap:var(--twin-replay-gap)}.main-demo-brand-twin{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-style:italic;font-weight:800;letter-spacing:-.045em}.main-demo-brand-replay{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-style:italic;font-weight:400;letter-spacing:-.045em}.main-demo-brand-mark{width:1.34em;height:.94em;overflow:visible;flex:0 0 auto}.main-demo-tagline{position:relative;max-width:720px;margin:14px auto 0;color:#cbd5e1;text-align:center;font-size:clamp(1.02rem,2.4vw,1.32rem);font-weight:400;line-height:1.3}.main-demo-tagline strong{color:#f8fafc}.main-demo-beta-note{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:2px auto 0;padding:7px 13px;border:1px solid rgba(56,189,248,.36);border-radius:999px;background:#0e749033;color:#bae6fd;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.main-demo-beta-note:before{width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 0 4px #67e8f91f;content:""}.main-demo-card .main-demo-beta-note{margin:-4px 0 0}.main-demo-hero-description{max-width:700px;margin:14px auto 0;color:#cbd5e1;font-size:.98rem;line-height:1.55;text-align:center}.main-demo-discord-link{display:inline-flex;align-items:center;gap:9px;margin:18px auto 0;padding:10px 16px;border:1px solid rgba(167,139,250,.55);border-radius:999px;background:#7c3aed38;color:#ede9fe;font-size:.9rem;font-weight:800;text-decoration:none;transition:background .15s ease,transform .15s ease}.main-demo-discord-link:hover{background:#7c3aed6b;transform:translateY(-1px)}.main-demo-discord-icon{width:20px;height:20px;fill:currentColor}.main-demo-workflow{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:780px;margin:22px auto 26px;padding:0;list-style:none;counter-reset:step}.main-demo-workflow li{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px 8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#eef5f1;font-size:.82rem;font-weight:700;letter-spacing:.01em}.main-demo-workflow li:before{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#ffd33d,#f06a35);color:#201007;font-size:.7rem;font-weight:900;content:counter(step);counter-increment:step}.main-demo-comparisons{margin-top:30px}.main-demo-comparisons-title{margin:0 0 16px;color:#f8fafc;font-size:clamp(1.15rem,3vw,1.4rem);text-align:center;letter-spacing:-.02em}.main-demo-comparisons-controls{display:flex;justify-content:center;margin:0 0 14px}#main-demo-descriptions-toggle{padding:7px 16px;border:1px solid rgba(148,163,184,.45);border-radius:999px;background:transparent;color:#cbd5e1;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}#main-demo-descriptions-toggle:hover{background:#94a3b829;color:#f8fafc}#main-demo-landing .main-demo-comparison+.main-demo-comparison{margin-top:16px}.main-demo-comparison-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.main-demo-comparison-header .main-demo-tag{margin:0}.main-demo-comparison-header .main-demo-comparison-actions{margin-top:0;margin-left:auto}.main-demo-details-toggle{display:inline-flex;align-items:center;gap:6px;flex-basis:100%;order:1;justify-content:flex-start;margin:0;padding:4px 2px;border:none;background:transparent;color:#93c5fd;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;user-select:none}.main-demo-details-toggle:before{content:"▸";display:inline-block;transition:transform .12s ease}.main-demo-details-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.main-demo-comparison-details{margin:10px 0 0}.main-demo-comparison-details[hidden]{display:none}.main-demo-comparison-details>p{margin:0;color:#cbd5e1;font-size:.92rem;line-height:1.55}#main-demo-landing .main-demo-comparison{position:relative;display:block;overflow:hidden;margin:0 auto;max-width:560px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#222a31,#1d2329);color:inherit;box-shadow:0 18px 42px #00000047}.main-demo-comparison-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.main-demo-comparison-actions button,.main-demo-comparison-actions a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;margin:0;padding:0 16px;border:1px solid rgba(160,36,10,.35);border-radius:999px;background:linear-gradient(135deg,#ffd33d,#f06a35);color:#201007;font:inherit;font-size:.8rem;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}.main-demo-comparison-actions button:hover,.main-demo-comparison-actions a:hover{filter:brightness(1.08);transform:translateY(-1px)}.main-demo-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:32px;margin:0 0 7px;padding:0 14px;border:1px solid rgba(255,211,61,.4);border-radius:999px;color:#ffe58a;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}#main-demo-landing .thumbnail-strip{position:relative;display:flex;align-items:stretch;height:auto;aspect-ratio:1.857 / 1;gap:1px;overflow:hidden;background:#160a05}#main-demo-landing .main-demo-thumbnail-tag{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border:1px solid rgba(255,211,61,.5);border-radius:999px;background:#0f172ac7;color:#ffe58a;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}#main-demo-landing .thumbnail{display:block;width:0;min-width:0;height:100%;flex:1 1 0;object-fit:cover;object-position:center}#main-demo-landing .versus-badge{position:absolute;top:50%;left:50%;z-index:0;padding:0 10px 3px;transform:translate(-50%,-50%) rotate(-8deg) skew(-8deg);color:#ffd33d;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(38px,8vw,62px);line-height:.9;letter-spacing:-.08em;text-shadow:3px 3px 0 #190602,6px 6px 0 #d64016,-2px -2px 0 #fff0a8;-webkit-text-stroke:2px #6d1305;filter:drop-shadow(0 6px 8px rgba(0,0,0,.75));pointer-events:none}#main-demo-landing .info{padding:14px 16px 15px}#main-demo-landing .title{overflow:hidden;font-size:16px;font-weight:750;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.main-demo-card-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);grid-template-rows:1fr;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.main-demo-card-grid::-webkit-scrollbar{display:none}.main-demo-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;border:1px solid rgba(148,163,184,.32);border-radius:12px;background:#0f172a7a;scroll-snap-align:start;scroll-snap-stop:always}.main-demo-card-dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;margin-top:8px}.main-demo-card-dots[hidden]{display:none}.main-demo-card-dots [data-card-dot]{flex:0 0 8px;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#64748b;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.main-demo-card-dots [data-card-dot][aria-selected=true]{background:#f8fafc;box-shadow:0 0 0 3px #f8fafc2e}.main-demo-screenshot-deck{box-sizing:border-box;width:min(100%,700px);margin:24px auto 0;border:1px solid rgba(148,163,184,.3);border-radius:12px;background:#02061761;overflow:hidden}.main-demo-screenshot-stage{position:relative;display:grid;place-items:center;aspect-ratio:776 / 657;background:#020617;overflow:hidden;touch-action:pan-y}.main-demo-screenshot-track{position:absolute;inset:0;display:flex;width:100%;height:100%;transform:translateZ(0);transition:transform .36s ease;will-change:transform}.main-demo-screenshot-track.is-dragging{transition:none}.main-demo-screenshot-slide{position:relative;flex:0 0 100%;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;opacity:1;visibility:visible;pointer-events:none}.main-demo-screenshot-slide[aria-hidden=false]{pointer-events:auto}.main-demo-playback{position:absolute;right:10px;bottom:10px;z-index:3;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#0f172acc;color:#fff;cursor:pointer}.main-demo-playback svg{display:block;width:16px;height:16px;margin:auto;fill:currentColor}.main-demo-playback:hover{background:#334155}.main-demo-playback:focus-visible{outline:2px solid #ffe58a;outline-offset:3px}.main-demo-screenshot-slide[hidden]{display:none}.main-demo-screenshot-slide img,.main-demo-screenshot-slide video{display:block;width:100%;height:100%;object-fit:contain}.main-demo-screenshot-slide img[hidden],.main-demo-screenshot-slide video[hidden],.main-demo-screenshot-dialog-stage img[hidden],.main-demo-screenshot-dialog-stage video[hidden]{display:none}.main-demo-screenshot-slide .main-demo-screenshot-tag,.main-demo-screenshot-dialog-tag{position:absolute;top:10px;left:10px;z-index:1}.main-demo-screenshot-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border:1px solid rgba(255,211,61,.5);border-radius:999px;background:#0f172ac7;color:#ffe58a;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.main-demo-screenshot-dots{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:52px;padding:6px 12px;flex-shrink:0}.main-demo-screenshot-dots [data-screenshot-dot]{flex:0 0 8px;min-width:0;min-height:0;margin:0;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#64748b;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.main-demo-screenshot-dots button[aria-selected=true]{background:#f8fafc;box-shadow:0 0 0 3px #f8fafc2e}.main-demo-screenshot-dots button:focus-visible,.main-demo-card-dots button:focus-visible,.main-demo-screenshot-slide:focus-visible,.main-demo-screenshot-nav:focus-visible,.main-demo-screenshot-dialog-close:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.main-demo-screenshot-nav{flex:0 0 36px;box-sizing:border-box;margin:0 6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(226,232,240,.45);border-radius:50%;background:#020617b8;color:#f8fafc;font-size:1.55rem;line-height:1;cursor:pointer}.main-demo-screenshot-nav:hover{background:#0f172af0}.main-demo-screenshot-dialog{box-sizing:border-box;position:relative;width:min(96vw,1500px);height:96dvh;max-width:min(96vw,1500px);max-height:96dvh;margin:auto;padding:12px;border:1px solid rgba(148,163,184,.45);border-radius:14px;background:#020617;color:#f8fafc;box-shadow:0 24px 80px #000000b3}.main-demo-screenshot-dialog::backdrop{background:#020617d1}.main-demo-screenshot-dialog-stage{touch-action:pan-y;user-select:none;position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0}.main-demo-screenshot-dialog-stage img,.main-demo-screenshot-dialog-stage video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.main-demo-screenshot-dialog-stage img[hidden],.main-demo-screenshot-dialog-stage video[hidden]{display:none}.main-demo-screenshot-dialog .main-demo-screenshot-dots{position:absolute;right:auto;bottom:12px;left:50%;z-index:3;width:max-content;max-width:calc(100% - 24px);min-height:0;height:30px;padding:3px 7px;border:0;border-radius:999px;background:#0206175c;box-shadow:none;transform:translate(-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-demo-screenshot-dialog .main-demo-screenshot-dots [data-screenshot-dot]{box-sizing:border-box;flex-basis:10px;width:10px;height:10px;border:1px solid rgba(226,232,240,.7);background:#64748b80}.main-demo-screenshot-dialog .main-demo-screenshot-dots [data-screenshot-dot][aria-selected=true]{border-color:#f8fafc;background:#f8fafc}.main-demo-screenshot-dialog-close{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(226,232,240,.38);border-radius:50%;background:#0f172ae6;color:#f8fafc;font-size:1.45rem;line-height:1;cursor:pointer}.main-demo-use-cases{margin-top:24px}.main-demo-use-cases>h2{margin:0 0 12px;color:#f8fafc;font-size:1.35rem}.main-demo-card h2,.main-demo-card h3{margin:0;color:#f8fafc;font-size:1.2rem}.main-demo-card p{margin:0;color:#cbd5e1;line-height:1.5}body.main-demo-landing-visible #main-demo-landing,body.main-demo-landing-visible #main-demo-landing *{-webkit-user-select:text;user-select:text}#main-2d-demo-confirm-dialog{max-width:min(92vw,500px);border:1px solid rgba(148,163,184,.55);border-radius:12px;color:#e2e8f0;background:#0f172a;box-shadow:0 24px 70px #00000073}#main-2d-demo-confirm-dialog::backdrop{background:#0f172a9e}#main-2d-demo-confirm-dialog p{line-height:1.5}.main-demo-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}body.main-demo-landing-visible #app-content-row,body.main-demo-landing-visible #results-compact-controls,body.main-demo-landing-visible #show-tour-btn,body.main-demo-landing-visible #cancel-tour-btn,body.main-demo-landing-visible #back-to-start-page-btn,body.main-demo-landing-visible #build-tag,html.main-2d-demo-prerender #main-demo-landing,body.main-2d-demo-mode #main-demo-landing{display:none!important}@media(max-width:620px){.main-demo-card-grid{grid-auto-columns:minmax(100%,1fr)}.main-demo-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.main-demo-workflow li{width:auto;justify-content:center;min-width:0;text-align:center;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.main-demo-card-grid{scroll-behavior:auto}.main-demo-screenshot-track{transition-duration:.01ms}}@media(max-height:620px)and (orientation:landscape){.main-demo-screenshot-deck{width:min(100%,700px,calc((100dvh - 72px) * 776 / 657))}.main-demo-screenshot-stage{width:100%}}