/* Amazon Image Resizer - tool-specific styles on top of the shared
 * image-tools.css: the padding-colour row and the sizes cheat-sheet. */

.air-pad-row { display: flex; align-items: center; gap: 8px; }
.air-pad-row .it-select { flex: 1 1 auto; min-width: 0; }
.air-color {
    width: 38px;
    height: 34px;
    padding: 2px;
    border: 1px solid #d7dbe0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    flex: 0 0 auto;
}
.air-color[hidden] { display: none; }

.air-sizes {
    margin: 18px 0 4px;
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 14px;
    padding: 18px 20px 14px;
}
.air-sizes-title { margin: 0 0 10px; font-size: 1rem; font-weight: 700; color: #1f2937; }
.air-sizes-wrap { overflow-x: auto; }
.air-sizes-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.air-sizes-table th, .air-sizes-table td { padding: 9px 10px; border-bottom: 1px solid #eef0f3; text-align: left; vertical-align: top; }
.air-sizes-table th { font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }
.air-sizes-table tbody tr:last-child td { border-bottom: 0; }
.air-sizes-table .air-num { white-space: nowrap; font-variant-numeric: tabular-nums; }
.air-sizes-table .air-note-col { color: #64748b; font-size: 0.84rem; }
.air-sizes-foot { margin: 10px 0 0; font-size: 0.84rem; color: #64748b; }

@media (max-width: 640px) {
    .air-sizes-table .air-note-col { display: none; }
}

/* ---- Main image check ---- */
.air-check { margin: 18px 0 4px; background: #fff; border: 1px solid #e6e8eb; border-radius: 14px; padding: 18px 20px 14px; }
.air-check[hidden] { display: none; }
.air-check-title { margin: 0 0 12px; font-size: 1rem; font-weight: 700; color: #1f2937; }
.air-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.air-check-item { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; background: #fafafa; border: 1px solid #eef0f3; border-radius: 10px; }
.air-check-label { font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }
.air-check-value { font-size: 1.4rem; font-weight: 700; color: #1f2937; font-variant-numeric: tabular-nums; }
.air-check-value.is-good { color: #15803d; }
.air-check-value.is-bad { color: #b91c1c; }
.air-check-note { font-size: 0.82rem; color: #64748b; }
.air-check-verdict { margin: 12px 0 0; font-size: 0.92rem; font-weight: 600; color: #1f2937; }
.air-check-foot { margin: 8px 0 0; font-size: 0.82rem; color: #64748b; }
@media (max-width: 640px) { .air-check-grid { grid-template-columns: minmax(0, 1fr); } }