@charset "UTF-8";
:root{font-family: "Segoe UI", "Malgun Gothic", sans-serif;color:#233b30;background:#f8faf7;font-synthesis:none;--green:#27634b;--muted:#738177;--border:#dce4dc}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,label[role=button],summary{touch-action:manipulation}button,a{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled),input[type=range],input[type=radio],summary{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid #85b458;outline-offset:4px}.wrap{max-width:1120px;margin:0 auto;padding:0 32px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:19px;font-weight:750;display:flex;align-items:center;gap:9px;letter-spacing:-.7px}.brand-icon{background:var(--green);color:#d5f5ae;border-radius:10px;padding:4px 9px;font-size:25px}.beta{font-size:9px;letter-spacing:1px;font-weight:600;margin-left:3px;color:var(--muted)}.header-link{font-size:13px}.header-link span{margin-left:13px}.intro{padding:55px 0 36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:var(--green)}.eyebrow>span{width:6px;height:6px;background:#7eaa58;border-radius:50%}h1{font-size:clamp(38px,5vw,58px);line-height:1.25;letter-spacing:-2.5px;margin:20px 0}h1>span{color:var(--green)}.intro-copy{font-size:15px;line-height:1.85;color:#6a786e;margin-bottom:0}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:8px}h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-heading h2{display:flex;align-items:center;gap:10px}.step{font-size:11px;letter-spacing:0;background:#edf3eb;color:var(--green);padding:6px 7px;border-radius:7px}.muted{font-size:11px;color:var(--muted)}.drop-zone{border:1.5px dashed #bacdbb;border-radius:12px;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#fafcf8;cursor:pointer;text-align:center;padding:20px;transition:background .15s,border-color .15s}.drop-zone:hover,.drop-zone.dragging{background:#eff6e8;border-color:var(--green)}.drop-zone strong{font-size:15px}.drop-zone>span:not(.upload-icon){font-size:12px;color:var(--muted)}.drop-zone small{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.upload-icon{font-family:Arial,sans-serif;display:grid;place-items:center;width:56px;height:56px;font-size:34px;border:1px solid #d9e5d1;background:#eff6e8;border-radius:16px;margin-bottom:5px;color:var(--green)}.privacy{display:flex;gap:12px;margin-top:22px;align-items:center}.privacy>span{font-size:28px;color:var(--green)}.privacy strong{font-size:11px;font-weight:600}.privacy p{font-size:11px;color:var(--muted);margin:4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}fieldset{padding:0;margin:0 0 25px;border:0}legend,.quality-heading label,.resize-heading>label{font-size:12px;font-weight:650;margin-bottom:12px}.format-options{display:flex;gap:8px;margin-top:10px}.format-options label{flex:1;position:relative}.format-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.format-options label>span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:8px;padding:13px 4px;font-size:13px;font-weight:600;pointer-events:none}.format-options input:checked+span{color:var(--green);border-color:var(--green);background:#f1f6ed}.format-options input:focus-visible+span{outline:3px solid #85b458;outline-offset:3px}.format-options small{font-size:9px;background:#e2edda;border-radius:4px;padding:2px 4px}.quality-heading,.resize-heading{display:flex;justify-content:space-between;align-items:center}.quality-heading label{margin:0}.quality-heading output{font-size:13px;color:var(--green);font-weight:700}input[type=range]{width:100%;accent-color:var(--green);margin:17px 0 5px;height:18px}.help{font-size:11px;line-height:1.65;color:var(--muted);margin:5px 0 22px}.resize-heading{margin-top:23px}.resize-heading>label{margin:0}.switch{position:relative;width:31px;height:19px}.switch input{opacity:0;width:100%;height:100%;position:absolute;margin:0}.switch span{display:block;width:100%;height:100%;border-radius:20px;background:#dce3db;pointer-events:none}.switch span:after{content:"";display:block;position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(12px)}.switch input:focus-visible+span{outline:3px solid #85b458;outline-offset:3px}.dimensions{display:flex;align-items:end;gap:13px;margin-top:16px}.dimensions>div{flex:1;min-width:0}.dimensions label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.dimensions input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:7px;color:#233b30;background:#fff;font-size:13px}.dimensions input:disabled{background:#f7f9f5;color:#9ba69e}.ratio{font-size:13px;color:var(--muted);padding-bottom:12px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--green);color:white;border:0;border-radius:9px;padding:16px 18px;font-size:13px;font-weight:600;cursor:pointer}.primary:not(:disabled):hover{background:#1d513c}.primary span{font-size:18px;line-height:1}.under-button{text-align:center;font-size:10px;color:var(--muted);margin:12px 0 0}.note{font-size:11px;color:#7f621e;background:#fcf7e8;padding:9px;border-radius:6px}.status{min-height:22px;font-size:12px;line-height:1.6;color:var(--muted);margin:15px 3px 0}.status.error{color:#a23332}.source .preview{height:230px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.checker{background-color:#fafafa;background-image:linear-gradient(45deg,#eef0eb 25%,transparent 25%),linear-gradient(-45deg,#eef0eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0eb 75%),linear-gradient(-45deg,transparent 75%,#eef0eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.preview img,.result-preview img{max-width:100%;max-height:100%;object-fit:contain}.file-info{display:flex;flex-direction:column;gap:5px;margin-top:15px;min-width:0}.file-info strong{font-size:12px;overflow-wrap:anywhere}.file-info span{font-size:11px;color:var(--muted)}.text-button{font-size:11px;background:none;border:0;padding:10px 0 0;color:var(--green);text-decoration:underline}.result{display:grid;grid-template-columns:.65fr 1fr;gap:30px;margin-top:20px;align-items:center}.result-preview{height:220px;border-radius:10px;display:flex;align-items:center;justify-content:center}.result-copy h2{font-size:23px;margin:12px 0}.result-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.savings{display:block;font-size:14px;color:var(--green);margin:15px 0}.download{max-width:300px}.result-copy .help{margin-bottom:0}.how{padding:53px 0 40px}.how>h2,.faq>h2{font-size:19px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.how article{border-top:1px solid var(--border);padding-top:18px}.how article>span{font-size:10px;letter-spacing:1px;color:var(--green);font-weight:700}.how h3{font-size:14px;margin:14px 0 8px}.how p{font-size:12px;color:var(--muted);line-height:1.8}.faq{padding:15px 0 50px}.faq h2{margin-bottom:20px}details{border-bottom:1px solid var(--border);padding:18px 0}summary{font-size:13px}details p{font-size:12px;color:#6a786e;line-height:1.9;max-width:780px;margin:15px 0 0}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:100px;color:var(--muted);font-size:10px}footer .brand{font-size:14px;color:#496052}body [hidden]{display:none!important}@media(max-width:740px){.wrap{padding:0 20px}.site-header{height:76px}.brand{font-size:16px}.header-link{font-size:11px}.intro{padding-top:34px}.intro h1{font-size:43px}.intro-copy{font-size:13px}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:22px}.drop-zone{min-height:230px}.section-heading{margin-bottom:20px}.result{grid-template-columns:1fr;gap:20px}.result-preview{height:200px}.how{padding-top:35px}.how-grid{grid-template-columns:1fr;gap:18px}.how article{padding-top:15px}.how h3{margin-top:10px}.how p{margin-bottom:0}.how-grid{margin-top:23px}.result-copy h2{font-size:21px}footer{flex-wrap:wrap;padding-top:24px!important;padding-bottom:24px!important}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}