:root{--bg: #11151c;--bg-panel: #181e28;--bg-panel-raised: #1f2632;--border: #2a3240;--text: #edeae2;--text-dim: #97a1b0;--accent: #cda03e;--accent-strong: #e6ba52;--accent-soft: rgba(205, 160, 62, .14);--danger: #e2694f;--radius: 14px;--font-display: "Bebas Neue", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 15% 0%,#171d28 0%,var(--bg) 55%);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.page{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:1.5rem clamp(1.25rem,4vw,3rem);border-bottom:1px solid var(--border)}.topbar__mark{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.03em;color:var(--accent-strong);text-decoration:none}.topbar__nav{display:flex;flex-wrap:wrap;gap:1.5rem}.topbar__nav a{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s ease}.topbar__nav a:hover,.topbar__nav a:focus-visible{color:var(--text)}.topbar__right{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.topbar__support{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;border:1.5px solid var(--accent-strong);color:var(--accent-strong);text-decoration:none;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.topbar__support:hover,.topbar__support:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 900px 480px at 12% -10%,var(--accent-soft),transparent 60%)}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,500px);gap:clamp(2rem,5vw,3.5rem);align-items:center;max-width:1280px;padding:clamp(2.75rem,7vw,5rem) clamp(1.25rem,4vw,3rem) clamp(2.25rem,5vw,3.5rem)}@media (max-width: 980px){.hero__grid{grid-template-columns:1fr}.hero__media{max-width:100vw;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.before-after__frame{border-radius:0}.before-after__labels{padding:0 clamp(1.25rem,4vw,3rem)}}.hero__copy{max-width:560px}.hero__title{margin:0 0 1.1rem;font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05;letter-spacing:.01em;color:var(--text)}.hero__subhead{margin:0 0 1.75rem;max-width:56ch;font-size:1.05rem;line-height:1.6;color:var(--text-dim)}.hero__cta-row{margin-bottom:1.75rem}.hero__cta{font-size:1.05rem;padding:.95rem 1.9rem}.hero__facts{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:0;padding:0;list-style:none}.hero__facts li{display:flex;align-items:center;gap:.45rem;color:var(--text-dim);font-size:.88rem}.hero__facts svg{flex:none;color:var(--accent)}.before-after{margin:0}.before-after__frame{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-panel-raised);box-shadow:0 24px 60px #00000059;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.before-after__placeholder{position:relative;height:100%;color:var(--text-dim);background:linear-gradient(160deg,var(--bg-panel-raised),var(--bg-panel))}.before-after__placeholder-text{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;white-space:nowrap}.before-after__placeholder-name{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.02em;color:var(--accent)}.before-after__placeholder p{margin:0;font-size:.78rem}.before-after__handle{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-strong);transform:translate(-50%);z-index:10;outline:none}.before-after__grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-strong);color:#171208;box-shadow:0 4px 14px #0006}.before-after__handle:focus-visible .before-after__grip{outline:2px solid var(--text);outline-offset:3px}.before-after__labels{display:flex;margin:.6rem 0 0;color:var(--text-dim);font-size:.78rem}.before-after__labels span{flex:0 0 auto;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.layout{flex:none;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:1.5rem;padding:clamp(1.25rem,4vw,3rem);align-items:start;scroll-margin-top:1.5rem}@media (max-width: 860px){.layout{grid-template-columns:1fr}}.features{padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,3rem) clamp(2.5rem,5vw,3.5rem)}.feature-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.feature-card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.feature-card--privacy{border-color:var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--bg-panel) 70%)}.privacy-note{display:flex;align-items:flex-start;justify-content:center;gap:.4rem;margin:.7rem 0 0;color:var(--text-dim);font-size:.8rem;line-height:1.45;text-align:center}.privacy-note svg{flex:none;margin-top:.15rem;color:var(--accent-strong)}.feature-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin-bottom:.9rem;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.feature-card__title{margin:0 0 .4rem;font-size:1.02rem;font-weight:600;color:var(--text)}.feature-card__text{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-dim)}.levels-gallery{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}@media (max-width: 600px){.levels-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}.levels-gallery__frame{position:relative;aspect-ratio:4 / 5;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-panel-raised)}.levels-gallery__frame img{display:block;width:100%;height:100%;object-fit:cover}.levels-gallery__placeholder{height:100%;display:flex;align-items:center;justify-content:center;padding:.4rem;text-align:center;color:var(--text-dim);font-size:.7rem;line-height:1.4}.levels-gallery__caption{display:flex;align-items:baseline;gap:.35rem;margin-top:.4rem}.levels-gallery__num{font-family:var(--font-display);font-size:.95rem;color:var(--accent-strong)}.levels-gallery__name{color:var(--text-dim);font-size:.78rem;line-height:1.3}.tiers{padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,3rem) clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--border)}.tiers__head{max-width:640px;margin:0 auto 1.75rem;text-align:center}.tiers__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:400;letter-spacing:.01em;color:var(--accent-strong)}.tiers__subhead{margin:0;color:var(--text-dim);font-size:.92rem;line-height:1.5}.tiers__note{margin:.6rem 0 0;color:var(--text-dim);font-size:.8rem;line-height:1.5}.tiers__grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.tier-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem 1.5rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.tier-card__price{margin:0;font-family:var(--font-display);font-size:2.1rem;letter-spacing:.02em;color:var(--text)}.tier-card__details{margin:0 0 .5rem;color:var(--text-dim);font-size:.88rem;line-height:1.5}.tier-card__cta{width:100%}.cta-band{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(2.5rem,6vw,4rem) 1.25rem;text-align:center;border-top:1px solid var(--border);background:var(--bg-panel)}.cta-band__title{margin:0;max-width:30ch;font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:400;letter-spacing:.01em;color:var(--text)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.panel--result{min-height:480px}.panel__title{font-size:1.05rem;font-weight:600;margin:0}.panel__title--secondary{margin-top:.5rem}.dropzone{position:relative;border:1.5px dashed var(--border);border-radius:var(--radius);min-height:220px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--bg-panel-raised);transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-soft)}.dropzone--filled{border-style:solid}.dropzone__prompt{text-align:center;color:var(--text-dim);padding:1.5rem}.dropzone__icon{display:inline-block;font-size:1.75rem;color:var(--accent);margin-bottom:.5rem}.dropzone__hint{font-size:.8rem;margin-top:.35rem}.dropzone__preview{width:100%;height:100%;max-height:340px;object-fit:contain;display:block}.dropzone__filename{position:absolute;bottom:0;left:0;right:0;background:#11151cd9;color:var(--text-dim);font-size:.8rem;padding:.4rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-slider{display:flex;flex-direction:column;gap:.6rem}.level-slider__readout{display:flex;align-items:center;gap:.85rem}.level-slider__number{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--accent-strong);min-width:2.5ch}.level-slider__name{font-weight:600;font-size:1.05rem}.level-slider__scale{color:var(--text-dim);font-size:.8rem}.level-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill, 50%),var(--border) var(--fill, 50%),var(--border) 100%);outline:none}.level-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-strong);border:3px solid var(--bg-panel);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.level-slider__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-strong);border:3px solid var(--bg-panel);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.level-slider__ticks{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.78rem}.level-slider__note{color:var(--text-dim);font-size:.82rem;margin:0;line-height:1.4}.generate-btn{display:inline-block;margin-top:.5rem;padding:.85rem 1.5rem;border-radius:10px;border:none;background:var(--accent-strong);color:#171208;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px)}.generate-btn:disabled{opacity:.45;cursor:not-allowed}.generate-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.result{flex:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel-raised);min-height:380px;padding:1rem;text-align:center}.result--empty p,.result--loading p{color:var(--text-dim)}.result--done{flex-direction:column;gap:1rem;align-items:stretch}.result--done>.result__frame-box--croppable{align-self:center}.result__frame-box{position:relative;display:block;max-width:100%;max-height:460px;width:auto;border-radius:10px;overflow:hidden;line-height:0}.result__frame-box--original{width:100%;aspect-ratio:16 / 10;max-height:640px;background:#00000047}.result__frame-box--original .result__image{max-height:none}.result__frame-box--croppable{cursor:grab;touch-action:none}.result__frame-box--croppable:active{cursor:grabbing}.result__image{display:block;max-width:100%;width:100%;height:100%;border-radius:10px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.result__zoom-btn{position:absolute;right:.6rem;bottom:.6rem;border:none;background:#11151cc7;color:var(--text);font:inherit;font-size:.78rem;padding:.3rem .6rem;border-radius:999px;cursor:pointer;opacity:0;transition:opacity .15s ease}.result__frame-box:hover .result__zoom-btn,.result__zoom-btn:focus-visible{opacity:1}.result__pan-hint{margin:-.4rem 0 0;color:var(--text-dim);font-size:.78rem;text-align:center}.result__frame-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.result__frame-btn{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);font:inherit;font-size:.82rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.result__frame-btn:hover{border-color:var(--accent);color:var(--text)}.result__frame-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.result__frame-btn--active{background:var(--accent-strong);border-color:var(--accent-strong);color:#171208}.result__frame-caption{margin:-.3rem 0 0;color:var(--text-dim);font-size:.78rem;text-align:center}.result__download{color:var(--accent-strong);font-weight:600;text-decoration:none;border:1px solid var(--accent);background:none;padding:.5rem 1.1rem;border-radius:8px;font:inherit;cursor:pointer;transition:background .15s ease,opacity .15s ease}.result__download:hover:not(:disabled){background:var(--accent-soft)}.result__download:disabled{opacity:.55;cursor:wait}.result__download-error{color:var(--danger);font-size:.8rem;margin:-.4rem 0 0}.zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0c10eb;display:flex;flex-direction:column;align-items:center;justify-content:center}.zoom-modal__toolbar{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:.4rem .6rem;z-index:1001}.zoom-modal__btn{min-width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel-raised);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.zoom-modal__btn:hover{background:var(--accent-soft);border-color:var(--accent)}.zoom-modal__btn--reset{width:auto;padding:0 .9rem;font-size:.8rem;font-weight:600}.zoom-modal__close{font-size:1.4rem;color:var(--danger)}.zoom-modal__readout{min-width:3.5ch;text-align:center;color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.zoom-modal__stage{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.zoom-modal__image{max-width:90vw;max-height:90vh;object-fit:contain;will-change:transform;-webkit-user-select:none;user-select:none}.zoom-modal__hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:.78rem;margin:0;background:#11151c99;padding:.3rem .8rem;border-radius:999px}.result--error .result__error-title{color:var(--danger);font-weight:700;margin:0 0 .4rem}.result__error-detail{color:var(--text-dim);font-size:.9rem;margin:0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent-strong);animation:spin .8s linear infinite;margin:0 auto .9rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}.generate-btn:hover:not(:disabled){transform:none}}.usage-note{margin:.6rem 0 0;color:var(--text-dim);font-size:.82rem;text-align:center}.usage-note--limit{color:var(--text)}.limit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0a0c10d1}.limit-modal__card{position:relative;width:min(100%,420px);display:flex;flex-direction:column;gap:.9rem;padding:1.75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px #00000080}.limit-modal__title{margin:0;padding-right:1.5rem;font-size:1.15rem;font-weight:600}.limit-modal__text{margin:0;color:var(--text-dim);font-size:.92rem;line-height:1.5}.limit-modal__actions{display:flex;flex-direction:column}.limit-modal__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer}.limit-modal__close:hover{color:var(--text);background:var(--bg-panel-raised)}.seo{width:100%;max-width:960px;margin:0 auto;padding:1rem clamp(1.25rem,4vw,3rem) 2rem;display:flex;flex-direction:column;gap:2.5rem}.seo__title{margin:0 0 1rem;font-size:1.35rem;font-weight:600}.seo__lead{margin:0 0 1rem;color:var(--text-dim);line-height:1.6}.seo__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;counter-reset:step}.seo__step{counter-increment:step;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;color:var(--text-dim);line-height:1.55;font-size:.92rem}.seo__step:before{content:counter(step);display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--accent-strong)}.seo__step-title{margin:.25rem 0 .4rem;font-size:1rem;color:var(--text)}.seo__step p{margin:0}.seo__faq{display:flex;flex-direction:column;gap:.6rem}.seo__faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.1rem}.seo__faq-item summary{cursor:pointer;font-weight:600}.seo__faq-item p{margin:.7rem 0 0;color:var(--text-dim);line-height:1.6;font-size:.92rem}.footer{margin-top:auto;padding:1.5rem clamp(1.25rem,4vw,3rem);border-top:1px solid var(--border);color:var(--text-dim);font-size:.8rem;text-align:center}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:.9rem}.footer__nav a{color:var(--text-dim);text-decoration:none;font-size:.82rem}.footer__nav a:hover,.footer__nav a:focus-visible{color:var(--text)}.footer p{margin:0}.generate-btn--secondary{background:transparent;color:var(--accent-strong);border:1.5px solid var(--accent-strong);cursor:pointer;font-family:inherit}.generate-btn--secondary:hover:not(:disabled){background:var(--accent-soft)}.usage-note--ok{color:var(--accent-strong)}.limit-modal__notice{margin:0;padding:.7rem .9rem;border-radius:10px;background:#e2694f1f;border:1px solid rgba(226,105,79,.4);color:var(--text);font-size:.88rem;line-height:1.45}.link-btn{padding:0;border:none;background:none;color:var(--accent-strong);font:inherit;text-decoration:underline;cursor:pointer}.redeem-code{display:flex;flex-direction:column;gap:.5rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}.redeem-code__label{font-size:.82rem;color:var(--text-dim)}.redeem-code__row{display:flex;gap:.5rem}.redeem-code__input{flex:1;min-width:0;padding:.55rem .75rem;background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;letter-spacing:.03em}.redeem-code__input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.redeem-code .generate-btn--secondary{padding:.55rem 1rem;border-radius:10px;font-size:.85rem;white-space:nowrap}.redeem-code__get{margin:0;font-size:.8rem}.redeem-code__get a{color:var(--accent-strong);font-weight:600;text-decoration:none}.redeem-code__get a:hover,.redeem-code__get a:focus-visible{text-decoration:underline}