@layer shell{image-upload{display:block;padding:.25em;border:1px solid #767676;border-radius:3px}image-upload:not(:defined){min-height:calc(7lh + 1em)}.image-upload-hint{display:block;color:#555}.image-upload-paste{margin-left:.5em}image-upload:focus-within,image-upload[data-dropping]{border-color:#3b6ea5;box-shadow:0 0 0 2px #cfe0f3}.image-upload-pane{margin:.5em 0}.image-upload-label{font-size:smaller;overflow-wrap:anywhere}.image-upload-frame{--image-upload-handle: 14px;position:relative;display:inline-block;overflow:hidden;line-height:0}.image-upload-frame img{max-width:100%;max-height:24em}.image-upload-crop{position:absolute;cursor:move;touch-action:none;outline:1px dashed #fff;box-shadow:0 0 0 100vmax #00000080}@media(pointer:coarse){.image-upload-frame{--image-upload-handle: 32px}}.image-upload-handle{position:absolute;width:var(--image-upload-handle);height:var(--image-upload-handle);background:#ffffffd9;border:1px solid #444;touch-action:none}.image-upload-nw{left:calc(var(--image-upload-handle) / -2);top:calc(var(--image-upload-handle) / -2);cursor:nwse-resize}.image-upload-se{right:calc(var(--image-upload-handle) / -2);bottom:calc(var(--image-upload-handle) / -2);cursor:nwse-resize}.image-upload-ne{right:calc(var(--image-upload-handle) / -2);top:calc(var(--image-upload-handle) / -2);cursor:nesw-resize}.image-upload-sw{left:calc(var(--image-upload-handle) / -2);bottom:calc(var(--image-upload-handle) / -2);cursor:nesw-resize}.image-upload-controls{display:flex;gap:.75em;align-items:center;margin-top:.25em}.image-upload-controls[hidden]{display:none}image-upload .image-upload-controls input{width:5em}.image-upload-dead,.image-upload-note{font-style:italic}}