*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Onest,Arial,sans-serif;line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{transition:background .18s,color .18s}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3485fc;outline-offset:5px}button{border:0}img{max-width:100%;display:block}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0}nav{display:flex;gap:26px;align-items:center}nav a{text-decoration:none;font-size:14px}.brand{font-weight:850;font-size:24px;text-decoration:none;letter-spacing:-1px}.wrap{width:min(1240px,90%);margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7vw,94px);line-height:1.02;letter-spacing:-.065em}h2{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.04em}h3{line-height:1.2;letter-spacing:-.025em}.muted{opacity:.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;border-radius:8px;text-decoration:none;font-weight:700;min-height:48px}.section{padding:70px 0}footer{padding:35px 0;margin-top:65px;border-top:1px solid #8884;font-size:13px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}dialog{width:min(900px,92vw);max-height:90vh;border:0;border-radius:16px;padding:25px}dialog::backdrop{background:#000c}.close{float:right;width:44px;height:44px;border-radius:50%;font-size:24px}.tag{font-size:13px;display:inline-flex;gap:6px;align-items:center;padding:5px 11px;border:1px solid #8885;border-radius:30px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border-radius:30px;padding:10px 20px;background:transparent;color:inherit;border:1px solid #8886}.filters button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@font-face{font-family:Onest;src:url('/assets/onest.ttf') format('truetype');font-display:swap}@media(max-width:700px){header{padding:22px 0}nav{gap:15px}nav a{font-size:12px}.grid3{grid-template-columns:1fr}.section{padding:45px 0}.row{align-items:flex-start;flex-wrap:wrap}footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{--accent:#f3c748;--ink:#183050;background:#f4f6f9;color:#183050}.brand{font-size:26px}.brand span{font-weight:400;margin-left:4px}.brand i{font-style:normal;color:#b38b17;margin-left:8px}.toolshero{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:55px 0 60px}.toolshero h1{font-size:clamp(55px,7vw,90px);letter-spacing:-.06em}.toolshero p{color:#748198;font-size:18px}.toolshero>div>p:first-child{font-size:13px;color:#63738b}.file-stack{position:relative;width:350px;height:290px;flex:none}.file-stack>span{position:absolute;width:190px;height:235px;display:flex;align-items:flex-end;padding:22px;background:#dbe3ef;border:1px solid #c4d1e2;border-radius:12px;font-size:25px;font-weight:800;transform:rotate(-17deg);left:15px;top:12px}.file-stack>span:nth-child(2){transform:rotate(-3deg);left:80px;background:#fff;top:0}.file-stack>span:last-child{transform:rotate(12deg);left:140px;top:30px;background:#f3c748;border-color:#d4ac36}.file-stack b{position:absolute;top:15px;right:20px;font-size:50px}.bench{background:#fff;border:1px solid #d4dce6;border-radius:14px;padding:35px}.bench-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.bench-title h2{font-size:30px;margin:0}.bench-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px}.drop{display:flex;position:relative;min-height:370px;background:#f4f6f9;border:2px dashed #bac9da;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;cursor:pointer;gap:10px}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop:focus-within,.drop.drag{outline:3px solid #356ede}.upload{font-size:50px;color:#527caf}.drop b{font-size:23px}.drop small,.drop>span:not(.upload){color:#8695a8}.preview{min-height:370px;background:#f4f6f9;padding:15px;border-radius:10px;text-align:center}.preview img{max-height:270px;margin:auto;object-fit:contain}.preview p{font-size:12px}.preview button{background:transparent;color:#3162a0;text-decoration:underline}.settings h3{font-size:25px}.settings label{display:block;font-size:13px;font-weight:650;margin-bottom:20px}.settings select,.settings input[type=number]{display:block;width:100%;margin-top:8px;background:#fff;border:1px solid #c9d4e1;border-radius:6px;padding:12px;color:inherit}.settings input[type=range]{width:100%;display:block;accent-color:#315f9c;margin-top:15px}.settings output{float:right;color:#8593a6}.settings>p{font-size:12px}.convert{background:#f3c748;color:#183050;width:100%}#download{background:#183050;color:#fff;margin-top:10px;width:100%}[hidden]{display:none!important}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.how>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e1e8f0;font-weight:750;margin-bottom:20px}.how h3{font-size:21px}.how p{color:#7a8a9f;font-size:14px}.history h2{font-size:28px}.history button{background:transparent;color:#527094;text-decoration:underline}.history>p{font-size:12px}.history ul{padding:0;list-style:none}.history li{padding:15px 0;border-top:1px solid #d4dce6;display:flex;justify-content:space-between;gap:20px;font-size:13px;overflow-wrap:anywhere}@media(max-width:700px){.toolshero{padding:30px 0 45px}.file-stack{display:none}.toolshero h1{font-size:62px}.bench{padding:22px}.bench-grid{grid-template-columns:1fr;gap:25px}.bench-title{flex-wrap:wrap}.drop{min-height:250px}.how{grid-template-columns:1fr;gap:20px}.how>div{padding-left:50px;position:relative}.how>div>span{position:absolute;left:0}.history li{flex-wrap:wrap}}