.crop-modal{max-width:560px}.crop-stage{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);touch-action:none;width:100%;height:320px;position:relative;overflow:hidden}.crop-stage-canvas{background:var(--surface-2)}.crop-zoom{align-items:center;gap:var(--s-2);margin-top:var(--s-4);display:flex}.crop-zoom-range{border-radius:var(--r-pill);background:var(--line-strong);appearance:none;cursor:pointer;flex:1;height:4px}.crop-zoom-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--line-strong);background:var(--bg-elev);width:16px;height:16px;box-shadow:var(--shadow-1);border-radius:50%}.crop-zoom-range::-moz-range-thumb{border:1px solid var(--line-strong);background:var(--bg-elev);width:16px;height:16px;box-shadow:var(--shadow-1);border-radius:50%}.crop-zoom-range:focus-visible{outline:2px solid var(--fg-dim);outline-offset:3px}.crop-hint{margin:var(--s-3) 0 0;font-family:var(--font-ui);color:var(--fg-dim);font-size:12px;line-height:1.5}.crop-error{margin:var(--s-2) 0 0;font-family:var(--font-ui);color:var(--danger);font-size:12px}@media (max-width:560px){.crop-stage{height:260px}}.admin-modal.crop-modal{max-width:560px}.admin-root .crop-stage{border-color:var(--admin-line-strong);background:var(--admin-surface-2);border-radius:6px}.admin-root .crop-stage-canvas{background:var(--admin-surface-2)}.admin-root .crop-zoom{gap:8px;margin-top:12px}.admin-root .crop-zoom-range{background:var(--admin-line-strong)}.admin-root .crop-zoom-range::-webkit-slider-thumb{border-color:var(--admin-line-strong);background:var(--admin-surface);box-shadow:var(--admin-shadow-2)}.admin-root .crop-zoom-range::-moz-range-thumb{border-color:var(--admin-line-strong);background:var(--admin-surface);box-shadow:var(--admin-shadow-2)}.admin-root .crop-zoom-range:focus-visible{outline-color:var(--admin-fg-dim)}.admin-root .crop-hint{color:var(--admin-fg-dim);margin-top:10px}.admin-root .crop-error{color:var(--admin-pit-red)}