@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-height:inherit;max-width:100%;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid var(--rc-border-color);content:"";opacity:.3;pointer-events:none;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0),linear-gradient(#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);height:var(--rc-drag-handle-size);width:var(--rc-drag-handle-size);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:var(--rc-drag-bar-size);width:100%;top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{height:100%;width:var(--rc-drag-bar-size);top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{height:var(--rc-drag-bar-size);width:100%;bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{height:100%;width:var(--rc-drag-bar-size);top:0;left:0;transform:translate(-50%)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:var(--rc-drag-handle-mobile-size);width:var(--rc-drag-handle-mobile-size)}}.ReactCrop{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transform:translateZ(0);width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;display:inline-block!important;position:relative!important}.ReactCrop__crop-selection{-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform;transform:translateZ(0);pointer-events:auto!important;z-index:2!important;background:0 0!important;border:1px dashed #fff!important;position:absolute!important;overflow:visible!important}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{content:""!important;border:0 solid #fff9!important;border-top-width:1px!important;display:block!important}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:""!important;border:0 solid #fff9!important;border-left-width:1px!important;display:block!important}.ReactCrop__drag-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform;pointer-events:auto!important;z-index:100!important;border:2px solid #000!important;border-radius:50%!important;width:18px!important;height:18px!important;margin:0!important}.ReactCrop__drag-handle.ord-nw{cursor:nw-resize!important;top:0!important;left:0!important;transform:translate(-50%,-50%)!important}.ReactCrop__drag-handle.ord-n{cursor:n-resize!important;top:0!important;left:50%!important;transform:translate(-50%,-50%)!important}.ReactCrop__drag-handle.ord-ne{cursor:ne-resize!important;top:0!important;right:0!important;transform:translate(50%,-50%)!important}.ReactCrop__drag-handle.ord-e{cursor:e-resize!important;top:50%!important;right:0!important;transform:translate(50%,-50%)!important}.ReactCrop__drag-handle.ord-se{cursor:se-resize!important;bottom:0!important;right:0!important;transform:translate(50%,50%)!important}.ReactCrop__drag-handle.ord-s{cursor:s-resize!important;bottom:0!important;left:50%!important;transform:translate(-50%,50%)!important}.ReactCrop__drag-handle.ord-sw{cursor:sw-resize!important;bottom:0!important;left:0!important;transform:translate(-50%,50%)!important}.ReactCrop__drag-handle.ord-w{cursor:w-resize!important;top:50%!important;left:0!important;transform:translate(-50%,-50%)!important}.ReactCrop__drag-handle.ord-e:hover,.ReactCrop__drag-handle.ord-n:hover,.ReactCrop__drag-handle.ord-ne:hover,.ReactCrop__drag-handle.ord-nw:hover,.ReactCrop__drag-handle.ord-s:hover,.ReactCrop__drag-handle.ord-se:hover,.ReactCrop__drag-handle.ord-sw:hover,.ReactCrop__drag-handle.ord-w:hover{box-shadow:none!important;background:#f0f0f0!important;transition:background .15s ease-out!important}.ReactCrop__drag-handle.ord-e:active,.ReactCrop__drag-handle.ord-n:active,.ReactCrop__drag-handle.ord-ne:active,.ReactCrop__drag-handle.ord-nw:active,.ReactCrop__drag-handle.ord-s:active,.ReactCrop__drag-handle.ord-se:active,.ReactCrop__drag-handle.ord-sw:active,.ReactCrop__drag-handle.ord-w:active{background:#e0e0e0!important}@media (max-width:768px){.ReactCrop__drag-handle{box-shadow:none!important;border-width:3px!important;width:24px!important;height:24px!important}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{border-width:1.5px!important;border-color:#ffffffb3!important}.ReactCrop__crop-selection{border-width:3px!important;border-color:#fff!important}}@media (prefers-contrast:high){.ReactCrop__crop-selection{border-width:3px!important;border-color:#fff!important;box-shadow:0 0 0 1px #000,0 0 0 9999em #000c!important}.ReactCrop__drag-handle{box-shadow:none!important;background:#fff!important;border-width:3px!important;border-color:#000!important;min-width:16px!important;min-height:16px!important}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{filter:drop-shadow(0 0 1px #000c)!important;border-width:2px!important;border-color:#ffffffe6!important}.dark .ReactCrop__crop-selection{border-color:#fff!important;box-shadow:0 0 0 2px #000,0 0 0 9999em #000000e6!important}.dark .ReactCrop__drag-handle{box-shadow:none!important;background:#fff!important;border-color:#000!important}}@media (hover:none) and (pointer:coarse){.ReactCrop__drag-handle.ord-e:hover,.ReactCrop__drag-handle.ord-n:hover,.ReactCrop__drag-handle.ord-ne:hover,.ReactCrop__drag-handle.ord-nw:hover,.ReactCrop__drag-handle.ord-s:hover,.ReactCrop__drag-handle.ord-se:hover,.ReactCrop__drag-handle.ord-sw:hover,.ReactCrop__drag-handle.ord-w:hover{background:#fff!important}.ReactCrop__drag-handle.ord-e:active,.ReactCrop__drag-handle.ord-n:active,.ReactCrop__drag-handle.ord-ne:active,.ReactCrop__drag-handle.ord-nw:active,.ReactCrop__drag-handle.ord-s:active,.ReactCrop__drag-handle.ord-se:active,.ReactCrop__drag-handle.ord-sw:active,.ReactCrop__drag-handle.ord-w:active{box-shadow:none!important;background:#e0e0e0!important}.ReactCrop__drag-handle{box-shadow:none!important;min-width:16px!important;min-height:16px!important}.ReactCrop__crop-selection{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){.ReactCrop__drag-handle.ord-e:hover,.ReactCrop__drag-handle.ord-n:hover,.ReactCrop__drag-handle.ord-ne:hover,.ReactCrop__drag-handle.ord-nw:hover,.ReactCrop__drag-handle.ord-s:hover,.ReactCrop__drag-handle.ord-se:hover,.ReactCrop__drag-handle.ord-sw:hover,.ReactCrop__drag-handle.ord-w:hover{transition:none!important}}.ReactCrop:focus-within .ReactCrop__crop-selection{outline:2px solid hsl(var(--ring,#06c));outline-offset:2px}.ReactCrop[tabindex]{outline:none}.ReactCrop[tabindex]:focus{outline:2px solid hsl(var(--ring,#06c));outline-offset:4px}.ReactCrop[tabindex]:focus .ReactCrop__crop-selection{border-color:hsl(var(--ring,#06c))!important;border-width:3px!important;box-shadow:0 0 0 1px #fff,0 0 0 9999em #0009!important}.ReactCrop[tabindex]:focus .ReactCrop__drag-handle{background:hsl(var(--primary,#fff))!important;border-color:hsl(var(--ring,#06c))!important;box-shadow:none!important;border-width:3px!important}.ReactCrop.ReactCrop--disabled .ReactCrop__crop-selection{cursor:not-allowed;opacity:.5}.ReactCrop.ReactCrop--disabled .ReactCrop__drag-handle{cursor:not-allowed;opacity:.5;pointer-events:none}.ReactCrop .crop-image,.ReactCrop img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform:translateZ(0);-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:85vh!important;margin:auto!important;display:block!important}.mobile-crop-container>div,.mobile-crop-container>div>div{box-sizing:border-box!important;max-width:100%!important;max-height:100%!important}.ReactCrop__crop-wrapper{position:relative;overflow:hidden}.ReactCrop__rule-of-thirds-hz,.ReactCrop__rule-of-thirds-vt{pointer-events:none!important;z-index:5!important;position:absolute!important;inset:0!important}.mobile-crop-container{padding:8px;justify-content:center!important;align-items:center!important;display:flex!important}@media (max-width:768px){.mobile-crop-container{min-height:280px;max-height:600px;padding:12px}.mobile-crop-container .ReactCrop{max-width:calc(100% - 24px);max-height:calc(100% - 24px)}.mobile-crop-container .ReactCrop img,.mobile-crop-container .crop-image{max-height:550px!important}}@media (max-width:640px){.mobile-crop-container{min-height:260px;max-height:500px}.mobile-crop-container .ReactCrop img,.mobile-crop-container .crop-image{max-height:450px!important}}.ReactCrop{box-sizing:border-box}.ReactCrop__crop-selection{border-color:#fff!important;box-shadow:0 0 0 9999em #00000080!important}.ReactCrop__drag-handle{box-shadow:none!important;background:#fff!important;border-color:#000!important}.dark .ReactCrop__crop-selection{border-color:#fff!important;box-shadow:0 0 0 9999em #000000b3!important}.dark .ReactCrop__drag-handle{box-shadow:none!important;background:#fff!important;border-color:#000!important}.dark .ReactCrop__rule-of-thirds-hz:after,.dark .ReactCrop__rule-of-thirds-hz:before,.dark .ReactCrop__rule-of-thirds-vt:after,.dark .ReactCrop__rule-of-thirds-vt:before{border-color:#ffffffb3!important}.ReactCrop__crop-selection,.ReactCrop__drag-handle{transition:border-color .15s ease-out,background-color .15s ease-out!important}@media (prefers-reduced-motion:reduce){.ReactCrop__crop-selection,.ReactCrop__drag-handle{transition:none!important}}@media (max-width:768px){.mobile-crop-container{padding:12px;height:auto!important;min-height:280px!important;max-height:600px!important}.mobile-controls-container .crop-controls{border-radius:12px;margin:0 -4px;padding:20px 16px}.mobile-optimized-grid{grid-template-columns:1fr!important;gap:24px!important}.mobile-input{-webkit-appearance:none!important;-moz-appearance:textfield!important;-webkit-appearance:none!important;appearance:none!important;padding:12px 16px!important}.crop-controls button,.mobile-input{border-radius:8px!important;min-height:48px!important;font-size:16px!important}.crop-controls button{padding:12px 20px!important;font-weight:500!important}.crop-controls [role=combobox],.crop-controls select{border-radius:8px!important;min-height:48px!important;padding:12px 16px!important;font-size:16px!important}.crop-controls h3{margin-bottom:8px!important;font-size:20px!important}.crop-controls h4{margin-bottom:12px!important;padding-bottom:8px!important;font-size:16px!important}.crop-controls label{margin-bottom:6px!important;font-size:14px!important;font-weight:600!important}.crop-controls .text-xs{font-size:13px!important;line-height:1.4!important}.crop-controls .flex.gap-2{flex-direction:column!important;gap:12px!important}.crop-controls .flex.gap-2 button{width:100%!important}.crop-controls .grid.grid-cols-2.sm\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width:640px){.mobile-crop-container{padding:8px;height:auto!important;min-height:260px!important;max-height:500px!important}.mobile-controls-container .crop-controls{margin:0 -8px;padding:16px 12px}.mobile-optimized-grid{gap:20px!important}.crop-controls .space-y-2>*+*{margin-top:16px!important}.crop-controls .space-y-3>*+*{margin-top:20px!important}}@media (hover:none) and (pointer:coarse){.crop-controls button:hover{background-color:initial!important;transform:none!important}.crop-controls button:active{transition:transform .1s ease-out!important;transform:scale(.98)!important}.mobile-input{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mobile-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.mobile-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.crop-controls button:focus,.crop-controls input:focus,.crop-controls select:focus{outline-offset:3px!important;outline-width:3px!important}}@media (orientation:landscape) and (max-height:500px){.mobile-crop-container{height:auto!important;min-height:200px!important;max-height:350px!important}.mobile-controls-container{margin-top:16px!important}.mobile-optimized-grid{gap:16px!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.crop-controls button,.mobile-input{border-width:.5px}}@media (prefers-color-scheme:dark){@media (max-width:768px){.mobile-controls-container .crop-controls{background-color:#ffffff0d;border:1px solid #ffffff1a}}}@media (prefers-contrast:high){.crop-controls button,.mobile-input{border-width:2px!important}}@media (prefers-reduced-motion:reduce){.crop-controls *,.crop-controls button,.mobile-input{transition:none!important}}@supports (padding:max(0px)){@media (max-width:768px){.mobile-controls-container{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}}}.crop-controls input[type=number],.crop-controls select{min-height:44px}@media (max-width:768px){.crop-controls input[type=number],.crop-controls select{border-radius:8px;min-height:48px;padding:12px 16px;font-size:16px}.crop-controls button{border-radius:8px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:500}.crop-controls{padding:16px!important}.crop-controls .grid{grid-template-columns:1fr!important;gap:24px!important}.crop-controls h3{margin-bottom:8px;font-size:20px}.crop-controls h4{margin-bottom:12px;padding-bottom:8px;font-size:16px}.crop-controls label{margin-bottom:6px;font-size:14px;font-weight:600}.crop-controls .text-xs{font-size:13px;line-height:1.4}.crop-controls .flex.gap-2{flex-direction:column;gap:12px}.crop-controls .flex.gap-2 button{width:100%}}@media (max-width:768px){.mobile-controls-container{margin-top:20px;padding:0 4px}}@media (max-width:640px){.crop-controls{border-radius:12px;margin:0 -4px;padding:20px}.crop-controls .grid{gap:20px}.crop-controls .space-y-2{gap:16px}.crop-controls .space-y-3{gap:20px}.crop-controls .grid.grid-cols-2.sm\:grid-cols-4{gap:12px;grid-template-columns:repeat(2,1fr)!important}.crop-controls .text-xs{padding:4px 0;font-size:12px;line-height:1.5}}@media (prefers-contrast:high){.crop-controls button,.crop-controls input,.crop-controls select{border-width:2px}}@media (prefers-reduced-motion:reduce){.crop-controls *{transition:none!important}}@media (hover:none) and (pointer:coarse){.crop-controls button:hover{background-color:initial;transform:none}.crop-controls button:active{transition:transform .1s ease-out;transform:scale(.98)}.crop-controls input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;font-size:16px!important}.crop-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.crop-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop-controls select{-webkit-appearance:none;appearance:none}}.crop-controls button:focus,.crop-controls input:focus,.crop-controls select:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (hover:none) and (pointer:coarse){.crop-controls button:focus,.crop-controls input:focus,.crop-controls select:focus{outline-offset:3px;outline-width:3px}}.crop-controls button:disabled,.crop-controls input:disabled,.crop-controls select:disabled{cursor:not-allowed;opacity:.5}.mobile-input{-webkit-appearance:none;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.mobile-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mobile-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:768px){.mobile-optimized-grid{grid-template-columns:1fr!important}}.crop-controls input.error{background-color:hsl(var(--destructive)/.1);border-color:hsl(var(--destructive))}.crop-controls input.error:focus{--tw-ring-color:hsl(var(--destructive))}
