.tadaoto-mp4-compressor-page .mp4compress-presets { display: grid; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 20px; }
.tadaoto-mp4-compressor-page .mp4compress-preset { cursor: pointer; min-width: 0; position: relative; }
.tadaoto-mp4-compressor-page .mp4compress-preset input { opacity: 0; pointer-events: none; position: absolute; }
.tadaoto-mp4-compressor-page .mp4compress-preset__body { background: #fff; border: 2px solid var(--tool-line); border-radius: 12px; display: block; height: 100%; padding: 16px; transition: border-color .18s ease, background-color .18s ease; }
.tadaoto-mp4-compressor-page .mp4compress-preset input:checked + .mp4compress-preset__body { background: #f1f9fd; border-color: var(--tool-accent); }
.tadaoto-mp4-compressor-page .mp4compress-preset strong { display: block; font-size: 15px; }
.tadaoto-mp4-compressor-page .mp4compress-preset small { color: var(--tool-muted); display: block; font-size: 12px; line-height: 1.6; margin-top: 4px; }
.tadaoto-mp4-compressor-page .mp4compress-estimate { align-items: center; background: #eef8f3; border: 1px solid #b7ddcb; border-radius: 12px; display: flex; gap: 14px; justify-content: space-between; margin-top: 18px; padding: 16px 18px; }
.tadaoto-mp4-compressor-page .mp4compress-estimate span { color: #4f695d; font-size: 13px; }
.tadaoto-mp4-compressor-page .mp4compress-estimate strong { color: var(--tool-ink); font-size: 17px; text-align: right; }
.tadaoto-mp4-compressor-page .mp4compress-result-summary { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 18px; }
.tadaoto-mp4-compressor-page .mp4compress-result-summary > div { background: var(--tool-panel); border-radius: 10px; padding: 13px 15px; }
.tadaoto-mp4-compressor-page .mp4compress-result-summary span { color: var(--tool-muted); display: block; font-size: 12px; }
.tadaoto-mp4-compressor-page .mp4compress-result-summary strong { display: block; font-size: 17px; margin-top: 3px; }
.tadaoto-mp4-compressor-page .mp4compress-result-summary .is-reduced strong { color: var(--tool-success); }
.tadaoto-mp4-compressor-page .mp4compress-result-summary .is-increased strong { color: #a33a34; }
@media (max-width: 640px) {
  .tadaoto-mp4-compressor-page .mp4compress-presets { grid-template-columns: 1fr; }
  .tadaoto-mp4-compressor-page .mp4compress-preset__body { padding: 14px 16px; }
  .tadaoto-mp4-compressor-page .mp4compress-estimate { align-items: flex-start; flex-direction: column; gap: 4px; }
  .tadaoto-mp4-compressor-page .mp4compress-estimate strong { text-align: left; }
  .tadaoto-mp4-compressor-page .mp4compress-result-summary { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .tadaoto-mp4-compressor-page .mp4compress-preset__body { transition: none; }
}