/* image-editor: styles only it uses, split out of site.css by scripts/split-css.mjs. */
canvas.is-interactive { cursor: crosshair; touch-action: none; }
.ie-hint { margin: 0; }
.ie-thumbs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ie-thumbs button { display: block; width: 64px; height: 64px; padding: 0; border: 2px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--paper); cursor: pointer; }
.ie-thumbs button.is-active { border-color: var(--signal); }
.ie-thumbs img { width: 100%; height: 100%; object-fit: cover; }