.image-tool-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);gap:2rem}
.image-tool-columns form,.image-tool-columns section{min-width:0}
.image-tool-columns input[type=file]{max-width:100%}
.image-frame{position:relative;display:block;width:fit-content;max-width:100%;line-height:0}
.image-frame img,.generated-image{display:block;max-width:100%;height:auto}
.coordinate-image{cursor:crosshair;touch-action:manipulation}
.coordinate-point{position:absolute;display:grid;place-items:center;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#7b1020;color:#fff;font-size:.75rem;line-height:1;pointer-events:none;box-shadow:0 0 0 1px #222}
.coordinate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem}
.coordinate-fields label{display:flex;flex-direction:column;min-width:0}
.coordinate-fields input{max-width:100%;width:100%;box-sizing:border-box}
@media(max-width:640px){.image-tool-columns,.coordinate-fields{grid-template-columns:1fr}}