.ImageTool-module__r22_wq__imageTool{padding:1.5rem}.ImageTool-module__r22_wq__heading{color:var(--palette-fire)}.ImageTool-module__r22_wq__dropZone{text-align:center;border:2px dashed var(--palette-neutral);min-height:8rem;color:var(--palette-light);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem;transition:border-color .15s,background .15s;display:flex}.ImageTool-module__r22_wq__dropZone:hover,.ImageTool-module__r22_wq__dropZone:focus-visible,.ImageTool-module__r22_wq__dragging{border-color:var(--palette-fire);background:var(--palette-dark);outline:none}.ImageTool-module__r22_wq__error{color:var(--palette-fire)}.ImageTool-module__r22_wq__panels{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}@media only screen and (max-width:768px){.ImageTool-module__r22_wq__panels{grid-template-columns:1fr}}.ImageTool-module__r22_wq__panel{flex-direction:column;gap:.5rem;min-width:0;display:flex}.ImageTool-module__r22_wq__select{font:inherit;color:var(--palette-light-shade);background:var(--palette-dark);border:1px solid var(--palette-neutral);border-radius:.25rem;align-self:flex-start;padding:.35rem .5rem}.ImageTool-module__r22_wq__canvasWrap{position:relative}.ImageTool-module__r22_wq__canvas{width:100%;height:auto;display:block}.ImageTool-module__r22_wq__busy{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ImageTool-module__r22_wq__caption{color:var(--palette-light);font-size:.875rem}