.crop-dialog{width:1040px;max-height:94dvh;padding:24px;overflow:auto}
.crop-dialog h2{margin-bottom:12px}
#crop-name{overflow-wrap:anywhere;margin:0}
.crop-dialog .crop-previews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.crop-dialog .crop-previews figure{margin:0;min-width:0}
.crop-dialog .crop-previews figcaption{color:var(--text);margin-bottom:8px;font-size:12px}
.crop-dialog .crop-canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:180px;height:34dvh;max-height:360px;background:#101216;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.crop-dialog .crop-canvas-wrap canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#000}
#crop-source{touch-action:none;user-select:none}
.crop-dialog .crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px}
.crop-dialog .crop-controls label,.crop-dialog .crop-fields label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}
.crop-dialog .crop-controls select{width:100%}
.crop-dialog .crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:6px}
.crop-dialog .crop-fields legend{padding:0 6px;color:var(--muted);font-size:11px}
.crop-dialog .crop-fields input{width:100%;font-variant-numeric:tabular-nums}
.crop-dialog .crop-fields input[aria-invalid=true]{border-color:#f4bb79}
#crop-status{min-height:24px;overflow-wrap:anywhere}
.crop-dialog .dialog-actions{position:sticky;bottom:-24px;margin:12px -24px -24px;padding:16px 24px;background:#1a1d23;border-top:1px solid var(--line);z-index:1;flex-wrap:wrap}
#crop-reset{margin-right:auto}
@media(max-width:700px){.crop-dialog{padding:18px}.crop-dialog .crop-previews{grid-template-columns:1fr;gap:12px}.crop-dialog .crop-canvas-wrap{height:26dvh;min-height:150px;max-height:260px}.crop-dialog .crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-dialog .dialog-actions{bottom:-18px;margin:12px -18px -18px;padding:12px 18px;gap:6px}.crop-dialog .dialog-actions button{padding:9px 10px}}