:root{--bg: #0b0a14;--bg-2: #12101f;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f4f2ff;--muted: #a7a1c7;--violet: #a855f7;--pink: #ec4899;--grad: linear-gradient(120deg, #a855f7 0%, #ec4899 100%);--grad-soft: linear-gradient(120deg, rgba(168, 85, 247, .18), rgba(236, 72, 153, .18));--danger: #fb7185;--success: #34d399;--radius: 18px;--radius-sm: 12px;--font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.22),transparent),radial-gradient(ellipse 50% 40% at 90% 30%,rgba(236,72,153,.1),transparent);background-attachment:fixed}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::selection{background:#a855f766}.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0b0a14b8;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;box-shadow:0 4px 18px #a855f773;flex:none}.brand-word{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:.2px}.brand-word em{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;display:block;margin-top:-4px}.hero{position:relative;border-radius:0 0 28px 28px;overflow:hidden;min-height:clamp(420px,62vh,620px);display:flex;align-items:flex-end;margin-bottom:34px}.hero-bg{position:absolute;inset:0;background:url(/hero.jpg) center 30% / cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,20,.35) 0%,rgba(11,10,20,.55) 45%,var(--bg) 96%),linear-gradient(90deg,rgba(11,10,20,.5),transparent 60%)}.hero-content{position:relative;z-index:2;padding:48px 0 40px;width:min(1080px,100% - 32px);margin-inline:auto}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,7vw,64px);line-height:1.08;letter-spacing:-.5px;max-width:15ch}.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-style:italic}.hero p{margin-top:16px;color:#d6d1ec;font-size:clamp(15px,2vw,18px);font-weight:300;max-width:46ch}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#e4e0f6;background:#ffffff12;border:1px solid var(--border);padding:8px 14px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--grad);box-shadow:0 0 10px #ec4899e6}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:26px;margin-bottom:20px;animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel-title{font-family:var(--font-display);font-size:24px;font-weight:600;margin-bottom:4px}.panel-sub{color:var(--muted);font-size:14px;margin-bottom:20px}.steps{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.step-pill{display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:14px;font-weight:500;transition:all .25s ease}.step-pill .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#ffffff14;flex:none}.step-pill.active{color:var(--text);border-color:#a855f78c;background:var(--grad-soft);box-shadow:0 0 0 3px #a855f71f}.step-pill.active .num{background:var(--grad);color:#fff}.step-pill.done{color:var(--text);border-color:#34d39966}.step-pill.done .num{background:#34d3992e;color:var(--success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:15px;font-weight:600;padding:13px 22px;border-radius:14px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad);border:none;color:#fff;box-shadow:0 8px 26px #a855f759}.btn-primary:not(:disabled):hover{box-shadow:0 10px 34px #ec489973}.btn-ghost{background:transparent}.btn-block{width:100%}.btn-lg{padding:16px 26px;font-size:16px;border-radius:16px}.btn-sm{padding:9px 15px;font-size:13.5px;border-radius:11px}.input{width:100%;background:#0b0a1499;border:1px solid var(--border);color:var(--text);font-size:15px;padding:14px 16px;border-radius:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:#6f6a90}.input:focus{border-color:#a855f799;box-shadow:0 0 0 4px #a855f724}.field{display:flex;gap:10px}.field .input{flex:1}.seg{display:flex;gap:6px;background:#0b0a148c;border:1px solid var(--border);border-radius:14px;padding:5px;flex-wrap:wrap}.seg button{flex:1;min-width:108px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .2s ease}.seg button.on{background:var(--grad);color:#fff;box-shadow:0 4px 16px #a855f766}.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#e4e0f6;background:var(--grad-soft);border:1px solid rgba(168,85,247,.3);padding:7px 13px;border-radius:999px}.alert{display:flex;gap:10px;align-items:flex-start;background:#fb718517;border:1px solid rgba(251,113,133,.3);color:#fecdd3;font-size:14px;padding:13px 16px;border-radius:13px;margin-top:14px}.alert-ok{background:#34d39914;border-color:#34d3994d;color:#a7f3d0}.thumb-strip{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.4) transparent}.thumb{flex:none;width:104px;height:130px;border-radius:14px;overflow:hidden;border:2px solid var(--border);background:#ffffff0a;scroll-snap-align:start;position:relative;cursor:pointer;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.thumb img{width:100%;height:100%;object-fit:cover}.thumb:active{transform:scale(.95)}.thumb.on{border-color:var(--pink);box-shadow:0 0 0 3px #ec489940,0 8px 24px #ec489933}.thumb .check{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;opacity:0;transform:scale(.6);transition:all .2s ease}.thumb.on .check{opacity:1;transform:scale(1)}.preview-card{display:flex;gap:18px;align-items:center;background:#0b0a1480;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:6px;animation:rise .35s ease both}.preview-card img{width:84px;height:104px;object-fit:cover;border-radius:12px;flex:none}.preview-card h4{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.35}.preview-card .desc{font-size:13.5px;color:var(--muted);line-height:1.5}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:34px 20px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:#ffffff05}.dropzone:active,.dropzone:hover{border-color:#a855f78c;background:var(--grad-soft)}.dropzone .icon-circle{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;background:var(--grad-soft);border:1px solid rgba(168,85,247,.35);display:grid;place-items:center}.dropzone h4{font-size:16px;font-weight:600}.dropzone p{color:var(--muted);font-size:13.5px;margin-top:4px}.upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}.ba{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 5;max-height:74vh;background:#ffffff08;border:1px solid var(--border);touch-action:pan-y;user-select:none;-webkit-user-select:none;margin-inline:auto;max-width:520px}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.ba-before img{filter:saturate(.9)}.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;background:#ffffffd9;box-shadow:0 0 14px #00000080;transform:translate(-50%);pointer-events:none}.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#0b0a14bf;border:2px solid #fff;backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;font-size:15px;pointer-events:none}.ba-tag{position:absolute;top:12px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#0b0a14ad;backdrop-filter:blur(8px);color:#fff;z-index:2}.ba-tag.left{left:12px}.ba-tag.right{right:12px;background:#a855f78c}.gen-status{text-align:center;padding:40px 20px}.gen-spinner{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--pink);border-right-color:var(--violet);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-status h3{font-family:var(--font-display);font-size:22px;margin-bottom:8px}.gen-status p{color:var(--muted);font-size:14px}.gen-phases{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:24px auto 0;text-align:left}.gen-phase{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.gen-phase .pdot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex:none;display:grid;place-items:center;font-size:11px;transition:all .3s ease}.gen-phase.on .pdot{border-color:transparent;background:var(--grad-soft);animation:pulse 1.4s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #a855f71f}}.gen-phase.done{color:var(--text)}.gen-phase.done .pdot{border-color:transparent;background:#34d39933;color:var(--success)}.summary{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-bottom:22px}.summary-item{text-align:center;background:#0b0a1480;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.summary-item img{height:110px;width:100%;object-fit:cover;border-radius:10px;margin-bottom:8px}.summary-item .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-weight:600}.summary-plus{font-family:var(--font-display);font-size:26px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(90px);background:#1d1930;border:1px solid var(--border-strong);color:var(--text);font-size:14px;font-weight:500;padding:13px 20px;border-radius:999px;box-shadow:0 12px 40px #0000008c;z-index:100;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);max-width:90vw;text-align:center}.toast.show{transform:translate(-50%) translateY(0)}.toast.err{border-color:#fb718580;color:#fecdd3}.toast.ok{border-color:#34d39980;color:#a7f3d0}.footer{border-top:1px solid var(--border);margin-top:50px;padding:30px 0 40px;text-align:center;color:var(--muted);font-size:13px}.footer .brand-word{font-size:18px;display:inline-block;margin-bottom:6px}@media(min-width:900px){.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.panel{padding:32px}}@media(max-width:520px){.panel{padding:20px}.upload-actions{grid-template-columns:1fr}.field{flex-direction:column}.summary-item img{height:84px}.header-actions .btn{display:none}}label.dropzone{display:block}.header-actions{display:flex;align-items:center;gap:10px}.chip{border:1px solid var(--border);background:#0b0a148c;color:#e4e0f6;font-size:13px;font-weight:600;padding:9px 14px;border-radius:999px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.chip:hover{border-color:#a855f799;box-shadow:0 0 14px #a855f740}.chip.pro{background:var(--grad-soft);border-color:#ec489973}.link{color:#c084fc;text-decoration:none}.link:hover{text-decoration:underline}.paywall{text-align:center;background:linear-gradient(160deg,#7c3aed24,#db27771a);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius);padding:34px 26px 30px;margin-bottom:22px;animation:rise .4s ease both}.paywall-badge{display:inline-block;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}.paywall h3{font-family:var(--font-display);font-size:25px;color:#fff}.paywall-sub{color:var(--muted);font-size:14px;margin:10px auto 0;max-width:420px;line-height:1.6}.paywall-price{font-family:var(--font-display);font-size:46px;color:#fff;margin:20px 0 16px}.paywall-price span{font-size:16px;color:var(--muted);font-family:var(--font-body)}.paywall-list{list-style:none;margin:0 auto 24px;padding:0;max-width:340px;text-align:left;display:inline-block}.paywall-list li{color:#d8d4ef;font-size:14px;padding:7px 0}.paywall-note{margin-top:12px;color:var(--muted);font-size:12.5px}.pro-section{padding:18px 20px 0}.pro-card{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;background:linear-gradient(150deg,#7c3aed29,#db27771a);border:1px solid rgba(168,85,247,.4);border-radius:22px;padding:34px 36px;box-shadow:0 18px 50px #00000059}.pro-badge{display:inline-block;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}.pro-copy h2{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,4vw,38px);line-height:1.12;color:#fff}.pro-copy h2 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-style:italic}.pro-copy>p{margin-top:12px;color:#d6d1ec;font-size:14.5px;max-width:44ch}.pro-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;max-width:460px}.pro-list li{color:#d8d4ef;font-size:13.5px;padding:3px 0}.pro-tries{margin-top:14px;color:var(--muted);font-size:12.5px}.pro-price{text-align:center;background:#0b0a1480;border:1px solid var(--border);border-radius:18px;padding:26px 22px}.pro-price-top{font-family:var(--font-display);font-size:46px;color:#fff}.pro-price-top span{font-size:16px;color:var(--muted);font-family:var(--font-body)}.pro-price>p{color:var(--muted);font-size:13px;margin:6px 0 18px}.pro-note{margin-top:12px;color:var(--muted);font-size:12px}@media(max-width:900px){.pro-card{grid-template-columns:1fr;gap:24px;padding:26px 22px}.pro-list{grid-template-columns:1fr}}