.image-preview{margin-top:1rem;padding:1rem;border:1px solid var(--rule);border-radius:8px;background:repeating-conic-gradient(#e8e9e2 0% 25%,#fffefa 0% 50%) 50% / 20px 20px}.image-preview img{display:block;max-width:100%;max-height:300px;width:auto;height:auto;margin:auto}.tool-options input[type=range]{padding:0;accent-color:var(--link);border:0;background:transparent}.tool-options input[type=color]{padding:.25rem;cursor:pointer}#quality-value{margin-left:.5rem;color:var(--muted);font-weight:400}