.rrwc .rrwc-crop-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.rrwc .rrwc-crop-toolbar small { font-size: 12px; color: var(--rrwc-muted); overflow-wrap: anywhere; }
.rrwc .rrwc-icon-button { display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--rrwc-line); border-radius: 4px; background: #fff; color: var(--rrwc-ink); box-shadow: none; }
.rrwc .rrwc-icon-button .dashicons { width: 20px; height: 20px; font-size: 20px; }
.rrwc .rrwc-icon-button:hover:not(:disabled) { background: var(--rrwc-pale); }
.rrwc .rrwc-crop-dialog { width: 920px; max-width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 20px; border: 1px solid var(--rrwc-line); border-radius: 6px; background: #fff; color: var(--rrwc-ink); margin: auto; overflow: auto; }
.rrwc .rrwc-crop-dialog::backdrop { background: #03295dcc; }
.rrwc-crop-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.rrwc .rrwc-crop-header h3 { font-family: inherit; font-size: 20px; font-weight: 600; line-height: 1.3; margin: 0; }
.rrwc .rrwc-crop-header small { font-size: 13px; color: var(--rrwc-muted); }
.rrwc .rrwc-crop-direction { border: 0; padding: 0; margin: 0; min-width: 0; }
.rrwc .rrwc-crop-direction legend { margin: 0 0 8px; padding: 0; font-size: 13px; }
.rrwc .rrwc-crop-direction .rrwc-orientation { max-width: 320px; margin-bottom: 14px; }
.rrwc .rrwc-crop-coordinates { display: block; margin-top: 10px; min-height: 20px; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--rrwc-muted); overflow-wrap: anywhere; }
.rrwc-crop-canvas { width: 100%; height: min(52dvh, 480px); min-height: 200px; background: var(--rrwc-pale); overflow: hidden; touch-action: none; }
.rrwc .rrwc-crop-canvas > img { display: block; max-width: 100%; max-height: 100%; border-radius: 0; object-fit: contain; }
.rrwc .rrwc-crop-canvas .cropper-container img { border-radius: 0; }
.rrwc .rrwc-crop-canvas .cropper-point { width: 8px; height: 8px; background: var(--rrwc-secondary); box-shadow: 0 0 0 1px var(--rrwc-accent); opacity: 1; }
.rrwc .rrwc-crop-canvas .cropper-line { background: var(--rrwc-secondary); }
.rrwc .rrwc-crop-canvas .cropper-view-box { outline-color: var(--rrwc-secondary); }
.rrwc-crop-adjustments { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 0; }
.rrwc-crop-adjustments label { display: grid; grid-template-columns: auto minmax(80px, 1fr); align-items: center; gap: 10px; flex: 1 1 240px; font-size: 13px; margin: 0; }
.rrwc .rrwc-crop-adjustments input[type="range"] { width: 100%; height: 24px; margin: 0; accent-color: var(--rrwc-accent); }
.rrwc-crop-move { display: flex; gap: 6px; }
.rrwc-crop-footer { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; border-top: 1px solid var(--rrwc-line); padding-top: 16px; }
.rrwc .rrwc-crop-footer > small { margin-right: auto; color: var(--rrwc-muted); font-size: 12px; }
.rrwc .rrwc-crop-command { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--rrwc-line); border-radius: 4px; background: #fff; color: var(--rrwc-ink); font: inherit; font-size: 14px; box-shadow: none; }
.rrwc .rrwc-crop-command.is-primary { background: var(--rrwc-accent); border-color: var(--rrwc-accent); color: #fff; }
.rrwc .rrwc-crop-command.is-primary:hover:not(:disabled) { background: var(--rrwc-secondary); color: var(--rrwc-ink); }
.rrwc .rrwc-crop-error { color: var(--rrwc-error); margin: 0 0 12px; font-size: 13px; overflow-wrap: anywhere; }
.rrwc-crop-error:empty { display: none; }
@media (max-width: 600px) {
    .rrwc .rrwc-crop-dialog { padding: 14px; }
    .rrwc-crop-canvas { height: 38dvh; }
    .rrwc-crop-adjustments { gap: 8px; padding: 12px 0; }
    .rrwc-crop-footer { gap: 8px; }
    .rrwc .rrwc-crop-footer > small { flex-basis: 100%; }
}