#photo-crop-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto}
#photo-crop-dialog canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;touch-action:none;margin:12px auto;border:1px solid #63717a;border-radius:50%;background:#111;cursor:grab}
#photo-crop-dialog canvas:active{cursor:grabbing}
#photo-crop-dialog input[type=range]{width:100%;padding:0;min-height:36px;accent-color:#1679b9}
#photo-crop-dialog .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#photo-crop-dialog p{margin:10px 0}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse), (orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
#photo-crop-dialog>label{display:none}
}