.gif-tool fieldset {min-width:0;border:1px solid var(--line);padding:1rem;margin:1rem 0;border-radius:var(--radius)}
.gif-tool .row > div {flex:1;min-width:100px}
.gif-tool input[type=number] {width:100%;max-width:14rem}
.gif-tool canvas,.gif-tool img,.gif-tool video {display:block;max-width:100%;height:auto;max-height:450px;object-fit:contain;margin:1rem 0;background:var(--color-surface)}
.gif-tool canvas.croppable {touch-action:none;cursor:crosshair}
.gif-tool progress {width:100%}
.gif-tool [hidden] {display:none}

.gif-tool canvas {width:100%;max-width:640px;max-height:none}