[data-fragment=ImageCropper]{flex-direction:column;gap:14px;width:100%;display:flex}[data-fragment=ImageCropper] [class$=-viewport]{border-radius:var(--radius-md);background:var(--bg-tertiary,transparent);cursor:grab;touch-action:none;user-select:none;width:100%;position:relative;overflow:hidden}[data-fragment=ImageCropper] [class$=-viewport]:active{cursor:grabbing}[data-fragment=ImageCropper] [class$=-image]{will-change:transform;background-position:0 0;background-repeat:no-repeat;position:absolute;top:0;left:0}[data-fragment=ImageCropper] [class$=-frame]{pointer-events:none;box-shadow:0 0 0 1px var(--ui-line-strong,transparent) inset;border-radius:var(--radius-md);position:absolute;inset:0}[data-fragment=ImageCropper] [class$=-controls]{align-items:center;gap:12px;display:flex}[data-fragment=ImageCropper] [class$=-zoom-label]{color:var(--text-secondary,currentColor);font-size:var(--text-sm)}[data-fragment=ImageCropper] [class$=-zoom]{accent-color:var(--brand);flex:1}[data-fragment=ImageCropper] [class$=-error]{color:var(--error,currentColor);font-size:var(--text-sm)}[data-fragment=ImageCropper] [class$=-actions]{justify-content:flex-end;gap:8px;display:flex}[data-fragment=ImageCropper] [class$=-actions] .btn{min-height:44px}[data-fragment=ImageCropper] .btn:focus-visible,[data-fragment=ImageCropper] [class$=-zoom]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-fragment=ImageCropper] [class$=-image]{will-change:auto}}