/* Extend the existing ItsyTools tool surface. */
.intro h1{overflow-wrap:anywhere}
.quality-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quality-heading .field-label{margin:0}
.quality-heading output{font-weight:750;color:#2457d5;font-size:1rem;white-space:nowrap}
.quality-slider{width:100%;margin:18px 0 5px;accent-color:#2457d5;cursor:pointer}
.field-hint,.drop-zone p,.photo-meta{font-size:.875rem}
.count{font-size:.875rem}
.text-button{border:0;background:transparent;padding:6px 0;color:#3354aa;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.text-button:disabled{opacity:.45}
.list-heading{align-items:center}
.heic-thumb{display:grid;place-items:center;background:#eaf0ff;color:#2457d5;font-size:.75rem;font-weight:800}
.photo-row{flex-wrap:wrap}
.photo-info{flex:1 1 120px}
.photo-meta{line-height:1.45;overflow-wrap:anywhere}
.photo-row[data-status=failed]{border-color:#e7c5bf;background:#fff8f6}
.photo-row[data-status=failed] .photo-meta{color:#a1322c}
.photo-row[data-status=converting]{border-color:#95afe9}
.row-download{padding:8px 10px;border-radius:8px;background:#eaf0ff;color:#1746bb;text-decoration:none;font-size:.875rem;font-weight:750;white-space:nowrap}
.row-download:hover{background:#dfe9ff}
.batch-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px}
.batch-actions .download{margin:0}
.batch-progress{width:100%;height:7px;margin-top:15px;accent-color:#2457d5}
.alert{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#fff7ed;border:1px solid #e8ceb0;color:#80531d;font-size:.9rem;line-height:1.5}
.processing{overflow-wrap:anywhere}
.create-button{gap:12px;text-align:start}
.below-note{max-width:1000px}
footer{font-size:.875rem}
[dir=rtl] .intro h1{letter-spacing:normal}
@media(max-width:480px){.row-download{padding:8px}.photo-list{max-height:420px}}
@media(prefers-reduced-motion:reduce){.drop-zone,.create-button{transition:none}}