:root{--bg:#0b0b0d;--panel:#141416;--panel2:#1b1b1e;--text:#f5f3ed;--muted:#97979f;--line:#2b2b30;--acid:#d9ff43;--orange:#ff6b35;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 10%,rgba(217,255,67,.08),transparent 22%),var(--bg);min-height:100vh}button,input{font:inherit}button{color:inherit}.topbar{height:74px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:14px;font-weight:850;letter-spacing:.12em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:#0b0b0d;background:var(--acid);border-radius:8px;font-size:17px;letter-spacing:0}.brand em{font-size:8px;letter-spacing:.08em;border:1px solid #4c4d48;border-radius:99px;padding:3px 6px;color:var(--muted);font-style:normal}.top-actions{display:flex;align-items:center;gap:20px}.text-button{background:none;border:0;padding:8px;cursor:pointer;color:#c9c8c3}.text-button:hover{color:var(--acid)}.credits{font-size:12px;color:var(--muted);padding:8px 12px;background:#171719;border:1px solid var(--line);border-radius:99px}.credits b{color:var(--acid)}main{max-width:1240px;margin:auto;padding:0 24px}.hero{padding:82px 0 54px;max-width:920px}.eyebrow{margin:0 0 17px;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(54px,8vw,104px);font-weight:850;letter-spacing:-.065em;line-height:.86}.hero h1 span{color:#74747b}.lede{max-width:620px;margin:28px 0 25px;font-size:19px;line-height:1.55;color:#b8b7b3}.proof{display:flex;gap:24px;flex-wrap:wrap;color:#77777f;font-size:12px}.proof span:before{content:"✓";color:var(--acid);margin-right:7px}.studio{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr);min-height:630px;border:1px solid var(--line);background:#101012;border-radius:24px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35)}.visual-panel{position:relative;min-height:630px;background:linear-gradient(135deg,#19191d,#111113);overflow:hidden}.upload-zone{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;border-right:1px solid var(--line)}.upload-zone:after{content:"";position:absolute;inset:22px;border:1px dashed #39393e;border-radius:16px;pointer-events:none;transition:.25s}.upload-zone.dragging:after{border-color:var(--acid);background:rgba(217,255,67,.04)}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-empty{text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px;padding:40px}.upload-empty strong{font-size:19px}.upload-empty span{font-size:13px;color:var(--muted)}.upload-empty small{margin-top:20px;padding:8px 11px;border-radius:8px;background:#212125;color:#85858b}.upload-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#0b0b0d;font-size:25px;margin-bottom:8px;transform:rotate(-45deg)}#originalImage{width:100%;height:100%;object-fit:contain;display:none;background:#09090a}.upload-zone.has-image #originalImage{display:block}.upload-zone.has-image .upload-empty{display:none}.result-stage{position:absolute;inset:0;background:#09090a}.result-stage img{width:100%;height:100%;object-fit:contain}.result-badge{position:absolute;left:22px;bottom:22px;font-size:9px;letter-spacing:.15em;font-weight:800;background:rgba(8,8,9,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:9px 12px}.result-badge span{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:7px}.close-result{position:absolute;right:20px;top:20px;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.45);border-radius:50%;font-size:22px;cursor:pointer}.rendering{position:absolute;inset:0;background:rgba(8,8,9,.86);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:4}.rendering[hidden]{display:none}.scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(217,255,67,.12) 49%,var(--acid) 50%,rgba(217,255,67,.12) 51%,transparent 100%);background-size:100% 200%;animation:scan 3s linear infinite;opacity:.45}.render-copy{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.render-copy strong{font-size:18px}.render-copy small{color:var(--muted)}.spinner{width:34px;height:34px;border:2px solid #4b4b50;border-top-color:var(--acid);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{from{background-position:0 100%}to{background-position:0 -100%}}.control-panel{padding:34px;background:var(--panel)}.step{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.step>span{font-size:9px;color:var(--acid);font-weight:850;padding-top:4px}.step strong,.step small{display:block}.step strong{font-size:15px}.step small{color:var(--muted);font-size:11px;margin-top:4px}.step.second{margin-top:31px}.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mod{min-height:100px;text-align:left;padding:15px;border:1px solid var(--line);background:#18181b;border-radius:12px;cursor:pointer;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;transition:.2s}.mod:hover{border-color:#55555b}.mod.active{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid);background:#1b1d17}.mod>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;color:var(--acid)}.mod b{font-size:13px}.mod small{font-size:10px;color:var(--muted);margin-top:3px}.wheel-icon{border:5px double #bbb;border-radius:50%}.wrap-icon{border-radius:5px;background:linear-gradient(135deg,#8f36ff 0 35%,#2fd6ff 36% 65%,#ff5474 66%)}.kit-icon,.stance-icon{font-size:24px}.style-list{display:flex;flex-wrap:wrap;gap:8px}.style-list button{border:1px solid var(--line);background:#1a1a1d;padding:10px 12px;border-radius:9px;font-size:11px;color:#b8b7bd;cursor:pointer}.style-list button:hover{border-color:#55555b}.style-list button.active{background:var(--text);border-color:var(--text);color:#101012;font-weight:750}.render-button{width:100%;margin-top:31px;border:0;background:var(--acid);color:#0b0b0d;border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:850;transition:.2s}.render-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(217,255,67,.17)}.render-button small{font-size:9px;opacity:.65}.render-button:disabled{opacity:.35;cursor:not-allowed}.status{color:#ff8f6b;font-size:11px;line-height:1.5;min-height:16px;margin:10px 2px 0}.result-actions{display:flex;justify-content:space-between;align-items:end;padding:30px 4px}.result-actions h2{font-size:30px;margin:0}.action-buttons{display:flex;gap:10px;align-items:center}.share-button,.secondary-button{border:0;border-radius:10px;padding:12px 17px;font-weight:750;cursor:pointer}.share-button{background:var(--acid);color:#0b0b0d}.secondary-button{background:#202024;border:1px solid var(--line)}.how-it-works{padding:130px 0 110px}.how-it-works>h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.05em;max-width:680px;line-height:1;margin:0 0 52px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:26px 30px 0 0}.steps article+article{border-left:1px solid var(--line);padding-left:30px}.steps article>b{color:var(--acid);font-size:10px}.steps h3{font-size:17px;margin:35px 0 10px}.steps p{font-size:13px;line-height:1.6;color:var(--muted);max-width:300px}dialog{width:min(720px,calc(100% - 28px));background:#151518;color:var(--text);border:1px solid #3b3b40;border-radius:20px;padding:34px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}dialog h2{font-size:34px;margin:0}.dialog-lede{color:var(--muted)}.dialog-close{position:absolute;right:19px;top:17px;border:0;background:none;font-size:25px;cursor:pointer}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.packs button{position:relative;border:1px solid var(--line);background:#1c1c20;border-radius:13px;padding:22px 16px;text-align:left;cursor:pointer}.packs button:hover{border-color:var(--acid)}.packs button span,.packs button strong,.packs button small{display:block}.packs button span{color:var(--muted);font-size:12px}.packs button span b{font-size:24px;color:var(--text)}.packs button strong{font-size:22px;margin:24px 0 3px}.packs button small{color:var(--muted)}.packs .popular{border-color:var(--acid)}.packs button em{position:absolute;right:9px;top:9px;background:var(--acid);color:#101012;font-size:7px;font-style:normal;font-weight:900;padding:4px 6px;border-radius:5px}.payment-note{text-align:center;color:var(--muted);font-size:10px;margin:20px 0 0}footer{max-width:1240px;margin:auto;padding:34px 24px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{font-size:10px;color:#66666d}@media(max-width:820px){.topbar{padding:0 18px}.top-actions .text-button{display:none}main{padding:0 14px}.hero{padding:60px 5px 38px}.hero h1{font-size:clamp(48px,14vw,75px)}.lede{font-size:16px}.proof{gap:12px}.studio{grid-template-columns:1fr}.visual-panel{min-height:auto;aspect-ratio:4/3}.upload-zone{border-right:0;border-bottom:1px solid var(--line)}.control-panel{padding:25px 18px}.result-actions{align-items:flex-start;gap:20px;flex-direction:column}.action-buttons{width:100%;flex-wrap:wrap}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;padding-left:0}.steps article{border-top:1px solid var(--line);padding-bottom:25px}.how-it-works{padding:90px 5px}.packs{grid-template-columns:1fr}.packs button strong{margin-top:12px}footer{align-items:flex-start;gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}