:root{--bg:#20262e;--panel:#2c333d;--panel-deep:#1a1f26;--border:#3a424e;--border-strong:#4a5462;--fg:#e8ecf2;--muted:#8b95a5;--dim:#aab2c0;--tool-history:oklch(58% .01 264);--tool-transform:oklch(56% .16 258);--tool-joint:oklch(68% .15 70);--tool-shape:oklch(60% .1 190);--tool-fast-edit:oklch(56% .15 300);--tool-figurine:oklch(62% .16 10);--accent:var(--tool-transform);--on-accent-dark:#0c1013;--on-accent-light:#f6f7fb;--accent-content:var(--on-accent-dark);--radius:.6rem;--radius-lg:1.1rem;--max-width:1040px}body.page-shape{--accent:var(--tool-shape);--accent-content:var(--on-accent-dark)}body.page-figurine{--accent:var(--tool-figurine);--accent-content:var(--on-accent-dark)}body.page-fast-edit{--accent:var(--tool-fast-edit);--accent-content:var(--on-accent-light)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--fg);text-underline-offset:.15em;text-decoration:underline}a:hover{text-decoration:underline}.wordmark,.site-nav a,.footer-links a,.btn{text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;padding-bottom:1rem;display:flex}.wordmark{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.wordmark:hover{text-decoration:none}.wordmark .param{color:var(--tool-transform)}.wordmark .ability{color:var(--fg)}.site-nav{flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.site-nav a:not(.btn){color:var(--muted);border-bottom:1px solid #0000;padding-bottom:.15rem}.site-nav a:not(.btn):hover{color:var(--fg);border-bottom-color:var(--accent);text-decoration:none}.hero{padding:5.5rem 0 4rem;position:relative;overflow:hidden}.hero-bed{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bed .plate{transform-origin:50% 0;background-color:var(--panel);background-image:linear-gradient(var(--border-strong) 2px, transparent 2px), linear-gradient(90deg, var(--border-strong) 2px, transparent 2px), linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:top;background-size:140px 140px,140px 140px,28px 28px,28px 28px;height:100%;animation:26s linear infinite bed-drift;position:absolute;bottom:0;left:-25%;right:-25%;transform:perspective(1400px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 78%,#0000 100%)}@keyframes bed-drift{0%{background-position:50% 0}to{background-position:50% 140px}}@media (prefers-reduced-motion:reduce){.hero-bed .plate{animation:none}}.hero-bed .haze{background:linear-gradient(to bottom, var(--bg) 0%, transparent 32%, transparent 68%, var(--bg) 100%);position:absolute;inset:0}.hero .container{z-index:1;position:relative}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--fg);border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 14%, transparent);border-radius:999px;align-items:center;gap:.4rem;margin:0 0 1.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.025em;color:var(--fg);max-width:20ch;margin:0 0 1.1rem;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.08}.hero h1 .accent{color:var(--accent)}.hero .subhead{color:var(--dim);max-width:640px;margin:0 0 2rem;font-size:clamp(1.05rem,2vw,1.2rem)}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-block}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-content)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border-color:color-mix(in oklch, var(--accent) 55%, var(--border));color:var(--fg);background:0 0}.btn-ghost:hover{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent)}.tags{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--fg);border:1px solid color-mix(in oklch, var(--hue) 50%, transparent);background:color-mix(in oklch, var(--hue) 16%, transparent);border-radius:999px;padding:.32rem .85rem;font-size:.82rem;font-weight:600}.tags .t-accent{--hue:var(--accent)}.tags .t-transform{--hue:var(--tool-transform)}.tags .t-joint{--hue:var(--tool-joint)}.tags .t-shape{--hue:var(--tool-shape)}.tags .t-fast-edit{--hue:var(--tool-fast-edit)}.tags .t-figurine{--hue:var(--tool-figurine)}.tags .t-history{--hue:var(--tool-history)}section{border-top:1px solid var(--border);padding:3.25rem 0}section h2{letter-spacing:-.01em;color:var(--fg);margin:0 0 1.6rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:800}section>.container>p.lead{color:var(--dim);max-width:640px;margin:-1rem 0 1.75rem}.steps{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:3rem 1fr;gap:1.1rem;padding:1.15rem 1.35rem;display:grid;position:relative}.steps li:not(:last-child):after{content:"";background:var(--border-strong);width:2px;height:1.1rem;position:absolute;top:100%;left:2.4rem}.steps .step-index{color:var(--accent);font-size:1.5rem;font-weight:800;line-height:1.3}.steps h3{color:var(--fg);margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.steps p{color:var(--dim);margin:0;font-size:.95rem;line-height:1.6}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}.feature-grid .feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem 1.3rem 1.25rem;position:relative;overflow:hidden}.feature-grid .feature:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.feature-grid h3{color:var(--fg);margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.feature-grid p{color:var(--dim);margin:0;font-size:.93rem;line-height:1.6}.video-feature{border-top:1px solid var(--border);padding:3rem 0}.video-frame{aspect-ratio:16/9;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:0 auto;text-decoration:none;display:flex;position:relative;overflow:hidden}.video-frame:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.video-frame-play{border:2px solid var(--accent);background:color-mix(in oklch, var(--accent) 18%, transparent);width:3.5rem;height:3.5rem;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:inline-flex}.video-frame-caption{color:var(--dim);margin:0;font-size:.95rem;font-weight:600}.limits{background:var(--panel-deep);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius);padding:1.3rem 1.6rem}.limits>p:first-child{color:var(--dim);margin:0 0 .6rem}.limits ul{color:var(--muted);margin:.5rem 0 0;padding-left:1.25rem}.limits li{margin-bottom:.5rem}.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:.7rem;padding:.9rem 1.1rem}.faq summary{cursor:pointer;color:var(--fg);font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+ ";color:var(--accent);font-weight:800}.faq details[open] summary:before{content:"- "}.faq p{color:var(--dim);margin:.6rem 0 0}.site-footer{border-top:1px solid var(--border);background:var(--panel-deep);margin-top:1rem;padding:2.25rem 0}.footer-links{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.1rem;font-size:.9rem;display:flex}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--fg)}.footer-slogan{color:var(--dim);margin:0 0 .4rem;font-size:.9rem}.footer-slogan b{color:var(--tool-joint);font-weight:700}.footer-note{color:var(--muted);margin:0;font-size:.85rem}@media (width<=600px){.hero{padding:3.5rem 0 2.5rem}.hero h1{max-width:none}.steps li{grid-template-columns:2.25rem 1fr;gap:.85rem}.steps li:not(:last-child):after{left:1.65rem}}