.compress-workspace{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.4fr);gap:clamp(24px,4vw,56px);padding:36px 0 64px;border-top:1px solid #d5d6cc}.compress-controls{display:flex;flex-direction:column;gap:12px}.compress-controls>label{font-weight:600;font-size:15px}.compress-controls :is(select,input){width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #c6c9bd;border-radius:8px;background:#fffef9;color:#25261f;font:inherit}.compress-controls p,.compress-results>p{font-size:13px;line-height:1.6;color:#5b6053}.compressor-tool button{padding:12px 16px;border:1px solid #8a957f;border-radius:7px;background:#fffdf6;color:#303a29;font:inherit;font-size:14px;cursor:pointer}.compressor-tool button:disabled{opacity:.45;cursor:not-allowed}.compressor-tool :is(button,input,select,pre):focus-visible{outline:3px solid #a74527;outline-offset:4px}.compress-actions button:first-child,.compress-controls #compress-run{background:#35452d;color:#fff}.compress-results{min-width:0}.compress-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compress-compare:has(figure:only-child){grid-template-columns:1fr}.compress-compare figure{margin:0;min-width:0}.compress-compare figcaption{font-size:14px;font-weight:600;margin:0 0 10px}.compress-compare figure>div{display:flex;align-items:center;justify-content:center;min-height:220px;background:repeating-conic-gradient(#d8d9cf 0 25%,#e7e8de 0 50%) 50%/20px 20px;padding:12px;border:1px solid #c6c9bd;border-radius:10px}.compress-compare img{display:block;max-width:100%;max-height:470px;width:auto;height:auto;object-fit:contain}.compress-empty{min-height:350px;display:flex;flex-direction:column;justify-content:center;padding:32px;border:1px dashed #929b87;border-radius:12px;background:#eeeee4}.compress-empty h2{font:38px/1.15 Georgia,serif;margin:0 0 16px}.compress-empty p{max-width:330px;line-height:1.6}.compress-outcome{margin-top:24px;padding:20px;border:1px solid #9ca68e;border-radius:10px;background:#eeeee4;overflow-wrap:anywhere}.compress-outcome strong{font:28px/1.2 Georgia,serif}.compress-outcome p{font-size:14px;line-height:1.6}.compress-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.compress-notes{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeeee4;padding:20px;border-radius:8px;font:13px/1.6 monospace}.compress-results [role=alert]{color:#9b3220;font-size:16px}.compress-busy{min-height:80px;display:flex;align-items:center;padding:20px;border-radius:10px;background:#eeeee4}@media(max-width:760px){.compress-workspace{padding-top:24px}.compress-compare,.compress-workspace{grid-template-columns:1fr}.compress-compare img{max-height:380px}.compress-empty{min-height:240px}.compress-actions button{flex:1 1 140px}}