:root{--ink:#171714;--paper:#f3f0e8;--acid:#dfff00;--muted:#77766f;--line:#d7d2c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:-1px;color:inherit;text-decoration:none;font-size:20px}.brand span{color:#718200}.privacy{font-size:12px;text-transform:uppercase;letter-spacing:1px}.privacy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83a000;margin-right:7px}.hero{padding:76px 5vw 50px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.eyebrow{grid-column:1/-1;font-size:11px;font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(62px,9vw,134px);letter-spacing:-.075em;line-height:.78;margin:25px 0 0;font-weight:950}.hero h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:460px;font-family:Georgia,serif;font-size:21px;line-height:1.45;margin:0 0 10px}.workspace{margin:0 5vw 80px;border:1px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#faf8f2}.dropzone{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background-image:linear-gradient(90deg,var(--line) 50%,transparent 50%),linear-gradient(90deg,var(--line) 50%,transparent 50%),linear-gradient(0deg,var(--line) 50%,transparent 50%),linear-gradient(0deg,var(--line) 50%,transparent 50%);background-size:14px 1px,14px 1px,1px 14px,1px 14px;background-position:top,bottom,left,right;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;margin:18px}.dropzone.over{background-color:var(--acid)}.drop-icon{width:65px;height:65px;display:grid;place-items:center;background:var(--acid);border-radius:50%;font-size:35px;margin-bottom:20px}.dropzone strong{font-size:25px}.dropzone small{margin-top:9px;color:var(--muted)}.hidden{display:none!important}.editor{display:grid;grid-template-columns:1.1fr .9fr;min-height:500px}.preview-panel{background:#dedbd2;padding:34px;display:flex;flex-direction:column;min-width:0}.preview-panel img{width:100%;height:380px;object-fit:contain;background:repeating-conic-gradient(#ccc 0 25%,#e5e5e5 0 50%) 0/20px 20px}.file-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:16px;gap:15px}.file-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{padding:35px}.control-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:28px}.text-btn{background:none;border:0;text-decoration:underline;cursor:pointer}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}label{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.8px}input,select{width:100%;font:inherit}.input-unit{display:flex;margin-top:8px;border:1px solid var(--line);background:white}.input-unit input,select{border:1px solid var(--line);padding:13px;background:white}.input-unit input{border:0}.input-unit span{padding:13px;color:var(--muted)}select{margin-top:8px}.check{display:flex;align-items:center;gap:8px;margin:15px 0 28px;text-transform:none;font-weight:normal;letter-spacing:0}.check input{width:auto;accent-color:#879e00}output{float:right;color:var(--muted)}input[type=range]{margin-top:19px;accent-color:var(--ink)}.primary,.download{border:1px solid var(--ink);background:var(--ink);color:white;padding:17px 18px;width:100%;font-weight:bold;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;cursor:pointer;text-decoration:none;margin-top:30px}.primary:hover{background:#333}.result{background:var(--acid);border:1px solid var(--ink);margin-top:15px;padding:15px;display:flex;align-items:center;justify-content:space-between}.result div{display:flex;flex-direction:column}.result small{font-size:10px;text-transform:uppercase}.result .download{width:auto;margin:0;background:transparent;color:var(--ink);padding:10px}.status{font-size:12px;color:#a22}.features{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:0 5vw}.features article{padding:45px 9% 55px;border-right:1px solid var(--line)}.features article:last-child{border:0}.features b{font-family:Georgia,serif;font-style:italic;color:#819300}.features h2{font-size:18px}.features p{color:var(--muted);line-height:1.6;font-size:14px}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px}@media(max-width:800px){.hero{display:block;padding-top:50px}.hero h1{margin-bottom:40px}.editor{grid-template-columns:1fr}.preview-panel img{height:260px}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)}footer{gap:20px}.dropzone{min-height:270px}.grid.two{grid-template-columns:1fr}}