*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#182238;font-family:Inter,Arial,sans-serif}.topbar{height:70px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 980px)/2));position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#182238;font-weight:800}.logo b{background:#635bff;color:#fff;padding:9px 8px;border-radius:9px;font-size:11px}.secure{font-size:12px;color:#748096}.container{width:min(920px,calc(100% - 24px));margin:auto}.hero{text-align:center;padding:55px 0 30px}.badge{display:inline-block;background:#eeecff;color:#5c54ef;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.hero h1{font-size:clamp(36px,6vw,55px);letter-spacing:-2px;margin:17px 0 12px}.hero em{font-style:normal;color:#635bff}.hero p{margin:0;color:#758095}.card{background:#fff;border:1px solid #e5e9f0;border-radius:22px;padding:18px;box-shadow:0 18px 50px #1f29370d}.dropzone{min-height:300px;border:2px dashed #ccd3e0;border-radius:17px;background:#fbfcff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline:0;transition:.2s}.dropzone.drag{border-color:#635bff;background:#f3f2ff}.upload{width:56px;height:56px;border-radius:16px;background:#eeecff;color:#635bff;display:grid;place-items:center;font-size:28px;font-weight:800;margin-bottom:14px}.dropzone h2{font-size:19px;margin:0 0 7px}.dropzone p{font-size:13px;color:#7b8597;margin:0 0 18px}.dropzone small{font-size:10px;color:#a0a8b7;margin-top:12px}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:11px 16px;font:600 13px Arial;cursor:pointer}.primary{background:#635bff;color:#fff;box-shadow:0 7px 18px #635bff2b}.primary:hover{background:#5148ed}.primary:disabled{opacity:.6}.secondary{background:#f0f2f7;color:#344057}.ghost{background:transparent;color:#68748a}.big{min-width:190px}.hidden{display:none!important}.head{display:flex;justify-content:space-between;align-items:center;margin:7px 2px 16px}.head h2{font-size:18px;margin:0 0 4px}.head span{font-size:11px;color:#8b94a5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-bottom:20px}.thumb{position:relative;aspect-ratio:1;border:1px solid #e1e6ee;border-radius:12px;overflow:hidden;background:#f0f2f6}.thumb img{width:100%;height:100%;object-fit:contain}.num{position:absolute;top:7px;left:7px;background:#182238dd;color:#fff;border-radius:6px;padding:4px 6px;font-size:10px}.remove{position:absolute;top:7px;right:7px;border:0;background:#fff;color:#4d5668;border-radius:7px;width:28px;height:28px;font-size:17px;cursor:pointer}.settings{border-top:1px solid #edf0f5;padding:17px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings label{font-size:11px;font-weight:700;color:#68748a}.settings select{display:block;width:100%;margin-top:7px;height:42px;border:1px solid #dce1e9;border-radius:9px;background:#fff;padding:0 10px;color:#243047}.actions{border-top:1px solid #edf0f5;padding-top:17px;display:flex;justify-content:space-between;align-items:center}.msg{margin-top:13px;border-radius:9px;padding:11px 13px;font-size:12px;background:#fff4df;color:#936010}.msg.ok{background:#eaf8f1;color:#19724c}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 30px}.features div{background:#fff;border:1px solid #e7ebf2;border-radius:15px;padding:17px}.features b{font-size:13px}.features p{font-size:11px;color:#7b8597;line-height:1.5;margin:7px 0 0}footer{text-align:center;background:#fff;border-top:1px solid #e7ebf2;color:#9aa3b2;padding:20px;font-size:10px}@media(max-width:650px){.secure{display:none}.hero{padding:40px 0 25px}.hero h1{letter-spacing:-1.3px}.card{padding:11px}.settings,.features{grid-template-columns:1fr}.actions{gap:8px}.big{min-width:0;flex:1}.grid{grid-template-columns:repeat(2,1fr)}}