[data-tool="png-to-jpg"] .pane{min-width:0}[data-tool="png-to-jpg"] .tool-workspace{align-items:start}.png-checker{background-color:#fff;background-image:linear-gradient(45deg,#e1e6ed 25%,transparent 25%),linear-gradient(-45deg,#e1e6ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e6ed 75%),linear-gradient(-45deg,transparent 75%,#e1e6ed 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.png-original-wrap{border:1px solid #d4deec;border-radius:12px;margin:0 auto 14px;overflow:hidden;max-width:260px}.pdf-drop .png-original-wrap img{width:100%;height:150px;max-height:none;object-fit:contain;display:block;margin:0}.png-settings{border:0;padding:0;min-width:0;margin-top:24px}.png-settings legend{font-size:1.3rem;font-weight:700;margin-bottom:12px}.png-presets,.png-preview-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.png-presets button,.png-preview-controls button{min-height:44px;flex:1}.png-presets button[aria-pressed="true"],.png-preview-controls button[aria-pressed="true"]{background:#eaf1ff;border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.png-colour-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.png-colour-row input[type="color"]{width:68px;height:46px;min-height:44px;padding:4px}.png-colour-row output{font-variant-numeric:tabular-nums;font-weight:600}#png-preview-area{height:300px;display:grid;place-items:center;overflow:hidden;border:1px solid #d4deec;border-radius:12px;margin:18px 0;background-color:#fff}#png-preview-area img{width:100%;height:100%;max-height:298px;object-fit:contain}#png-preview-area p{padding:20px;color:var(--muted)}#png-output-name,#png-original-name,#png-result-meta{overflow-wrap:anywhere}#png-comparison dd{font-size:1.2rem;color:var(--blue)}#png-exact{font-size:.875rem;text-align:left;margin:14px 0;overflow-wrap:anywhere}#png-exact summary{cursor:pointer;min-height:44px;padding:10px 0}#png-difference{font-weight:700;color:var(--blue)}#png-status{min-height:1.5em;overflow-wrap:anywhere}@media(max-width:380px){#png-preview-area{height:240px}#png-preview-area img{max-height:238px}.png-presets,.png-preview-controls{flex-direction:column}.png-colour-row{gap:8px}}

[data-tool="image-compressor"] .pane{min-width:0}[data-tool="image-compressor"] .tool-workspace{align-items:start}