:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#29362e;background:#f5f3ed;--green:#3e5848;--dark:#293e31;--orange:#ae482d;--muted:#687362;--line:#dce0d4;--paper:#fffefb;accent-color:var(--green);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}svg{flex-shrink:0}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.visually-hidden,.sr-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:var(--dark);color:white;padding:12px}.skip-link:focus{top:12px}.site-header,main,footer{max-width:1240px;margin-inline:auto}.site-header{height:97px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd4}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1.5px}.brand>span:last-child{color:var(--orange);margin-left:-10px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;rotate:-8deg;margin-right:4px}.brand-mark i{height:8px;background:var(--green)}.brand-mark i:last-child{background:var(--orange)}.header-right{display:flex;gap:29px;align-items:center}.privacy{font-size:12px;display:flex;gap:8px;align-items:center;color:#586551}.privacy>span{width:6px;height:6px;background:#638459;border-radius:50%}.help-link{font-size:12px;text-decoration:none;display:flex;gap:7px;align-items:center;border-left:1px solid var(--line);padding-left:25px}.help-link .icon{width:15px;height:15px;rotate:-45deg}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:44px 0 36px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--orange);font-weight:700;margin:0 0 16px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,1.9rem + 2.2vw,4.4rem);font-weight:400;line-height:1.08;letter-spacing:-2.7px;margin:0 0 19px}h1 em{font-style:normal;color:#5a6a52}.intro>div>p:last-child{font-size:14px;line-height:1.8;color:#65705f;margin:0}.intro-card{display:flex;align-items:center;gap:20px;margin-right:23px;rotate:-3deg}.mini-photo{width:112px;height:128px;background:#e7eadc;border:1px solid #b9c4aa;padding:8px;position:relative;overflow:hidden;box-shadow:5px 6px 0 #e5e2d8}.mini-photo:after{content:'';position:absolute;inset:8px;border:1px solid #bdc5b0}.mini-sun{width:25px;height:25px;border-radius:50%;background:#c4b894;position:absolute;left:24px;top:24px}.mini-hill{position:absolute;width:106px;height:82px;background:#98aa83;rotate:40deg;left:18px;top:79px}.mini-arrow{color:#858f7a}.mini-arrow .icon{width:30px;height:30px}.mini-spec{display:flex;flex-direction:column;gap:13px;min-width:170px;background:#f0e1d1;border:1px solid #d1aa8f;box-shadow:5px 6px 0 #e5e2d8;padding:22px 18px;rotate:5deg;color:#9a452c}.mini-spec>span{font-size:8px;letter-spacing:1.6px}.mini-spec strong{font-size:43px;font-family:Georgia,serif;font-weight:400;white-space:nowrap}.mini-spec small{font-size:12px;letter-spacing:1px;font-family:Arial,sans-serif}.app{display:grid;grid-template-columns:minmax(0,1fr) 390px;border:1px solid #d8ded0;border-radius:13px;overflow:clip;background:var(--paper);box-shadow:0 7px 28px #2b3d2705;scroll-margin-top:20px}.app:focus{outline:none}.image-panel{padding:27px 30px 28px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px;min-height:34px}h2{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:0}.count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:5px;font-size:11px;background:#edf0e5;color:#65725a;margin-left:7px;vertical-align:2px;letter-spacing:0;font-weight:500}.panel-actions{display:flex;gap:18px;align-items:center}.text-button{background:none;border:0;padding:5px 0;color:#647359;font-size:12px;min-height:30px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--dark)}.small-button{padding:8px 11px;border:1px solid #ced6c4;border-radius:5px;background:transparent;font-size:12px;color:#435d3f;display:flex;gap:6px;align-items:center;min-height:34px}.small-button:hover{background:#f0f4e9}.small-button>span{font-size:17px;line-height:12px}.dropzone{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 18px;background:#f8f9f3;border:1.5px dashed #c4ceba;border-radius:8px;transition:background .15s,border-color .15s}.dropzone.dragging,.image-panel.dragging{background:#edf3e6;border-color:var(--green)}.upload-art{width:78px;height:78px;color:#7d8f6c;margin-bottom:22px;rotate:-4deg}.upload-art svg{width:100%;height:100%}.dropzone h3{font-family:Georgia,serif;font-weight:400;font-size:26px;letter-spacing:-.6px;margin:0 0 11px}.dropzone>p{font-size:13px;color:#69755f;margin:0}.choose-button{display:flex;align-items:center;gap:23px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:5px;padding:13px 18px;font-size:13px;margin-top:25px;min-height:46px}.choose-button:hover{background:var(--dark)}.choose-button .icon{width:17px;height:17px;rotate:-45deg}.dropzone .file-hint{font-size:11px;line-height:1.9;color:#6b765f;margin-top:22px;max-width:410px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:15px}.preview-tabs{display:flex;background:#f0f2e9;padding:3px;border-radius:6px;gap:2px}.preview-tabs>button{padding:7px 14px;border:0;border-radius:4px;background:transparent;color:#65715b;min-height:32px;font-size:11px}.preview-tabs>button[aria-pressed=true]{background:#fffefb;color:#334d3a;box-shadow:0 1px 3px #344d2b16}.preview-tabs>button:disabled{color:#929987}.format-badge{font-size:10px;font-weight:600;letter-spacing:.8px;color:#69775f;border:1px solid #dbe1d2;border-radius:4px;padding:5px 8px}.preview-stage{display:flex;align-items:center;justify-content:center;height:300px;border:1px solid #e0e4d6;border-radius:7px;padding:22px;background:repeating-conic-gradient(#f0f2e9 0% 25%,#f8f9f4 0% 50%) 50% / 20px 20px;overflow:hidden}.preview-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px #2d3d2310)}#preview-fallback{font-size:13px;color:#637056;text-align:center;padding:20px}.preview-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#738067;padding-top:10px;line-height:1.6}.preview-caption>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#58674c}.preview-caption>span:last-child{white-space:nowrap}.comparison{display:grid;grid-template-columns:1fr 25px 1fr;gap:15px;padding:19px 0 12px;margin-top:7px;border-top:1px solid #e3e6dc}.comparison>div{display:flex;flex-direction:column;gap:7px;min-width:0}.comparison>div:last-child{padding-left:10px}.comparison>div>span{font-size:8px;letter-spacing:1.4px;color:#76846b}.comparison strong{font-size:17px;font-weight:500;letter-spacing:-.4px;overflow-wrap:anywhere}.comparison small{font-size:11px;color:#68755e;line-height:1.6}.comparison>.icon{align-self:center;color:#929c85;width:19px;height:19px}.plan-note{font-size:11px;line-height:1.75;color:#68755d;margin:0;padding-bottom:15px}.plan-note.warning{color:#9a532d}.plan-note.error{color:#a33825}.queue-heading{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:19px;margin:3px 0 2px}.queue-heading h3{font-size:12px;margin:0;font-weight:500}.queue-heading>span{font-size:10px;color:#6c785f}.file-list{list-style:none;margin:0;padding:0;max-height:345px;overflow:auto}.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid #e5e8df;align-items:center}.file-row:last-child{border-bottom:0}.file-row.selected .select-image{background:#f1f4eb}.select-image{border:1px solid transparent;background:none;min-width:0;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;text-align:left;padding:7px;border-radius:6px}.select-image:hover{background:#f5f7ef}.thumbnail{width:40px;height:40px;object-fit:contain;background:#e9eddf;border-radius:4px}.file-name{display:block;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.6}.file-meta{display:block;font-size:10px;color:#6d795f;line-height:1.7}.file-result{display:block;font-size:10px;color:#47724a;line-height:1.7}.file-result.failed{color:#a33825}.row-actions{display:flex;align-items:center;gap:6px}.icon-button{border:0;background:none;color:#7d8970;width:30px;min-height:32px;font-size:21px;border-radius:4px}.icon-button:hover{background:#edf0e5}.save-link{display:flex;align-items:center;gap:3px;text-decoration:none;border:1px solid #ced9c3;padding:6px 8px;border-radius:4px;font-size:11px;color:#405d3d;min-height:31px}.save-link>.icon{width:14px;height:14px}.save-link:hover{background:#edf3e5}.import-errors{border:1px solid #e5c8b9;background:#fff6ef;padding:13px 15px;border-radius:6px;margin-top:18px;color:#914529}.import-errors>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.import-errors .icon-button{color:#914529}.import-errors ul{margin:5px 0 0;padding-left:17px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.load-progress{margin-top:20px;font-size:12px;color:#56694b}.load-progress progress{margin-top:12px}.settings{background:#f0f3e9;border-left:1px solid #d8ded0;padding:27px 27px 24px;min-width:0}.settings-header{margin-bottom:20px}.settings-fieldset{border:0;border-top:1px solid #d9e0cf;padding:20px 0 19px;margin:0;min-width:0}.settings-fieldset legend{float:left;width:100%;padding:0;margin-bottom:15px;font-size:12px;font-weight:600;letter-spacing:-.1px}.settings-fieldset legend+*{clear:both}.step{color:#77866a;font-size:10px;font-weight:400;margin-right:10px}.dpi-field{display:flex;align-items:center;gap:9px;border:1px solid #bac8ac;background:#fffefb;border-radius:6px;padding:6px 15px;margin-top:2px}.dpi-field:focus-within{outline:2px solid var(--green);outline-offset:1px}.dpi-field input{width:100%;min-width:0;font-size:38px;font-weight:400;letter-spacing:-1.8px;border:0;background:none;min-height:53px;color:#334a35;appearance:textfield;padding:0}.dpi-field input::-webkit-inner-spin-button,.dpi-field input::-webkit-outer-spin-button{-webkit-appearance:none}.dpi-field input:focus{outline:0}.dpi-field>span{font-size:12px;color:#6c7b5d;align-self:flex-end;padding-bottom:13px}.dpi-field>.icon{color:#80936e;width:19px;height:19px;margin-left:13px}.dpi-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.dpi-presets>button{border:1px solid #d3dcc9;border-radius:5px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;padding:9px 3px;min-height:46px;color:#536b45}.dpi-presets>button>span{font-size:8px;color:#687b5a}.dpi-presets>button[aria-pressed=true]{border-color:#7d946a;background:#e1e9d7;color:#354e2e}.dpi-presets>button:hover{background:#e7eddf}.hint{font-size:10px;line-height:1.8;color:#65765a;margin:10px 0 0}.mode{display:flex;gap:10px;align-items:flex-start;padding:7px 0;margin:0 0 7px;cursor:pointer}.mode>input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0}.mode strong{font-size:12px;font-weight:500;display:block;line-height:1.5}.mode small{font-size:7px;letter-spacing:1px;padding:3px 4px;background:#e2ead8;color:#5c704b;border-radius:3px;font-weight:600;margin-left:5px;vertical-align:1px}.mode>span>span{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#687b5a}.sub-settings{background:#e8eedf;padding:15px 13px;border:1px solid #d6dfcb;border-radius:6px;margin-top:10px}.sub-settings label,.quality-settings>label,.background-settings>label{display:block;font-size:11px;margin-bottom:8px;color:#4c6440}.sub-settings input:not([type=checkbox]),select{width:100%;min-width:0;border:1px solid #bfcdb2;border-radius:5px;background:#fffefa;color:#3d5432;padding:10px 11px;min-height:42px;font-size:13px}.sub-settings>div:not(.size-row){margin-top:12px}.sub-settings .hint{margin-top:9px}.size-row{display:flex;align-items:end;gap:7px}.size-row>div{flex:1;min-width:0}.size-row>.unit-field{flex:0 0 59px}.size-row>span{padding-bottom:13px;font-size:12px;color:#7d8e6c}.size-row select{padding-inline:6px}.size-row input:not([type=checkbox]){padding-inline:8px}.sub-settings .checkbox-label{display:flex;gap:8px;align-items:flex-start;margin:15px 0 0;font-size:11px;cursor:pointer}.checkbox-label input{margin:0;width:15px;height:15px;flex-shrink:0}.checkbox-label small{display:block;font-size:10px;line-height:1.6;margin-top:6px;color:#65775a}.format-fieldset{padding-bottom:17px}#output-format{font-size:12px;min-height:45px}.quality-settings{margin-top:16px}.quality-settings label{display:flex;justify-content:space-between}.quality-settings output{font-size:10px;color:#4c6740}.quality-settings input{width:100%;margin:5px 0 0;height:18px}.quality-settings .hint{font-size:9px;line-height:1.7}.background-settings{margin-top:17px}.background-settings>div{display:flex;align-items:center;gap:8px}.background-settings input{padding:2px;width:32px;height:30px;border:1px solid #b7c9a6;border-radius:4px;background:#fff}.background-settings span{font-size:10px}.background-settings .hint{font-size:9px;margin:0 0 0 auto}.convert-area{border-top:1px solid #d9e0cf;padding-top:18px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--green);background:var(--green);color:#fff;padding:14px 16px;border-radius:6px;font-size:13px;min-height:48px;transition:background .15s}.primary-button:hover:not(:disabled){background:var(--dark)}.primary-button:disabled{background:#bdcbb0;border-color:#bdcbb0;color:#4b6440}.primary-button .icon{width:19px;height:19px}.convert-hint{font-size:10px;line-height:1.7;text-align:center;margin:9px 0;color:#607453}.local-note{font-size:10px;color:#65785a;display:flex;gap:6px;align-items:center;justify-content:center;margin:15px 0 0}.local-note .icon{width:12px;height:12px}.download-all{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #9cb287;border-radius:6px;padding:12px 10px;margin-top:13px;font-size:12px;text-decoration:none;color:#3c5c31;background:#e3ecd9}.download-all:hover{background:#dce8cf}.download-all .icon{width:16px;height:16px}.convert-progress{font-size:11px;color:#4e6b3e;margin-bottom:14px}.convert-progress>div{display:flex;justify-content:space-between;align-items:center}.convert-progress .text-button{font-size:11px}progress{display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:#dbe4d1}progress::-webkit-progress-bar{background:#dbe4d1}progress::-webkit-progress-value{background:#63864c}progress::-moz-progress-bar{background:#63864c}.status{font-size:12px;line-height:1.8;color:#4c6940;margin:12px 3px 0;min-height:22px;overflow-wrap:anywhere}.status.error{color:#a33e29}.field-error{font-size:11px;line-height:1.65;margin:7px 0 0;color:#a33e29}.field-error:not([hidden])+*{margin-top:9px}input:user-invalid{border-color:#ab4429;background:#fff4eb}input[aria-invalid=true]{border-color:#ab4429}.dpi-field:has(input[aria-invalid=true]){border-color:#ab4429}.help-section{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;max-width:1000px;margin:32px auto 0;padding:18px 0 36px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.help-section .eyebrow{font-size:9px;margin-bottom:13px;color:#718265}.help-section h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.9px;line-height:1.15}.help-details details{border-bottom:1px solid #dce1d3;padding:13px 0}.help-details details:first-child{padding-top:0}.help-details details:last-child{border-bottom:0}.help-details summary{font-size:12px;cursor:pointer;color:#536b45;line-height:1.8}.help-details p{font-size:11px;line-height:1.85;color:#65785a;margin:12px 0 4px;padding-right:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 30px;font-size:10px;color:#68795b}.footer-brand{font-weight:600}.footer-brand>span{margin-left:15px;font-weight:400;color:#748368}footer a{text-decoration:none;display:flex;gap:8px;align-items:center;min-height:30px}footer a:hover{text-decoration:underline}footer a .icon{width:12px;height:12px;rotate:-45deg}button:disabled,input:disabled,select:disabled{opacity:.65}#view-output:disabled{opacity:1}.select-image:disabled{opacity:1}.status:empty{min-height:0}
@supports not (accent-color:#3e5848){.mode>input,.checkbox-label>input{position:absolute;clip-path:inset(50%);width:1px;height:1px}.mode>span,.checkbox-label>span{position:relative;padding-left:26px}.mode>span:before,.checkbox-label>span:before{content:'';position:absolute;left:0;top:1px;width:16px;height:16px;border:1px solid #738965;border-radius:50%;background:#fff}.checkbox-label>span:before{border-radius:3px}.mode>input:checked+span:before,.checkbox-label>input:checked+span:before{background:#3e5848;box-shadow:inset 0 0 0 3px white}.mode>input:focus-visible+span:before,.checkbox-label>input:focus-visible+span:before{outline:3px solid #ae482d;outline-offset:3px}}
@media(max-width:1350px){.site-header,main,footer{margin-inline:5vw}.app{grid-template-columns:minmax(0,1fr) 370px}.settings{padding-inline:24px}.intro-card{margin-right:15px}}
@media(max-width:1000px){.app{grid-template-columns:minmax(0,1fr) 340px}.settings{padding-inline:21px}.image-panel{padding-inline:22px}.intro-card{gap:12px;margin-right:5px}.mini-photo{width:88px;height:108px}.mini-spec{min-width:145px;padding:18px 13px}.mini-spec strong{font-size:36px}.mini-spec>span{font-size:7px}.intro{gap:20px}.intro>div>p:last-child{font-size:12px}.comparison{gap:8px}.comparison strong{font-size:15px}.comparison small{font-size:10px}.panel-actions{gap:10px}.file-row{grid-template-columns:minmax(0,1fr) auto;gap:4px}.file-name{font-size:11px}.select-image{gap:7px;grid-template-columns:32px minmax(0,1fr);padding:5px}.thumbnail{width:32px;height:32px}.save-link{font-size:10px;padding:6px}.save-link .icon{display:none}.row-actions{gap:0}.help-section{gap:40px;padding-inline:10px}.dpi-field input{font-size:35px}}
@media(max-width:760px){.site-header{height:80px}.brand{font-size:26px}.header-right{gap:12px}.privacy{font-size:10px}.help-link{display:none}.intro{padding:31px 0 28px;gap:10px}.intro-card{display:none}h1{font-size:3rem}.intro>div>p:last-child{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px}.app{grid-template-columns:minmax(0,1fr) 315px}.settings{padding:22px 17px}.image-panel{padding:22px 17px}.dropzone{min-height:380px;padding:25px 10px}.dropzone h3{font-size:22px}.dropzone>p{font-size:11px}.dropzone .file-hint{font-size:9px}.preview-stage{height:240px;padding:15px}.comparison{grid-template-columns:1fr;gap:10px;padding-bottom:8px}.comparison>.icon{display:none}.comparison>div{gap:4px}.comparison>div:last-child{padding-left:0}.comparison strong{font-size:15px}.queue-heading{align-items:flex-start}.queue-heading>span{font-size:9px}.panel-header h2{font-size:15px}.panel-header{gap:6px}.count{font-size:10px;min-width:20px;height:20px;margin-left:4px}.small-button{font-size:10px;padding:6px}.text-button{font-size:10px}.panel-actions{gap:6px}.preview-caption{flex-direction:column;gap:2px}.preview-caption>span:last-child{white-space:normal}.preview-tabs>button{padding:6px 9px;font-size:10px}.format-badge{font-size:9px;padding:4px}.file-row{grid-template-columns:minmax(0,1fr);gap:0}.row-actions{justify-content:flex-end}.file-meta,.file-result{font-size:9px}.help-section{gap:25px;grid-template-columns:.8fr 1.2fr}.help-section h2{font-size:26px}.help-details summary{font-size:11px}.footer-brand>span{display:block;margin:7px 0 0;font-size:9px}}
@media(max-width:620px){.site-header,main,footer{margin-inline:5vw}.app{grid-template-columns:1fr}.image-panel{padding:23px 20px}.settings{border-left:0;border-top:1px solid #d8ded0;padding:24px}.intro{padding:30px 0}.intro>div>p:last-child{font-size:12px}h1{font-size:3.2rem;letter-spacing:-2.2px}.privacy{font-size:9px;gap:5px}.dropzone{min-height:330px}.dropzone h3{font-size:25px}.dropzone>p{font-size:12px}.dropzone .file-hint{font-size:10px}.upload-art{width:69px;height:69px;margin-bottom:18px}.choose-button{min-height:46px;margin-top:22px}.panel-header{margin-bottom:19px}.panel-header h2{font-size:17px}.small-button{font-size:11px;padding:8px 10px}.text-button{font-size:11px;min-height:35px}.panel-actions{gap:12px}.count{font-size:10px;min-width:22px;height:22px}.preview-stage{height:265px}.comparison{grid-template-columns:1fr 17px 1fr;gap:9px;padding:17px 0 11px}.comparison>.icon{display:inline-block;width:16px;height:16px}.comparison>div:last-child{padding-left:5px}.comparison strong{font-size:15px}.comparison small{font-size:10px}.preview-caption{flex-direction:row;font-size:9px}.preview-caption>span:last-child{white-space:nowrap}.preview-tabs>button{font-size:11px;padding:7px 13px;min-height:35px}.plan-note{font-size:11px}.queue-heading h3{font-size:12px}.queue-heading>span{font-size:10px}.file-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.select-image{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:7px 4px}.thumbnail{width:36px;height:36px}.file-name{font-size:11px}.file-meta,.file-result{font-size:9px}.row-actions{gap:2px}.save-link{min-height:35px;font-size:10px}.icon-button{min-height:35px}.settings-header{margin-bottom:19px}.settings-fieldset{padding-block:21px}.settings-fieldset legend{font-size:13px;margin-bottom:16px}.dpi-field input{font-size:42px;min-height:61px}.dpi-field{padding-inline:16px}.dpi-field>span{font-size:13px;padding-bottom:15px}.dpi-presets{gap:8px}.dpi-presets>button{font-size:13px;min-height:52px}.dpi-presets>button>span{font-size:9px}.hint{font-size:11px}.mode{gap:11px;padding:8px 0;margin-bottom:7px}.mode strong{font-size:13px}.mode>span>span{font-size:11px}.mode input{margin-top:3px}.mode small{font-size:7px}.sub-settings input:not([type=checkbox]),select,#output-format{font-size:16px;min-height:46px}.sub-settings label,.quality-settings>label,.background-settings>label{font-size:12px}.size-row>.unit-field{flex-basis:65px}.size-row{gap:8px}.sub-settings .checkbox-label{font-size:12px}.checkbox-label small{font-size:10px}.quality-settings .hint{font-size:10px}.background-settings>div{gap:10px}.primary-button{font-size:14px;min-height:50px}.convert-hint,.local-note{font-size:11px}.download-all{font-size:13px;min-height:46px}.preview-toolbar{margin-bottom:12px}.help-section{grid-template-columns:1fr;padding:21px 3px 28px;margin-top:25px;gap:24px}.help-section h2{font-size:28px}.help-details summary{font-size:12px;min-height:28px}.help-details p{font-size:12px}.help-details details{padding-block:15px}.status{font-size:12px}footer{font-size:9px;gap:10px;padding-top:23px}.footer-brand>span{font-size:8px}footer a{font-size:9px;gap:5px}.footer-brand{white-space:nowrap}}
@media(max-width:360px){h1{font-size:2.8rem}.settings{padding-inline:19px}.image-panel{padding-inline:16px}.file-row{gap:3px}.comparison strong{font-size:14px}.panel-actions{gap:7px}.privacy{font-size:8px}.brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Keep explanatory text readable against the warm backgrounds. */
.hint,.mode>span>span,.checkbox-label small,.quality-settings .hint,.local-note,.convert-hint,.background-settings .hint{color:#59694d}
.comparison>div>span,.step,.preview-caption,.file-meta,.queue-heading>span,.format-badge,.help-section .eyebrow{color:#627255}
.mobile-actions{display:none}
@media(max-width:620px){
 .intro{padding:25px 0 23px}h1{font-size:2.8rem;line-height:1.05;margin-bottom:15px}.intro .eyebrow{margin-bottom:13px}.intro>div>p:last-child{font-size:12px}
 .dropzone{min-height:280px;padding-block:22px}.upload-art{width:58px;height:58px;margin-bottom:13px}.dropzone h3{font-size:22px}.dropzone .file-hint{margin-top:17px}.choose-button{margin-top:18px}
 .icon-button{width:40px;min-height:44px}.save-link{min-height:44px}.preview-tabs>button{min-height:44px}.background-settings input{width:44px;height:44px}
 .mode{min-height:52px}.settings-fieldset{padding-block:18px}.dpi-presets>button{min-height:50px}
 .mobile-actions:not([hidden]){display:flex;position:fixed;bottom:13px;left:5vw;right:5vw;z-index:10;align-items:center;justify-content:space-between;gap:16px;background:#293e31;color:white;border:1px solid #617653;border-radius:8px;padding:7px 8px 7px 16px;box-shadow:0 5px 25px #23362338}
 .mobile-actions>a{font-size:12px;text-underline-offset:3px;min-height:44px;display:flex;align-items:center}.mobile-actions>button{background:#edf3e6;color:#30462b;border:0;border-radius:5px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;min-height:44px}.mobile-actions>button .icon{width:17px;height:17px}
 body:has(.mobile-actions:not([hidden])){padding-bottom:80px}#settings-form{scroll-margin-top:20px}
}