.reducer-tool{grid-template-columns:minmax(280px,350px) minmax(0,1fr);overflow:visible}.reducer-tool .converter-controls{padding:24px}.reducer-tool h2{font-size:20px;margin:12px 0 16px}.reducer-tool input[type=number],.reducer-tool select{width:100%;min-height:46px;padding:10px;margin:8px 0 16px;background:#fff;color:#17212b;border:1px solid #84929f;border-radius:8px;font:inherit}.reducer-tool label{display:block;color:#243c50;font-weight:600}.reducer-tool .check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;margin:8px 0}.reducer-tool .check input{width:20px;height:20px;flex-shrink:0}.reducer-tool .small{font-size:13px;line-height:1.7;color:#3d5366}.reducer-tool button{min-height:48px;margin:8px 0}.reducer-tool .converter-preview{position:sticky;top:112px;align-self:start;scroll-margin-top:112px}.reducer-tool #reducer-viewer{height:400px;background:#eef1f3;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center}.reducer-tool #reducer-viewer canvas{display:block;touch-action:none}.reducer-tool #reducer-status{font-size:14px;line-height:1.7;color:#244e43}.reducer-tool #reducer-status[data-error=true]{color:#a12626}.reducer-tool #reducer-result{font-size:14px;font-weight:700}.preview-controls{display:flex;flex-wrap:wrap;gap:20px}.reducer-tool [hidden]{display:none!important}.reading details{padding:18px 0;border-bottom:1px solid #d9dce2}.reading summary{cursor:pointer;min-height:44px;font-weight:700}.reducer-tool #reducer-run,.reducer-tool #reducer-download{width:100%}.reducer-tool #reducer-settings{margin-top:24px}
@media(max-width:760px){.reducer-tool{grid-template-columns:1fr}.reducer-tool .converter-controls{padding:20px}.reducer-tool .converter-preview{position:static;scroll-margin-top:88px}.reducer-tool #reducer-viewer{height:310px}.reducer-tool input::file-selector-button{min-height:44px}.preview-controls{gap:14px}}