/* Dedicated image actions stay usable on narrow screens and with a keyboard. */
.image-upscale{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:8px 0 0 10px;padding:4px 12px;border:1px solid var(--line,#d7dcd7);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#23352b);font:inherit;cursor:pointer}
.image-upscale:focus-visible,.upscale-dialog select:focus-visible{outline:3px solid var(--accent,#4f765d);outline-offset:2px}
.upscale-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow-y:auto}
.upscale-source{display:flex;gap:14px;align-items:center;margin:12px 0 20px;min-width:0}
.upscale-source img{width:88px;height:88px;object-fit:contain;border-radius:8px;background:var(--surface,#f5f6f3)}
.upscale-source p{min-width:0;overflow-wrap:anywhere}
.upscale-field{display:grid;gap:7px;margin:14px 0;font-weight:600}.upscale-field[hidden]{display:none}
.upscale-field select{width:100%;min-height:44px;border:1px solid var(--line,#d7dcd7);border-radius:8px;padding:9px 12px;background:var(--surface,#fff);color:inherit;font:inherit}
#upscale-estimate{font-weight:600}#upscale-status{line-height:1.6}#upscale-error:empty{display:none}
@media(max-width:760px){.upscale-dialog{padding:20px 16px}.upscale-dialog .dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.upscale-dialog .dialog-actions button{min-height:44px;flex:1}.image-upscale{min-height:44px}}