.replace-page{--replace-violet:#6257f5;--replace-blue:#4e7dff;--replace-cyan:#42c5d5;--replace-orange:#ff9c55;--replace-ink:#18182c;overflow:hidden;color:var(--replace-ink)}
.replace-page .section{padding:clamp(4rem,7vw,6.5rem) 0}
.replace-hero{background:radial-gradient(circle at 88% 14%,rgba(78,125,255,.17),transparent 28%),radial-gradient(circle at 10% 82%,rgba(255,156,85,.13),transparent 30%),linear-gradient(135deg,#fff 0%,#faf9ff 56%,#eff9ff 100%)}
.replace-hero .eraser-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)}
.replace-hero .eraser-hero-copy h1{font-size:clamp(2.35rem,4.6vw,3.9rem)}
.replace-hero-visual{display:grid;position:relative;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;padding:1rem;border:1px solid rgba(98,87,245,.15);border-radius:32px;background:rgba(255,255,255,.74);box-shadow:0 28px 75px rgba(43,38,89,.13);backdrop-filter:blur(16px)}
.replace-hero-visual figure{overflow:hidden;margin:0;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(35,32,70,.12)}
.replace-hero-visual img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.replace-hero-visual figcaption{padding:.7rem;color:#66687a;font-size:.7rem;font-weight:760;text-align:center}
.replace-hero-visual>span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--replace-violet),var(--replace-blue));font-weight:900}
.replace-editor{background:#f7f7fb}
.replace-workspace{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);overflow:hidden;max-width:1180px;margin:auto;border:1px solid #dfdeea;border-radius:32px;background:#fff;box-shadow:0 30px 80px rgba(41,37,78,.12)}
.replace-controls{display:flex;flex-direction:column;padding:clamp(1.2rem,3vw,2rem);border-right:1px solid #e5e3ec;background:linear-gradient(165deg,#fff,#f8f7ff)}
.replace-control-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}.replace-control-head div{display:grid}.replace-control-head small{color:#797a8a;font-size:.7rem;line-height:1.45}
.replace-brush-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--replace-violet),var(--replace-blue));font-size:1.4rem}
.replace-controls label{margin-bottom:.5rem;font-size:.76rem;font-weight:800}.replace-controls textarea{min-height:160px;padding:1rem;border:1px solid #dcd9e8;border-radius:16px;outline:none;resize:vertical;color:#252539;background:#fff;font:inherit;font-size:.86rem;line-height:1.55}.replace-controls textarea:focus{border-color:var(--replace-violet);box-shadow:0 0 0 4px rgba(98,87,245,.1)}
.replace-prompt-meta{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0 1.2rem;color:#858696;font-size:.67rem}.replace-prompt-meta button{padding:0;border:0;color:#5649d5;background:transparent;font-size:.68rem;font-weight:800}.replace-controls .btn{width:100%}.replace-status{margin:1rem 0 0;color:#686a7c;font-size:.75rem;text-align:center}.replace-status.is-error{color:#b53a56}.replace-privacy{margin:auto 0 0;padding-top:1rem;color:#7c7d8d;font-size:.66rem;text-align:center}
.replace-dropzone{display:grid;position:relative;min-height:520px;place-items:center;overflow:hidden;cursor:pointer;background:#f4f4f8}.replace-dropzone>img{width:100%;height:100%;min-height:520px;object-fit:cover;transition:filter .25s ease,transform .25s ease}.replace-dropzone:hover>img,.replace-dropzone.is-dragging>img{filter:brightness(.72);transform:scale(1.015)}
.replace-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:1.5rem;color:#fff;background:linear-gradient(180deg,rgba(18,17,37,.06),rgba(18,17,37,.64));text-align:center}.replace-upload-icon{display:grid;width:3.6rem;height:3.6rem;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(255,255,255,.15);font-size:1.65rem;backdrop-filter:blur(12px)}.replace-drop-overlay strong{font-size:1.1rem}.replace-drop-overlay small{max-width:420px;color:#ecebf4;font-size:.73rem}.replace-dropzone.has-file .replace-drop-overlay{justify-content:flex-end;background:linear-gradient(180deg,transparent 55%,rgba(18,17,37,.78))}.replace-dropzone.has-file .replace-upload-icon{display:none}
.replace-intro{background:#fff}.replace-split{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.replace-split p{color:#626477}.replace-use-grid{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.3rem 0 1.7rem}.replace-use-grid span{padding:.55rem .75rem;border:1px solid #e0ddeb;border-radius:99px;color:#55576a;background:#faf9ff;font-size:.71rem;font-weight:720}
.replace-media{overflow:hidden;margin:0;border:1px solid #e1dfeb;border-radius:28px;background:#fff;box-shadow:0 25px 65px rgba(42,38,76,.11)}.replace-media img{display:block;width:100%;max-height:560px;object-fit:cover}.replace-media figcaption{padding:.8rem 1rem;color:#686a7c;font-size:.72rem}
.replace-explained{background:#f8f8fc}.replace-process{max-width:1080px}.replace-process article:first-child>span{background:linear-gradient(135deg,var(--replace-violet),var(--replace-blue))}.replace-process article:last-child>span{background:linear-gradient(135deg,var(--replace-cyan),#28a98c)}
.replace-steps{background:linear-gradient(180deg,#fff,#f7f6ff)}.replace-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;padding:0;list-style:none}.replace-step-grid li{padding:1.25rem;border:1px solid #e2e0eb;border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(44,39,84,.06)}.replace-step-grid li>span{display:grid;width:2.6rem;height:2.6rem;place-items:center;margin-bottom:1.5rem;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--replace-violet),var(--replace-blue));font-size:.7rem;font-weight:850}.replace-step-grid p{margin:0;color:#696a7d;font-size:.8rem}
.replace-guide-strip{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:1100px;margin:1.5rem auto 0}.replace-guide-strip figure{overflow:hidden;margin:0;border:1px solid #dedce8;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(44,39,84,.08)}.replace-guide-strip img{display:block;width:100%;height:auto;aspect-ratio:1517/827;object-fit:contain;object-position:center;background:#f7f7fa}.replace-guide-strip figcaption{padding:.8rem 1rem;color:#56586b;font-size:.78rem;font-weight:800;text-align:center}.replace-page .center-cta{margin-top:1.6rem;text-align:center}
.replace-mask{background:#fff}.replace-mask-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.replace-mask-grid article{padding:1rem;border:1px solid #e2e0eb;border-radius:22px;background:#fcfcfe}.replace-mask-grid p{margin:0;color:#696a7c;font-size:.78rem}.mask-demo{display:grid;position:relative;height:170px;place-items:center;overflow:hidden;margin-bottom:1rem;border-radius:16px;background:linear-gradient(140deg,#e8edf8,#f7efe6)}.mask-demo::before{width:82px;height:108px;border-radius:42% 42% 35% 35%;background:#2f3651;content:""}.mask-demo span{position:absolute;border:4px solid rgba(98,87,245,.95);border-radius:50%;background:rgba(98,87,245,.28)}.mask-demo i{position:absolute;right:.6rem;bottom:.6rem;padding:.3rem .5rem;border-radius:99px;color:#fff;background:#25253a;font-size:.63rem;font-style:normal;font-weight:800}.mask-small span{width:42px;height:62px}.mask-large span{width:145px;height:145px}.mask-good span{width:102px;height:130px}.mask-edge span{width:92px;height:120px;transform:translateX(18px)}.mask-good i{background:#2da67f}
.replace-prompts{background:linear-gradient(135deg,#f7f5ff,#eefbfb)}.replace-prompt-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(2rem,6vw,6rem)}.prompt-contrast{display:grid;gap:.6rem;margin:1.2rem 0}.prompt-contrast div{padding:1rem;border:1px solid #dedce8;border-radius:16px;background:rgba(255,255,255,.86)}.prompt-contrast small{display:block;margin-bottom:.25rem;color:#686a7c;font-size:.65rem;font-weight:800;text-transform:uppercase}.prompt-contrast div:first-child{border-left:4px solid #2dac83}.prompt-contrast div:last-child{border-left:4px solid #d3636f}.replace-prompt-table{overflow:hidden;border:1px solid #dedce8;border-radius:22px;background:#fff}.replace-prompt-table table{margin:0}.replace-prompt-table th,.replace-prompt-table td{padding:.85rem 1rem;border-color:#eceaf2}.replace-prompt-table th{color:#fff;background:#1c1a2e}.replace-prompt-table td:first-child{width:32%;font-size:.76rem;font-weight:780}.replace-prompt-table button{padding:0;border:0;color:#5548c8;background:transparent;font-size:.75rem;font-weight:700;text-align:left}
.replace-product{background:#fff}.replace-product h3{margin-top:1.5rem}
.replace-routes{background:#f8f8fc}.replace-routes>.container-xxl{display:grid;gap:1rem}.replace-route{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden;border:1px solid #e1dfeb;border-radius:28px;background:#fff}.replace-route>div{padding:clamp(1.4rem,4vw,3rem)}.replace-route p{color:#646577}.replace-route img{display:block;width:100%;height:100%;min-height:380px;max-height:520px;object-fit:cover}.replace-route.reverse{grid-template-columns:1.1fr .9fr}.replace-route.reverse>div{order:2}.replace-route.reverse>img{order:1}
.replace-review{background:#fff}.replace-review-card{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,3.5rem);border-radius:32px;color:#dedbea;background:#1c1a2d}.replace-review-card h2{color:#fff}.replace-review-card p{color:#cecbda}.replace-review-card a{color:#bcb5ff!important}.replace-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.replace-review-grid span{padding:.75rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#e7e5f0;background:rgba(255,255,255,.05);font-size:.76rem;font-weight:700}
.replace-final>.container-xxl{background:linear-gradient(135deg,#1d1b3c,#6257f5 62%,#4e9dff)}.replace-final img{object-position:center}
@media(max-width:1199.98px){.replace-hero .eraser-hero-grid{grid-template-columns:.85fr 1.15fr}.replace-mask-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){.replace-page .section{padding:4.4rem 0}.replace-hero .eraser-hero-grid,.replace-split,.replace-prompt-layout,.replace-review-card{grid-template-columns:1fr}.replace-workspace{grid-template-columns:1fr}.replace-controls{border-right:0;border-bottom:1px solid #e5e3ec}.replace-dropzone,.replace-dropzone>img{min-height:440px}.replace-route,.replace-route.reverse{grid-template-columns:1fr}.replace-route.reverse>div{order:1}.replace-route.reverse>img{order:2}}
@media(max-width:767.98px){.replace-page .section{padding:3.6rem 0}.replace-hero .eraser-hero-copy h1{font-size:clamp(2.1rem,10vw,3.1rem)}.replace-hero-visual{grid-template-columns:1fr 1fr;padding:.65rem;border-radius:22px}.replace-hero-visual>span{position:absolute;left:50%;transform:translateX(-50%)}.replace-hero-visual figure{border-radius:16px}.replace-workspace{border-radius:22px}.replace-dropzone,.replace-dropzone>img{min-height:330px}.replace-step-grid,.replace-mask-grid{grid-template-columns:1fr}.replace-guide-strip{gap:1rem}.replace-guide-strip figure{border-radius:18px}.replace-route img{min-height:300px}.replace-review-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.replace-hero .eraser-hero-copy h1{font-size:clamp(1.95rem,10vw,2.7rem)}.replace-hero-visual figcaption{font-size:.6rem}.replace-controls{padding:1rem}.replace-controls textarea{min-height:135px}.replace-dropzone,.replace-dropzone>img{min-height:270px}.replace-guide-strip figcaption{padding:.65rem;font-size:.72rem}.replace-prompt-table th,.replace-prompt-table td{padding:.7rem;font-size:.7rem}.replace-route{border-radius:22px}.replace-review-card{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.replace-page *{scroll-behavior:auto!important;transition:none!important}}
