*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#071448;background:#fff;font-size:13px}button,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:60px;background:#fff;border-bottom:1px solid #e9edf6}.top-inner{max-width:1375px;padding:0 20px;margin:auto;height:100%;display:flex;align-items:center;gap:22px}.brand img{width:197px;max-height:47px;object-fit:contain}.sep{height:29px;border-left:1px solid #cbd5e8}.tools-name{font-size:21px}.top-inner nav{margin-left:auto;display:flex;gap:29px}.top-inner nav a:hover{color:#fa1f58}.hero{min-height:155px;background:radial-gradient(ellipse 200px 100px at 0 115%,#ffccd8 80%,transparent 81%),radial-gradient(ellipse 370px 120px at 102% 0%,#ffe1e8 80%,transparent 81%),linear-gradient(110deg,#ffeaf0,#fff8fa 65%,#ffe7ee)}.hero-inner{max-width:1375px;padding:17px 20px;margin:auto;display:flex;align-items:center;gap:40px}.hero-graphic{width:245px;min-width:245px;height:120px;display:flex;align-items:center;justify-content:center;gap:14px}.image-stack{position:relative;width:83px;height:80px}.image-stack span{position:absolute;display:block;width:76px;height:69px;border:5px solid #fff;border-radius:5px;box-shadow:0 3px 6px #0002}.image-stack .back{top:-9px;left:11px;background:#096fff}.image-stack .middle{top:-3px;left:5px;background:#54c7f4}.image-stack .front{top:5px;left:0;background:linear-gradient(#7bd6f9 50%,#3c89a0 51%);overflow:hidden}.front i{position:absolute;top:8px;left:14px;color:#ffb51a;font-size:24px;font-style:normal}.front strong{position:absolute;bottom:-12px;left:10px;color:#185c79;font-size:63px;transform:scaleX(1.5)}.hero-arrow{font-size:37px;color:#ff1f58}.pdf-graphic{width:67px;height:90px;border:2px solid #ff315b;border-radius:6px;background:#fff;box-shadow:0 4px 10px #0002;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.pdf-graphic span{font-size:43px;color:#f8244e;flex:1}.pdf-graphic b{background:#fb204e;color:white;font-size:19px;width:100%;text-align:center;padding:5px}.tag{display:inline-block;background:#ffdbe5;color:#fa2354;font-weight:700;padding:4px 8px;border-radius:6px}.hero h1{font-size:31px;margin:6px 0 5px;letter-spacing:-.8px}.hero h1 span{color:#fa2457}.hero-copy>p{color:#425b92;font-size:15px;margin:0 0 15px}.hero-benefits{display:flex;gap:35px;flex-wrap:wrap}.hero-benefits span::first-letter{color:#04b75a}.wrap{max-width:1375px;padding:13px 20px;margin:auto}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:12px}.workspace{border:1px solid #e0e7f1;border-radius:7px;padding:10px 12px 12px;min-width:0}.upload{height:170px;border:1.5px dashed #ff7397;border-radius:7px;background:linear-gradient(115deg,#fff,#fff9fb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer}.upload.dragging{background:#ffe6ee;border-color:#ff1852}.cloud{color:#ff1b56;font-size:46px;line-height:1}.upload strong{font-size:16px}.upload p{margin:0;color:#50669a}.upload small{color:#50669a}.pink-btn{border:0;background:linear-gradient(90deg,#ff1953,#ff2d63);color:white;font-weight:700;border-radius:5px;box-shadow:0 2px 4px #f85a7c25}.pink-btn:hover{filter:brightness(.97)}.choose{padding:11px 27px;margin-top:4px;min-width:202px;font-size:14px}.thumbs{display:flex;gap:12px;overflow-x:auto;padding:9px 8px 10px;min-height:129px}.placeholder{width:100%;min-height:104px;display:grid;place-items:center;color:#8a9bb9;background:#fafcff;border:1px dashed #e0e7f2;border-radius:6px;text-align:center;padding:15px}.thumb{position:relative;flex:0 0 180px;height:119px;border:1px solid #e2e8f1;border-radius:6px;background:#fff;box-shadow:0 2px 4px #0001;padding:6px;cursor:grab}.thumb.dragover{outline:2px solid #fa2457}.thumb img{width:100%;height:76px;object-fit:cover;border-radius:3px}.thumb .filename{font-size:12px;color:#233c78;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 14px}.thumb .remove{position:absolute;right:-5px;top:-5px;background:#07164e;color:white;border:0;border-radius:50%;width:22px;height:22px;font-size:15px}.thumb .handle{position:absolute;left:8px;bottom:9px;font-size:16px;color:#09194f}.settings h2{font-size:15px;margin:4px 0 14px}.gear{font-size:23px;vertical-align:middle}.settings-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr .95fr 1.45fr;gap:12px;align-items:end}.settings-row label{font-size:12px;font-weight:700;min-width:0}.settings-row select{display:block;margin-top:8px;width:100%;height:33px;border:1px solid #ced9eb;border-radius:5px;color:#071448;background:#fff;padding:0 8px}.settings-row .check-label{font-weight:400;display:flex;align-items:center;gap:6px;padding-bottom:9px;white-space:nowrap}.check-label input{accent-color:#0878fb}.action{text-align:center;padding-top:13px}.convert{padding:11px 28px;min-width:205px;font-size:14px}#status{font-size:12px;min-height:0;margin-top:7px;color:#d7264e}#status.success{color:#079853}.side-card{border:1px solid #e0e7f2;border-radius:6px;padding:12px 14px;margin-bottom:11px}.side-card h3{font-size:14px;margin:0 0 13px}.side-card p{margin:7px 0;line-height:1.3;color:#40578d}.side-card p b{color:#071448}.checks{list-style:none;padding:0;margin:0}.checks li{position:relative;padding-left:29px;margin:0 0 10px;line-height:1.15}.checks li:before{content:'✓';position:absolute;left:0;top:-2px;background:#00b64f;color:#fff;border-radius:50%;width:16px;height:16px;text-align:center;font-weight:700;font-size:12px}.popular{list-style:none;counter-reset:popular;padding:0;margin:0}.popular li{counter-increment:popular;display:flex;align-items:center;gap:20px;margin:8px 0}.popular li:before{content:counter(popular);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#0876fa;color:#fff;font-weight:bold}.popular a:hover{color:#fa2054}.how{margin-top:10px;border-radius:6px;background:linear-gradient(110deg,#fff3f6,#fffafd);padding:8px 18px 18px}.how h2,.faq h2{font-size:22px;text-align:center;margin:0}.how>p,.faq>p{text-align:center;color:#6176a7;margin:4px 0 13px}.steps{display:flex;justify-content:space-around;align-items:center;gap:14px}.step{display:flex;align-items:center;gap:14px;flex:1;justify-content:center}.step>div:last-child{max-width:210px}.step b{font-size:13px}.step p{color:#526a9d;margin:6px 0 0;line-height:1.4}.step-icon{position:relative;display:grid;place-items:center;border-radius:50%;width:69px;height:69px;flex:0 0 69px;font-size:32px}.step-icon.pink{background:#ffe7ed;color:#fa2254}.step-icon.purple{background:#f0e7ff;color:#8b30f5}.step-icon.green{background:#e3f9ee;color:#00b553}.step-icon span{position:absolute;top:0;right:-5px;background:#0876fa;color:white;font-size:12px;font-weight:bold;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.step-icon.pink span{background:#ff2054}.step-icon.purple span{background:#8b30f5}.step-arrow{font-size:32px;color:#0876fa}.faq{padding-top:9px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.faq details{border:1px solid #e0e7f1;border-radius:5px}.faq summary{cursor:pointer;padding:6px 14px;font-size:12px}.faq details p{padding:0 14px 10px;color:#526a9d}footer{text-align:center;color:#7383a5;font-size:12px;padding:30px 0}@media(max-width:1150px){.settings-row{grid-template-columns:repeat(3,1fr)}.main-layout{grid-template-columns:minmax(0,1fr) 265px}.hero h1{font-size:27px}}@media(max-width:850px){.main-layout{grid-template-columns:1fr}.main-layout aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.side-card{margin:0}.hero-graphic{min-width:150px;width:150px;transform:scale(.8)}.hero-inner{gap:10px}.hero-benefits{gap:12px}}@media(max-width:640px){.top-inner{gap:10px;padding:0 12px}.brand img{width:135px}.tools-name{font-size:17px}.top-inner nav{gap:10px;font-size:11px}.hero-inner{padding:14px}.hero-graphic{display:none}.hero h1{font-size:25px}.hero-copy>p{font-size:13px}.hero-benefits{gap:10px;font-size:11px}.wrap{padding:10px}.main-layout aside{grid-template-columns:1fr}.settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{flex-direction:column;align-items:stretch}.step{justify-content:flex-start}.step-arrow{display:none}.faq-grid{grid-template-columns:1fr}.thumb{flex-basis:150px}.upload small{font-size:10px}.top-inner nav a:nth-child(2){display:none}}