.resize-workspace{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.resize-image-side{padding:28px;border-right:1px solid var(--rule);min-width:0}.resize-options{padding:28px;min-width:0}
.resize-preview{background:var(--surface);min-height:240px;display:flex;align-items:center;justify-content:center;padding:14px}.resize-preview img{display:block;max-width:100%;max-height:430px;object-fit:contain}
.preview-label{font-size:11px;color:var(--muted);margin:0 0 10px}.source-facts{font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 0}
.export-controls{border:0;padding:0;margin:0}.export-controls label{display:block;font-size:12px;font-weight:700;margin:22px 0 9px}.export-controls label:first-child{margin-top:0}
.export-controls select,.export-controls input[type=number]{width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:var(--paper);border:1px solid var(--control-rule);font-size:14px}
.quality-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.quality-heading label{margin:0}.quality-heading output{font-size:20px;font-weight:700}.export-controls input[type=range]{width:100%;accent-color:var(--accent);margin:14px 0}
.output-summary{border-top:1px solid var(--rule);margin-top:22px;padding-top:20px}.output-summary strong{display:block;font-size:27px;letter-spacing:-1px;margin:10px 0}.output-summary p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.export-actions{display:flex;gap:12px;margin-top:24px}.export-actions #export{flex:1}.export-actions #reset{font-size:12px;padding:12px}
.export-result{border-top:1px solid var(--ink);margin-top:24px;padding-top:20px}.export-result strong{display:block;font-size:18px;margin-bottom:9px}.export-result p{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0}.export-result .filename{margin-bottom:18px}
.download-button{display:block;text-align:center;background:var(--ink);color:var(--paper);padding:14px 20px;font-size:14px;text-decoration:none;border:1px solid var(--ink)}
.export-note{border-top:1px solid var(--rule);margin-top:22px;padding-top:18px;font-size:12px;line-height:1.6;color:var(--muted)}.export-note strong{color:var(--ink)}
header nav{flex-wrap:wrap}@media(min-width:761px) and (max-width:1100px){header nav{order:3;width:100%}.theme-toggle{margin-left:auto}}
@media(max-width:760px){.resize-workspace{grid-template-columns:1fr}.resize-image-side{border-right:0;border-bottom:1px solid var(--rule);padding:18px}.resize-options{padding:23px 18px}.resize-preview img{max-height:340px}header nav{column-gap:18px;row-gap:12px}.output-summary strong{font-size:24px}}