/* Shared readability and responsive refinements for every interactive tool. */
.converter-heading h2{font-size:20px}
.converter-heading p{font-size:13px;line-height:1.5}
.drop-zone p{font-size:14px}
.choose-button,.text-button,.convert-button,.download-all-button{font-size:14px}
.choose-button,.convert-button,.download-all-button{min-height:44px}
.quality-row label span{font-size:15px}
.quality-row label small{font-size:13px;line-height:1.45}
.quality-control output{font-size:14px}
.batch-summary{font-size:13px;line-height:1.5}
.batch-summary span{font-size:14px}
.batch-summary b{font-size:12px}
.file-information b{font-size:14px}
.file-information span{font-size:12px;line-height:1.45}
.download-file{min-height:40px;font-size:12px}
.batch-progress p,.format-note{font-size:12px;line-height:1.5}
.tool-assurances{font-size:13px}
.compressor-settings label>span,
.resizer-settings label>span,
.resizer-output-settings label>span,
.percentage-controls>label{font-size:13px;line-height:1.4}
.compressor-settings select,
.resizer-output-settings select{font-size:14px;line-height:1.4}
.compressor-range output,
.resizer-output-settings output,
.percentage-controls output{font-size:14px}
.custom-target>label{font-size:13px}
.custom-target input{font-size:16px}
.custom-target>div span{font-size:13px}
.custom-target p{font-size:12px;line-height:1.5}
.resize-mode button{min-height:42px;font-size:13px}
.resizer-settings input[type=number]{font-size:16px}
.check-setting span{font-size:13px!important}

@media(max-width:760px){
  .tool-wrap{width:calc(100% - 24px)}
  .converter-card{border-radius:16px}
  .converter-heading{padding:16px}
  .converter-heading h2{font-size:18px}
  .converter-heading p{font-size:12px}
  .selection-panel{padding:15px}
  .compressor-settings,
  .compressor-settings.advanced,
  .resizer-output-settings{grid-template-columns:1fr}
  .compressor-settings select,
  .resizer-output-settings select,
  .resizer-settings input[type=number],
  .custom-target input{min-height:44px;font-size:16px}
  .compressor-range,
  .resizer-output-settings label>div,
  .percentage-controls>div{min-height:44px}
  .quality-row{gap:15px}
  .quality-control{width:100%}
  .custom-target{gap:10px}
  .custom-target>div{width:100%}
  .custom-target input{width:100%}
  .converter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .converter-actions .text-button,
  .converter-actions .convert-button,
  .converter-actions .download-all-button{width:100%;min-height:46px;margin:0;padding:11px 12px}
  .converter-actions .convert-button,
  .converter-actions .download-all-button{grid-column:1/-1}
  .tool-assurances{justify-content:flex-start;gap:10px 18px}
}

@media(max-width:560px){
  .resizer-settings{grid-template-columns:1fr 18px 1fr}
  .resizer-settings .check-setting{grid-column:1/-1;min-height:48px}
  .file-row{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}
  .download-file{grid-column:2/-1;text-align:center}
  .batch-summary{align-items:flex-start;flex-direction:column;gap:4px}
}

@media(max-width:390px){
  .tool-wrap{width:calc(100% - 16px)}
  .selection-panel{padding:12px}
  .drop-zone{margin:12px;padding:28px 12px}
  .converter-actions{grid-template-columns:1fr}
  .converter-actions .convert-button,
  .converter-actions .download-all-button{grid-column:auto}
  .resizer-settings{grid-template-columns:1fr}
  .dimension-link{display:none}
}