.image-crop-dialog{box-sizing:border-box;width:min(920px,96vw);max-height:96dvh;overflow:auto;border:1px solid #dce3e7;border-radius:20px;padding:22px;background:#fff;color:#23323c;box-shadow:0 24px 100px #0005}
.image-crop-dialog::backdrop{background:#142c45a6}
.crop-modes{display:flex;gap:8px;margin:12px 0}.image-crop-dialog .crop-modes [aria-pressed=true]{background:#078e9b;color:white;border-color:#078e9b}.crop-stage.crop-drawing,.crop-stage.crop-drawing .crop-selection{cursor:crosshair}
.image-edge-crop{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;pointer-events:auto;touch-action:none;z-index:3}.image-edge-crop:after{content:'';position:absolute;inset:16px 7px;background:#fff;border:2px solid #168de0;border-radius:8px;box-shadow:0 1px 4px #16344b33}.image-edge-crop-n{left:50%;top:0;transform:translate(-50%,-50%);cursor:ns-resize}.image-edge-crop-s{left:50%;top:100%;transform:translate(-50%,-50%);cursor:ns-resize}.image-edge-crop-e{left:100%;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.image-edge-crop-w{left:0;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}.image-edge-crop-e:after,.image-edge-crop-w:after{inset:7px 16px}.image-crop-dialog .crop-handle-n:after,.image-crop-dialog .crop-handle-s:after{width:28px;height:10px;left:4px;top:13px;border-radius:6px}.image-crop-dialog .crop-handle-e:after,.image-crop-dialog .crop-handle-w:after{width:10px;height:28px;left:13px;top:4px;border-radius:6px}
.image-crop-dialog header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.image-crop-dialog h2{margin:0;font-size:22px}.image-crop-dialog p{font-size:14px;line-height:1.5;color:#596978;margin:8px 0}
.image-crop-dialog button,.image-crop-dialog input,.image-crop-dialog select{box-sizing:border-box;min-height:44px;border:1px solid #d4dee3;border-radius:10px;background:#f7f9fa;color:#23323c;padding:8px 14px;font:inherit}.image-crop-dialog button{cursor:pointer}.image-crop-dialog button:disabled{opacity:.45;cursor:default}.image-crop-dialog :focus-visible{outline:3px solid #11aeb8;outline-offset:3px}
.crop-image-choice{display:flex;align-items:center;gap:12px;margin:12px 0}.crop-image-choice select{flex:1;min-width:0}.crop-workspace{height:44dvh;min-height:200px;display:flex;align-items:center;justify-content:center;background:#edf1f4;border-radius:12px;overflow:hidden;padding:22px;box-sizing:border-box}.crop-stage{position:relative;flex:none;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:repeating-conic-gradient(#e3e7e9 0 25%,white 0 50%) 0/16px 16px}.crop-stage>img{display:block;width:100%;height:100%;pointer-events:none;object-fit:fill}.crop-selection{position:absolute;box-sizing:border-box;border:2px solid #07bbc6;box-shadow:0 0 0 2000px #12253680;cursor:move;touch-action:none}.crop-thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 32.9%,#ffffff90 33%,#ffffff90 33.3%,transparent 33.4%,transparent 66.2%,#ffffff90 66.3%,#ffffff90 66.6%,transparent 66.7%),linear-gradient(to bottom,transparent 32.9%,#ffffff90 33%,#ffffff90 33.3%,transparent 33.4%,transparent 66.2%,#ffffff90 66.3%,#ffffff90 66.6%,transparent 66.7%)}
.image-crop-dialog .crop-handle{position:absolute;width:36px;height:36px;min-height:36px;padding:0;border:0;background:transparent;border-radius:0;transform:translate(-50%,-50%);touch-action:none;z-index:2}.crop-handle:after{content:'';position:absolute;width:12px;height:12px;left:12px;top:12px;border:2px solid white;background:#079da9;border-radius:3px;box-sizing:border-box}.crop-handle-nw{left:0;top:0;cursor:nwse-resize}.crop-handle-n{left:50%;top:0;cursor:ns-resize}.crop-handle-ne{left:100%;top:0;cursor:nesw-resize}.crop-handle-e{left:100%;top:50%;cursor:ew-resize}.crop-handle-se{left:100%;top:100%;cursor:nwse-resize}.crop-handle-s{left:50%;top:100%;cursor:ns-resize}.crop-handle-sw{left:0;top:100%;cursor:nesw-resize}.crop-handle-w{left:0;top:50%;cursor:ew-resize}
.crop-presets{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.crop-fields label{display:grid;gap:5px;font-size:13px}.crop-fields input{width:100%;min-width:0}.image-crop-dialog footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.image-crop-dialog footer p{flex:1;min-width:160px}.image-crop-dialog .crop-primary{background:#078e9b;color:white;border-color:#078e9b}
@media(max-width:600px){.image-crop-dialog{padding:14px;border-radius:14px}.crop-fields{grid-template-columns:repeat(2,1fr)}.crop-workspace{height:36dvh}.image-crop-dialog footer p{flex-basis:100%}.image-crop-dialog footer button{flex:1;padding:8px}.image-crop-dialog header p{font-size:12px}}