.image-edit-panel{margin:20px 0 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);min-width:0}.image-edit-panel[hidden]{display:none}.image-edit-panel h3{margin-top:0}.crop-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.crop-toolbar label{margin:0}.crop-toolbar select{max-width:100%;padding:9px;border:1px solid var(--field-line);background:var(--field);color:var(--ink);border-radius:9px}.crop-stage{position:relative;max-width:100%;width:fit-content;margin:auto;touch-action:none;user-select:none;overflow:hidden;background-color:#ddd;background-image:linear-gradient(45deg,#aaa 25%,transparent 25%),linear-gradient(-45deg,#aaa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aaa 75%),linear-gradient(-45deg,transparent 75%,#aaa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.crop-stage canvas{display:block;max-width:100%;height:auto}.crop-box{position:absolute;border:2px solid #7c3aed;box-shadow:0 0 0 2000px #0007;cursor:move;touch-action:none}.crop-box:focus-visible{outline:3px solid #fff;outline-offset:-5px}.crop-grid{display:block;width:100%;height:100%;background:linear-gradient(to right,transparent 33%,#ffffff60 33%,#ffffff60 33.4%,transparent 33.4%,transparent 66%,#ffffff60 66%,#ffffff60 66.4%,transparent 66.4%),linear-gradient(to bottom,transparent 33%,#ffffff60 33%,#ffffff60 33.4%,transparent 33.4%,transparent 66%,#ffffff60 66%,#ffffff60 66.4%,transparent 66.4%)}.crop-handle{position:absolute;width:24px;height:24px;background:#fff;border:2px solid #6d28d9;border-radius:5px}.crop-handle.nw{left:-2px;top:-2px;cursor:nwse-resize}.crop-handle.ne{right:-2px;top:-2px;cursor:nesw-resize}.crop-handle.sw{left:-2px;bottom:-2px;cursor:nesw-resize}.crop-handle.se{right:-2px;bottom:-2px;cursor:nwse-resize}.crop-stage.drawing,.crop-stage.drawing *{cursor:crosshair}.crop-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crop-numbers input{width:100%;min-width:0;padding:10px;background:var(--field);color:var(--ink);border:1px solid var(--field-line);border-radius:8px}.edit-sliders{display:grid;gap:9px;margin-top:18px}.edit-sliders input[type=range]{width:100%;accent-color:var(--accent)}.edit-sliders output{float:right;color:var(--muted)}.edit-sliders input[type=checkbox]{accent-color:var(--accent)}.image-edit-panel .help{font-size:12px;line-height:1.6}.image-edit-panel [aria-pressed=true]{background:var(--soft);box-shadow:0 0 0 2px var(--accent)}@media(max-width:620px){.image-edit-panel{padding:14px}.crop-toolbar button{flex:1}.crop-toolbar select{flex:1}.crop-handle{width:28px;height:28px}}

#loaded-upload #preview{display:none}

#dropzone:has(#loaded-upload:not([hidden])){min-height:0;padding:18px}#output-preview{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}