:root{--coral:#ff7a59;--amber:#ffb25b;--gold:#ffd166;--rose:#c8577a;--plum:#5b3b6e;--night:#0b1026;--night2:#1b1e45;--grad:linear-gradient(135deg,#ff7a59 0%,#ffb25b 100%);--good:#2e9e86;--ground:#fbf8f5;--surface:#fff;--surface-2:#f6f1eb;--raise:#fff;--ink:#1b2130;--muted:#6e665e;--faint:#948b81;--line:#ebe1d7;--line-2:#f1e9e0;--shadow:0 1px 2px #1b21300a,0 10px 34px #1b213012;--ring:#ff7a5980}@media (prefers-color-scheme:dark){:root{--ground:#0b1026;--surface:#141a34;--surface-2:#1c2247;--raise:#1a2040;--ink:#f4eff6;--muted:#aeb2cc;--faint:#7f84a3;--line:#ffffff1a;--line-2:#ffffff0f;--shadow:0 1px 2px #00000059,0 14px 44px #00000080;--ring:#ffb25b99}}:root[data-theme=light]{--ground:#fbf8f5;--surface:#fff;--surface-2:#f6f1eb;--raise:#fff;--ink:#1b2130;--muted:#6e665e;--faint:#948b81;--line:#ebe1d7;--line-2:#f1e9e0;--shadow:0 1px 2px #1b21300a,0 10px 34px #1b213012;--ring:#ff7a5980}:root[data-theme=dark]{--ground:#0b1026;--surface:#141a34;--surface-2:#1c2247;--raise:#1a2040;--ink:#f4eff6;--muted:#aeb2cc;--faint:#7f84a3;--line:#ffffff1a;--line-2:#ffffff0f;--shadow:0 1px 2px #00000059,0 14px 44px #00000080;--ring:#ffb25b99}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.12}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,input,select{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:8px}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}header{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;position:sticky;top:0}.hrow{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.sun{background:var(--grad);border-radius:50%;flex:none;width:20px;height:20px;box-shadow:0 0 16px #ffb25bb3}.brand small{color:var(--faint);border-left:1px solid var(--line);margin-left:2px;padding-left:10px;font-size:12.5px;font-weight:600}.hlinks{align-items:center;gap:14px;display:flex}.hlink{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.hlink:hover{color:var(--ink)}.themebtn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;width:34px;height:34px}.hero{text-align:center;padding:46px 0 26px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);background:color-mix(in srgb,var(--coral) 13%,transparent);border-radius:999px;margin-bottom:16px;padding:5px 13px;font-size:11.5px;font-weight:800;display:inline-block}.hero h1{max-width:640px;margin:0 auto;font-size:38px;font-weight:800}.hero h1 .g{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:520px;margin:14px auto 0;font-size:17px}.tool{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin:26px 0 40px;overflow:hidden}.state{animation:.35s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.inpad{text-align:center;padding:40px 30px 44px}.inputrow{flex-wrap:wrap;gap:10px;max-width:520px;margin:0 auto;display:flex}.urlfield{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;gap:9px;min-width:240px;padding:0 14px;display:flex}.urlfield span{color:var(--faint);font-size:14px}.urlfield input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-family:inherit;font-size:16px}.cta{background:var(--grad);color:#231400;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:9px;padding:14px 22px;font-size:15px;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 8px 22px #ff7a5952}.cta:hover{transform:translateY(-2px)}.cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta.block{justify-content:center;width:100%}.orup{color:var(--faint);margin-top:16px;font-size:13.5px}.orup button{color:var(--coral);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:13.5px;font-weight:700;text-decoration:underline}.trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:22px;margin-top:26px;font-size:13px;display:flex}.trust b{color:var(--ink)}.errbox{text-align:left;background:color-mix(in srgb,var(--rose) 12%,transparent);border:1px solid color-mix(in srgb,var(--rose) 40%,transparent);max-width:520px;color:var(--ink);border-radius:12px;margin:18px auto 0;padding:12px 16px;font-size:14px}.errbox b{color:var(--rose)}.expad{text-align:center;max-width:440px;margin:0 auto;padding:56px 30px}.exdisc{background:var(--grad);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:26px;display:flex;box-shadow:0 10px 28px #ff7a5966}.exstages{text-align:left;flex-direction:column;gap:9px;margin:20px 0 0;padding:0;list-style:none;display:flex}.exs{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:11px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;display:flex}.exs .st{border:2px solid var(--line);border-radius:50%;flex:none;width:20px;height:20px;position:relative}.exs.run{color:var(--ink);border-color:var(--coral)}.exs.run .st{border-color:var(--coral);border-top-color:#0000;animation:.8s linear infinite spin}.exs.ok{color:var(--ink)}.exs.ok .st{border-color:var(--good);background:var(--good)}.exs.ok .st:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.result{grid-template-columns:1.15fr .85fr;display:grid}.previewwrap{background:var(--surface-2);border-right:1px solid var(--line);flex-direction:column;gap:14px;padding:24px;display:flex}.plabel{justify-content:space-between;align-items:center;display:flex}.plabel .eyebrow{margin:0}.swap{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.buildspin{border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite spin}.onepager{aspect-ratio:16/9;border:1px solid var(--line);background:var(--op-bg,#fff);color:var(--op-ink,#14232b);border-radius:12px;flex-direction:column;padding:6.5% 7%;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000014}.op-logo{color:var(--op-ink,#14232b);align-items:center;gap:8px;font-size:clamp(15px,2.3vw,22px);font-weight:800;display:flex}.op-mark{flex:none;width:1em;height:1em}.op-logo-img{object-fit:contain;object-position:left center;max-width:45%;height:1.4em}.op-name{font-size:clamp(22px,4.4vw,40px);font-weight:800;font-family:var(--op-head,inherit);margin-top:auto}.op-sub{color:var(--op-muted,#7b756e);margin-top:1px;font-size:clamp(10px,1.5vw,15px)}.op-swatches{gap:2.4%;margin-top:5%;display:flex}.op-sw{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.op-sw .chip{aspect-ratio:1.15;border-radius:7px;box-shadow:inset 0 0 0 1px #0000000f}.op-sw .hx{font-family:ui-monospace,Menlo,monospace;font-size:clamp(7px,1vw,10px);font-weight:700}.op-sw .rl{letter-spacing:.06em;text-transform:uppercase;color:var(--op-muted,#7b756e);font-size:clamp(6px,.85vw,8.5px)}.op-fonts{color:var(--op-muted,#7b756e);margin-top:5%;font-size:clamp(9px,1.35vw,13px)}.op-foot{color:var(--op-muted,#7b756e);margin-top:4%;font-size:clamp(8px,1.15vw,11px)}.previewnote{color:var(--faint);align-items:flex-start;gap:7px;font-size:12px;display:flex}.tweak{flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.tweak h3{font-size:17px;font-weight:800}.tweak .sub{color:var(--muted);margin-top:4px;font-size:13.5px}.grp label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:9px;font-size:11px;font-weight:800;display:block}.colorrow{align-items:center;gap:9px;margin-bottom:8px;display:flex}.colorrow input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;flex:none;width:34px;height:34px;padding:2px}.colorrow .hexin{border:1px solid var(--line);background:var(--surface-2);width:88px;color:var(--ink);border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.colorrow select{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--ink);border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:13px}.colorrow .rm{color:var(--faint);cursor:pointer;background:0 0;border:none;flex:none;padding:4px;font-size:16px}.colorrow .rm:hover{color:var(--rose)}.addc{border:1px dashed var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;width:100%;padding:8px;font-size:13px;font-weight:700}.addc:hover{border-color:var(--coral);color:var(--coral)}.fontrow{align-items:center;gap:10px;margin-bottom:9px;display:flex}.fontrow .web{flex:1;min-width:0;font-size:13.5px}.fontrow .web b{font-weight:700}.fontrow .web span{color:var(--faint);font-size:11.5px;display:block}.fontrow .arrow{color:var(--faint)}.fontrow select{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;padding:8px;font-family:inherit;font-size:13px}.logorow{align-items:center;gap:12px;display:flex}.logobox{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:38px;display:flex;overflow:hidden}.logobox img{object-fit:contain;max-width:100%;max-height:100%}.logorow .repl{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700}.dlbtn{margin-top:2px}.dlpad{text-align:center;max-width:520px;margin:0 auto;padding:44px 30px}.dlpad .exdisc{background:var(--good);box-shadow:0 10px 28px #2e9e8666}.dlfiles{flex-direction:column;gap:10px;margin:24px 0;display:flex}.file{border:1px solid var(--line);background:var(--surface-2);text-align:left;border-radius:12px;align-items:center;gap:13px;padding:13px 16px;display:flex}.file .ic{background:var(--grad);border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.file .m{flex:1;min-width:0}.file .m b{font-size:14.5px;font-weight:700;display:block}.file .m span{color:var(--faint);font-size:12.5px}.file .get{background:var(--ink);color:var(--ground);cursor:pointer;border:none;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.upsell{background:linear-gradient(160deg,color-mix(in srgb,var(--coral) 12%,transparent),color-mix(in srgb,var(--amber) 12%,transparent));border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:14px;margin-top:20px;padding:18px;display:flex}.upsell .ut{flex:1}.upsell b{font-weight:800}.upsell p{color:var(--muted);margin:3px 0 0;font-size:13.5px}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#0b102699;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:18px;width:100%;max-width:420px;padding:28px;animation:.3s both fade}.sheet .exdisc{margin-bottom:14px}.sheet h3{font-size:20px;font-weight:800}.sheet p{color:var(--muted);margin:8px 0 18px;font-size:14px}.sheet input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:11px;outline:none;margin-bottom:11px;padding:13px 15px;font-family:inherit;font-size:15px}.sheet .fine{color:var(--faint);margin-top:12px;font-size:12px}.sheet .close{color:var(--faint);cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:13px;text-decoration:underline}.sheet .gateerr{color:var(--rose);margin:-4px 0 10px;font-size:13px;font-weight:600}.toast{opacity:0;pointer-events:none;background:var(--night);color:#fff;z-index:60;border-radius:12px;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 40px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .g{background:var(--good);border-radius:50%;width:9px;height:9px}footer{border-top:1px solid var(--line);color:var(--faint);text-align:center;padding:24px 0;font-size:13px}@media (max-width:820px){.result{grid-template-columns:1fr}.previewwrap{border-right:none;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.footlinks{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:6px;display:flex}.footlinks a{color:var(--muted);font-weight:600;text-decoration:none}.footlinks a:hover{color:var(--ink)}.page{max-width:760px;margin:0 auto;padding:40px 22px 64px}.page h1{margin-bottom:6px;font-size:30px}.page .lead{color:var(--muted);margin:8px 0 26px}.prose h2{margin:26px 0 8px;font-size:18px}.prose p,.prose li{color:var(--ink);margin:8px 0;font-size:15px}.prose ul{padding-left:20px}.prose .muted{color:var(--faint);font-size:13px}.formcard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-top:20px;padding:22px}.formcard label{margin:14px 0 6px;font-size:13px;font-weight:700;display:block}.formcard input,.formcard textarea{background:var(--ground);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:11px 12px;font-size:15px}.formcard textarea{resize:vertical;min-height:120px}.formok{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:18px}.backhome{color:var(--muted);margin-bottom:18px;font-weight:600;text-decoration:none;display:inline-block}.backhome:hover{color:var(--ink)}.comingsoon{text-align:center;padding:30px 0}.comingsoon .badge{background:var(--grad);color:#231400;letter-spacing:.02em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}