.crop-editor-dialog{width:540px}
.crop-editor-dialog .crop-settings{padding-bottom:0}
.crop-live-shell{width:100%;display:grid;place-items:center;margin:12px 0 10px}
.crop-live-viewport{position:relative;overflow:hidden;border-radius:20px;background:#2d2926;box-shadow:inset 0 0 0 1px #fff2,0 10px 28px #49342318;cursor:grab;touch-action:none;user-select:none}
.crop-live-viewport:active{cursor:grabbing}
.crop-live-viewport>img,.crop-live-viewport>video{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:fill;will-change:transform,width,height;pointer-events:none}
.crop-frame-overlay{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #fffaf4cc;background-image:linear-gradient(to right,transparent 33.2%,#ffffff66 33.2%,#ffffff66 33.45%,transparent 33.45%,transparent 66.55%,#ffffff66 66.55%,#ffffff66 66.8%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#ffffff66 33.2%,#ffffff66 33.45%,transparent 33.45%,transparent 66.55%,#ffffff66 66.55%,#ffffff66 66.8%,transparent 66.8%)}
.crop-frame-overlay span{position:absolute;width:20px;height:20px;border-color:#fff;border-style:solid}
.crop-frame-overlay span:nth-child(1){left:0;top:0;border-width:3px 0 0 3px;border-radius:7px 0 0}
.crop-frame-overlay span:nth-child(2){right:0;top:0;border-width:3px 3px 0 0;border-radius:0 7px 0 0}
.crop-frame-overlay span:nth-child(3){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 7px}
.crop-frame-overlay span:nth-child(4){left:0;bottom:0;border-width:0 0 3px 3px;border-radius:0 0 0 7px}
.crop-live-meta{display:flex;justify-content:space-between;gap:10px;color:#9a8672;font-size:10px;line-height:1.3}
#crop-zoom-readout{color:#c6682f;font-weight:700}
.crop-dialog-actions{margin-top:18px}
@media(max-width:950px){.crop-editor-dialog{width:min(94vw,540px)}.crop-live-meta span:first-child,.crop-live-meta span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crop-live-viewport>img,.crop-live-viewport>video{will-change:auto}}