*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#101828}button{font:inherit;cursor:pointer}header{height:70px;border-bottom:1px solid #e4e7ec;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.logo{font-size:26px;font-weight:900;letter-spacing:-1.5px}.logo span,.hero h1 span{color:#6941c6}.privacy{font-size:12px;color:#039855}.hero{text-align:center;padding:70px 20px 45px;background:radial-gradient(circle at 50% 0,#eee8ff,white 50%)}.tag{font-size:11px;letter-spacing:.16em;font-weight:900;color:#6941c6}.hero h1{font-size:clamp(46px,7vw,76px);line-height:.97;letter-spacing:-.055em;margin:18px}.hero>p{color:#667085;font-size:18px}.upload{max-width:760px;margin:35px auto 0;border:3px dashed #9e8be8;border-radius:22px;padding:42px 25px;background:#faf9ff}.upload.drag{background:#f0ebff;border-color:#6941c6}.upload input{display:none}.icon{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#6941c6;color:#fff;font-size:31px}.upload h2{margin:15px 0 4px}.upload p{color:#667085;margin:5px}.upload button,#execute{border:0;background:#6941c6;color:#fff;font-weight:800;padding:14px 22px;border-radius:11px;margin:12px}.upload small{display:block;color:#98a2b3}.hidden{display:none!important}.loaded,.editor{max-width:1100px;margin:auto;padding:45px 24px 110px}.loadedHead{display:flex;justify-content:space-between;align-items:center}.loadedHead h2{font-size:34px;margin:0}.loadedHead p{color:#667085}.loadedHead button,#back,.toolbar button,.compression button{border:1px solid #d0d5dd;background:#fff;padding:9px 12px;border-radius:9px}.filecard{display:flex;justify-content:space-between;border:1px solid #e4e7ec;border-radius:13px;padding:15px;margin:8px 0}.filecard span{color:#667085}.what{margin-top:42px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tools button{border:1px solid #e4e7ec;background:white;border-radius:16px;padding:20px;text-align:left}.tools i,.tools b,.tools small{display:block}.tools i{font-size:25px;color:#6941c6;margin-bottom:15px}.tools small{color:#667085;margin-top:5px}.editor>h2{font-size:38px;margin-bottom:4px}.editor>p{color:#667085}.toolbar{position:sticky;top:10px;z-index:4;background:#fff;border:1px solid #e4e7ec;border-radius:13px;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 20px #0000000b}.compression{padding:14px;background:#f8fafc;border-radius:12px;margin:15px 0}.compression button.active{border:2px solid #6941c6;background:#f4f0ff}.compression small{display:block;color:#667085;margin-top:9px}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:20px}.page{border:2px solid transparent;background:#f2f4f7;padding:7px;border-radius:11px;position:relative}.page.selected{border-color:#6941c6;background:#f4f0ff}.page canvas{width:100%;display:block;background:#fff}.page label{display:block;font-size:12px;text-align:center;padding-top:7px}.tick{position:absolute;top:11px;left:11px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #d0d5dd;display:grid;place-items:center}.selected .tick{background:#6941c6;color:#fff}.actionbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 30px));background:#101828;color:#fff;padding:12px 16px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;z-index:10}.actionbar #execute{margin:0}#status{margin-top:18px;color:#667085}@media(max-width:700px){.tools{grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start;gap:10px;flex-direction:column}}
.filecard{gap:12px;align-items:center}.filemeta{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.filemeta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filecard .removeFile{border:0;background:#fff1f3;color:#c01048;width:34px;height:34px;border-radius:9px;font-weight:900;padding:0;flex:0 0 auto}.filecard .removeFile:hover{background:#ffe4e8}.fileActions{text-align:right;margin-top:10px}.fileActions button{border:0;background:transparent;color:#b42318;font-size:12px;padding:7px}.tools{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.tools{grid-template-columns:1fr 1fr}.filecard{align-items:center}.filemeta{display:block}.filemeta span{display:block;margin-top:3px}}

.splitRanges{margin:22px 0;padding:18px;border:1px solid #e3e6ea;border-radius:14px;background:#fff}.rangeRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.rangeRow label{display:flex;gap:7px;align-items:center}.rangeRow input{width:90px;padding:10px;border:1px solid #ccd1d7;border-radius:8px}.rangeRow .removeRange{padding:8px 12px}.splitRanges>small{display:block;margin-top:12px;color:#68707b}
#execute:disabled{opacity:.65;cursor:wait}

.compressionChoices{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.compressionChoices button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:190px;padding:12px 14px}.compressionChoices button small{font-size:12px;opacity:.72;font-weight:600}.compressionChoices button.active small{opacity:.9}.estimateNote{display:block;margin:5px 0 8px;line-height:1.35}#compressStats{font-weight:600}
