*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f7f9fc}a{text-decoration:none;color:inherit}.wrap{max-width:1050px;margin:auto;padding:0 20px}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800}.logo span{color:#2563eb}.nav nav{display:flex;gap:20px;font-size:14px;color:#475467}.hero{text-align:center;padding:60px 20px}.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#e9f0ff;color:#2563eb;font-size:12px;font-weight:700}.hero h1{font-size:46px;margin:18px 0 12px}.hero>p{color:#667085;line-height:1.6}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px auto;max-width:850px}.tool-card{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:30px;text-align:left;box-shadow:0 10px 30px #1020400b;transition:.2s}.tool-card:hover{transform:translateY(-3px)}.tool-card>div{font-size:42px}.tool-card h2{margin-bottom:8px}.tool-card p{color:#667085;line-height:1.6}.tool-card span{color:#2563eb;font-weight:700}.drop{background:#fff;border:2px dashed #b7c4d8;border-radius:20px;padding:45px 20px;max-width:760px;margin:30px auto 15px;box-shadow:0 10px 30px #1020400b}.drop h2{margin:10px}.icon{font-size:48px}.drop button,.download{border:0;border-radius:10px;padding:13px 24px;font-weight:700;cursor:pointer}.drop button{background:#2563eb;color:#fff}.drop small{display:block;color:#8993a4;margin-top:12px}.status{min-height:28px;color:#2563eb;font-weight:600}.download{background:#16a34a;color:#fff;margin:10px}.download:disabled{opacity:.45;cursor:not-allowed}.thumb{width:120px;height:90px;object-fit:cover;border-radius:10px;margin:5px;border:1px solid #ddd}.result{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px}.result-img{max-width:44%;max-height:360px;border-radius:12px;border:1px solid #ddd}.checker{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.note{max-width:720px;margin:15px auto;color:#667085;font-size:13px;line-height:1.6}.info{padding:45px 20px}.info h2{text-align:center}.info details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin:10px 0}.info summary{font-weight:700;cursor:pointer}footer{padding:30px 20px;border-top:1px solid #e5e7eb;text-align:center;color:#667085;font-size:13px}@media(max-width:700px){.hero h1{font-size:36px}.tool-grid{grid-template-columns:1fr}.nav nav{display:none}.result-img{max-width:90%}}