@font-face{font-family:system-ui;src:local('Arial')}*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202936;font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #d8dfe5;background:white;border-radius:8px;padding:9px 15px;color:#344454}button:hover{background:#edf6f3;border-color:#89b6a9}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,.drop:focus-visible{outline:3px solid #147b66;outline-offset:3px}header{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:23px 32px;border-bottom:1px solid #e1e5e8}.brand{font-weight:750;font-size:20px;display:flex;align-items:center;gap:10px}.mark{color:white;background:#167660;border-radius:10px;padding:2px 9px;font-size:25px}.brand small{font-size:10px;letter-spacing:2px;font-weight:500;color:#697783}nav{display:flex;align-items:center;gap:25px}main{max-width:1196px;margin:auto;padding:0 28px}.intro{padding:58px 0 38px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.5px;color:#187661;margin:0 0 10px}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.7px;line-height:1.25;margin:0 0 18px}h2{font-size:23px;letter-spacing:-.5px;margin:0}h3{font-size:16px}.intro>p:not(.eyebrow){color:#65717e}.badges{display:flex;gap:22px;font-size:12px;color:#3f675a;margin-top:25px}.workspace{border:1px solid #e0e5e9;border-radius:16px;background:white;box-shadow:0 6px 30px #203c4c04;padding:27px}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.drop{border:1.5px dashed #a4c7ba;border-radius:12px;background:#f5faf8;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop .upload{font-size:30px;line-height:40px;color:#147660}.drop strong{font-size:18px}.drop>span:not(.upload){font-size:13px;color:#547267}.drop small{color:#85928d;font-size:11px;margin-top:8px}.notice{font-size:12px;color:#6d7784;background:#f7f8fa;padding:12px 14px;border-radius:7px}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid #e9edf0;padding:15px 0}.toolbar button{font-size:12px;padding:7px 11px}.toolbar label{font-size:12px;margin-left:auto}.toolbar input{width:95px;padding:6px;border:1px solid #d8dfe5;border-radius:6px}.page-count{font-size:12px;color:#73808b;padding:15px 0}.pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.empty{grid-column:1/-1;text-align:center;color:#8a959e;padding:45px 0}.page{border:1px solid #e0e4e8;background:#fafbfc;border-radius:10px;padding:10px;min-width:0}.page.selected{border:2px solid #167660;padding:9px;background:#eff8f4}.page>label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#65717e}.page input{accent-color:#167660}.preview{height:180px;display:flex;align-items:center;justify-content:center;background:#e9edf0;margin-top:8px;border-radius:4px;overflow:hidden;color:#a2abb2}.preview canvas{max-height:166px;max-width:92%;width:auto;height:auto;box-shadow:0 2px 5px #0002}.page p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0}.page-tools{display:flex;align-items:center;gap:5px}.page-tools small{font-size:10px;color:#7d8891;margin-right:auto}.page-tools button{padding:2px 8px}.export{margin-top:25px;border-top:1px solid #e5e9ec;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.export p{font-size:12px;color:#89939b;margin:4px 0}.export-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:570px}.export-actions button{font-size:12px}.primary{background:#167660;color:white;border-color:#167660}.primary:hover{background:#125c4c;color:white}.ad{margin:30px 0;background:#eff1f4;min-height:110px;border:1px solid #e4e8ec;text-align:center;padding:23px;color:#8a939d;border-radius:8px}.ad span{font-size:9px;letter-spacing:2px}.ad p{font-size:11px}.how{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:25px 0 55px}.how h2{font-size:24px}.how p{color:#7a858e;font-size:12px}footer{border-top:1px solid #dee3e7;max-width:1196px;margin:auto;padding:25px 28px 35px;display:flex;justify-content:space-between;gap:25px;color:#7b8792;font-size:10px}footer div{display:flex;flex-wrap:wrap;gap:14px}footer button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.legal{max-width:780px;margin:50px auto 80px;min-height:55vh}.legal h1{font-size:35px;margin:20px 0 30px}.legal h2{font-size:20px;margin-top:30px}.legal p,.legal li{color:#56636e}.legal .eyebrow{margin-top:30px}.legal dt{font-weight:bold;margin-top:20px}.legal dd{margin-left:0}.muted{font-size:12px;color:#85909a}dialog{border:1px solid #d8e1df;border-radius:14px;padding:30px;max-width:550px;width:90%}dialog::backdrop{background:#172a3680}dialog p{font-size:14px}#status{font-size:13px;color:#167660;margin-top:10px}#status.error{color:#af3131}@media(max-width:850px){.pages{grid-template-columns:repeat(3,minmax(0,1fr))}.how{grid-template-columns:1fr 1fr}.export{align-items:flex-start;flex-direction:column}footer{flex-direction:column}.brand small{display:none}}@media(max-width:580px){header{padding:16px}.brand{font-size:16px}nav{gap:12px}nav a{display:none}main{padding:0 14px}.intro{padding:35px 4px 28px}.intro>p:not(.eyebrow){font-size:13px}.badges{gap:13px;font-size:10px}.workspace{padding:16px;border-radius:12px}.drop{min-height:185px}.drop strong{font-size:15px}.pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview{height:140px}.preview canvas{max-height:130px}.page-tools small{font-size:8px}.toolbar label{margin-left:0}.how{gap:20px}.how>div:first-child{grid-column:1/-1}.how h2{font-size:22px}.legal h1{font-size:29px}.legal{margin-top:30px}.export-actions button{min-height:42px}footer{padding:22px 16px}.page-tools button{padding:5px 10px}}

.compression{margin-top:28px;padding-top:24px;border-top:1px solid #e1e5e8}.compression>p{font-size:13px;color:#65717e}.compression select,.compression input[type=number]{font:inherit;border:1px solid #cdd8d3;border-radius:7px;padding:9px;background:white;max-width:100%}.compression input[type=number]{width:90px}.compression label{font-size:13px}.compression label:not([hidden]){display:block;margin:12px 0}.compression-actions{margin:16px 0}.compression small{display:block;color:#65717e;font-size:11px;margin-top:8px}


/* Purpose-first tools */
[hidden]{display:none!important}
.intro{padding:32px 0 22px}.intro h1{font-size:clamp(27px,3.4vw,38px);margin-bottom:12px}.intro .badges{margin-top:15px}
.tool-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.tool-menu button{min-height:120px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:15px 12px;border-radius:12px;background:white}
.tool-menu button[aria-pressed=true]{background:#eaf6f0;border:2px solid #167660;padding:14px 11px;color:#115c4a;box-shadow:0 3px 12px #14664f0c}
.tool-icon{font-size:24px;line-height:1.1;color:#167660;margin-bottom:3px}.tool-menu strong{font-size:15px}.tool-menu small{font-size:10px;line-height:1.45;color:#687b72}
.workspace-note{font-size:11px;color:#6d7c85;margin:12px 0 24px}.tool-description{color:#526673;font-size:14px;margin:0 0 22px}.workspace-head{margin-bottom:12px}
.workspace .export{margin:16px 0 20px;padding:16px;background:#f5faf8;border:1px solid #e2eee8;border-radius:10px}.workspace .compression{margin:16px 0;padding:20px;background:#f5faf8;border:1px solid #e2eee8;border-radius:10px}.workspace .compression h2{font-size:19px}
@media(max-width:950px){.tool-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-menu button{min-height:100px}.tool-menu small{font-size:11px}}
@media(max-width:580px){.tool-menu{gap:8px}.tool-menu button{padding:11px 9px;min-height:108px}.tool-menu button[aria-pressed=true]{padding:10px 8px}.tool-menu strong{font-size:13px}.tool-menu small{font-size:9px}.tool-icon{font-size:21px}.tool-description{font-size:12px}.workspace .compression{padding:14px}.intro{padding-top:27px}}