main{max-width:64rem;margin:0 auto}fieldset{min-width:0}input,select,button{max-width:100%;font-size:1rem}input[type=number]{width:12rem}input[type=range]{width:20rem}small{display:block}progress{width:100%}.previews{display:flex;flex-wrap:wrap;gap:1rem}.previews section{flex:1 1 20rem;min-width:0}img,video{max-width:100%;max-height:65vh}p{overflow-wrap:anywhere}.crop-dialog{box-sizing:border-box;width:min(54rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.25rem;overflow:auto}.crop-dialog::backdrop{background:#0009}.crop-dialog h2{margin-top:0}.crop-viewport{width:100%;margin:1rem 0}.crop-viewport cropper-canvas{margin:0 auto;touch-action:none}.crop-viewport cropper-handle:not([action=move]){width:1.25rem;height:1.25rem}.crop-dimensions,.crop-actions{display:flex;flex-wrap:wrap;gap:.75rem}.crop-dimensions label{flex:1 1 10rem;min-width:0}.crop-dimensions input{box-sizing:border-box;width:100%}.crop-actions{justify-content:flex-end;margin-top:1rem}.crop-actions button{min-height:2.75rem}.crop-reset{margin-right:auto}[hidden]{display:none!important}@media (max-width: 600px){main{padding:0 .5rem}input,select,button{min-height:2.75rem;font-size:1rem}input[type=number],input[type=range]{width:100%;max-width:none}input[type=range]{height:2.75rem}.previews section{flex:1 1 100%}.crop-dialog{width:calc(100% - 1rem);padding:1rem;max-height:calc(100dvh - 1rem)}.crop-actions button{flex:1 1 45%;min-width:0}}