/* Scoped native Compress settings; no separate pre-upload card. */
body[data-page="compress"] .compress-size-settings { min-width: 0; }
.compress-size-fields { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 8px; align-items: end; }
.compress-size-fields label { display: grid; gap: 6px; min-width: 0; font-size: .875rem; }
.compress-size-fields input, .compress-size-fields select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #1e293b; font: inherit; }
.compress-size-fields [aria-invalid="true"] { border-color: #b91c1c; }
.compress-size-settings .upload-limit-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.compress-size-settings .upload-limit-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 5px 9px; border: 1px solid #cbd5e1; border-radius: 7px; color: #334155; background: #fff; font-size: .8125rem; font-weight: 600; text-decoration: none; }
.compress-size-settings .upload-limit-actions a:hover { border-color: #2563eb; color: #1d4ed8; background: #eff6ff; }
.compress-size-settings .upload-limit-actions a[aria-pressed="true"] { border-color: #2563eb; color: #fff; background: #2563eb; }
.compress-size-settings .upload-limit-actions a[aria-disabled="true"] { opacity: .55; cursor: default; }
.compress-size-settings output { display: block; margin-top: 6px; color: #64748b; font-size: .8125rem; overflow-wrap: anywhere; }
.compress-size-settings .upload-limit-note { margin: 8px 0 0; color: #64748b; font-size: .8125rem; line-height: 1.5; }
.compress-unit-options { margin-top: 12px; border-top: 1px solid #e2e8f0; padding-top: 10px; }
.compress-unit-options summary { cursor: pointer; color: #475569; font-size: .875rem; }
.compress-unit-options .range { margin-top: 12px; }
.compress-size-settings :is(input, select, a, summary):focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
body[data-page="compress"] :is(#targetSizeRow, #qualityRow)[hidden] { display: none !important; }
@media (max-width: 600px) { .compress-size-settings .upload-limit-actions a { min-height: 44px; } }