#root{margin:0;padding:0;height:100dvh;width:100vw;display:grid;place-items:center}.inputDropZone{display:flex;flex-direction:column;justify-content:center;align-items:center;height:min(50vh,50vw);width:min(50vh,50vw);background-color:#f1f5f9;border:2px dashed rgb(209 213 219/1);border-radius:.5rem;color:#64748b;font-weight:700;cursor:pointer}.inputDropZone.drag-over{border-color:#64748b}.editor{height:100%;width:100%;display:flex;flex-direction:column}.imgContainer{display:grid;place-content:center;flex:1;height:0px;position:relative}.imgPreview{width:100%;height:100%;object-fit:contain;position:absolute}.overlay{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}.barContainer{display:flex;padding:.5rem}.barContainer .gradient{flex:1}.barContainer fieldset{height:100%;box-sizing:border-box}.barContainer .controls{flex-shrink:0;display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}