:root{--crop-radius: 16px;--crop-dialog-w: 560px;--crop-stage-h: 420px;--crop-pad-x: 20px;--crop-stage-inset: 20px;--crop-stage-bg: #1c1917;--crop-dim: rgb(12 10 9 / .62);--crop-circle-dim: rgb(12 10 9 / .3);--crop-line: #ffffff;--crop-line-w: 1px;--crop-handle-len: 18px;--crop-handle-w: 3px;--crop-hit: 28px;--crop-hit-touch: 44px;--crop-grid: rgb(255 255 255 / .75);--crop-grid-shadow: rgb(0 0 0 / .5);--crop-backdrop: rgb(28 25 23 / .55)}.cfu-crop{--crop-w: min(var(--crop-dialog-w), calc(100vw - 32px) );width:var(--crop-w);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:0;border-radius:var(--crop-radius);background:#fff;color:var(--stone-900, #1c1917);box-shadow:0 20px 40px #0003;font-size:.9375rem;line-height:1.5}.cfu-crop[open]{display:flex;flex-direction:column;animation:cfu-crop-in .18s ease-out both}.cfu-crop::backdrop{background:var(--crop-backdrop)}html:has(.cfu-crop[open]){overflow:hidden}@keyframes cfu-crop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.cfu-crop[open]{animation:none}}.cfu-crop__panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;font-size:.9375rem;line-height:1.5;color:var(--stone-900, #1c1917)}.cfu-crop__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1rem 12px 0 var(--crop-pad-x)}.cfu-crop__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.5rem;color:var(--stone-900, #1c1917)}.cfu-crop__title:focus{outline:none}.cfu-crop__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--stone-600, #57534e);cursor:pointer}.cfu-crop__close:hover{background:var(--stone-100, #f5f5f4);color:var(--stone-900, #1c1917)}.cfu-crop__close>svg{width:20px;height:20px}.cfu-crop__help{margin:.125rem 0 .75rem;padding:0 var(--crop-pad-x);color:var(--stone-600, #57534e);font-size:.875rem}.cfu-crop :is(button,input,[tabindex]):focus{outline:none}.cfu-crop :is(button,input[type=range]):focus-visible{box-shadow:0 0 0 1px var(--cfu-focus-color, #488aff),var(--cfu-focus-ring, 0 0 0 3px rgb(72 138 255 / .5))}.cfu-crop__stage{position:relative;flex:none;height:var(--crop-stage-h);background:var(--crop-stage-bg);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cfu-crop__layer{position:absolute;inset:0;transform-origin:50% 50%}.cfu-crop__canvas{position:absolute;display:block}.cfu-crop__stage:not([data-phase=ready]):not([data-phase=saving]) .cfu-crop__layer{visibility:hidden}.cfu-crop__box{position:absolute;box-sizing:border-box;border:var(--crop-line-w) solid var(--crop-line);box-shadow:0 0 0 100vmax var(--crop-dim),inset 0 0 0 1px #0000002e;cursor:move;touch-action:none}.cfu-crop__box:focus-visible{outline:2px solid var(--cfu-focus-color, #488aff);outline-offset:3px}.cfu-crop__inner{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cfu-crop__circle{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100vmax var(--crop-circle-dim);outline:1px solid rgb(255 255 255 / .45);outline-offset:-1px}.cfu-crop__grid{position:absolute;inset:0;opacity:0;transition:opacity .15s ease}.cfu-crop__grid>span{position:absolute;background:var(--crop-grid);box-shadow:0 0 1px .5px var(--crop-grid-shadow)}.cfu-crop__grid>span:nth-child(1){left:33.333%;top:0;bottom:0;width:1px}.cfu-crop__grid>span:nth-child(2){left:66.667%;top:0;bottom:0;width:1px}.cfu-crop__grid>span:nth-child(3){top:33.333%;left:0;right:0;height:1px}.cfu-crop__grid>span:nth-child(4){top:66.667%;left:0;right:0;height:1px}.cfu-crop__stage.is-adjusting .cfu-crop__grid{opacity:1}.cfu-crop__stage.is-adjusting .cfu-crop__grid{transition-duration:.05s}.cfu-crop__handle{position:absolute;width:var(--crop-hit);height:var(--crop-hit);margin:calc(var(--crop-hit) / -2) 0 0 calc(var(--crop-hit) / -2);touch-action:none}@media (pointer: coarse){.cfu-crop__handle{width:var(--crop-hit-touch);height:var(--crop-hit-touch);margin:calc(var(--crop-hit-touch) / -2) 0 0 calc(var(--crop-hit-touch) / -2)}}.cfu-crop__handle:before{content:"";position:absolute;left:50%;top:50%;border:0 solid var(--crop-line);filter:drop-shadow(0 0 1px rgb(0 0 0 / .55))}.cfu-crop__handle[data-h=nw]{left:0;top:0;cursor:nwse-resize}.cfu-crop__handle[data-h=ne]{left:100%;top:0;cursor:nesw-resize}.cfu-crop__handle[data-h=sw]{left:0;top:100%;cursor:nesw-resize}.cfu-crop__handle[data-h=se]{left:100%;top:100%;cursor:nwse-resize}.cfu-crop__handle[data-h=n]{left:50%;top:0;cursor:ns-resize}.cfu-crop__handle[data-h=s]{left:50%;top:100%;cursor:ns-resize}.cfu-crop__handle[data-h=w]{left:0;top:50%;cursor:ew-resize}.cfu-crop__handle[data-h=e]{left:100%;top:50%;cursor:ew-resize}.cfu-crop__handle:is([data-h=nw],[data-h=ne],[data-h=sw],[data-h=se]):before{width:var(--crop-handle-len);height:var(--crop-handle-len)}.cfu-crop__handle[data-h=nw]:before{margin:calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1) 0 0 calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1);border-top-width:var(--crop-handle-w);border-left-width:var(--crop-handle-w)}.cfu-crop__handle[data-h=ne]:before{margin:calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1) 0 0 calc(var(--crop-handle-len) * -1 + var(--crop-handle-w) + var(--crop-line-w));border-top-width:var(--crop-handle-w);border-right-width:var(--crop-handle-w)}.cfu-crop__handle[data-h=sw]:before{margin:calc(var(--crop-handle-len) * -1 + var(--crop-handle-w) + var(--crop-line-w)) 0 0 calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1);border-bottom-width:var(--crop-handle-w);border-left-width:var(--crop-handle-w)}.cfu-crop__handle[data-h=se]:before{margin:calc(var(--crop-handle-len) * -1 + var(--crop-handle-w) + var(--crop-line-w)) 0 0 calc(var(--crop-handle-len) * -1 + var(--crop-handle-w) + var(--crop-line-w));border-bottom-width:var(--crop-handle-w);border-right-width:var(--crop-handle-w)}.cfu-crop__handle:is([data-h=n],[data-h=s]):before{width:var(--crop-handle-len);height:0;margin-left:calc(var(--crop-handle-len) / -2);border-top-width:var(--crop-handle-w)}.cfu-crop__handle[data-h=n]:before{margin-top:calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1)}.cfu-crop__handle[data-h=s]:before{margin-top:calc(var(--crop-line-w) * -1)}.cfu-crop__handle:is([data-h=w],[data-h=e]):before{width:0;height:var(--crop-handle-len);margin-top:calc(var(--crop-handle-len) / -2);border-left-width:var(--crop-handle-w)}.cfu-crop__handle[data-h=w]:before{margin-left:calc(var(--crop-handle-w) * -1 + var(--crop-line-w) * -1)}.cfu-crop__handle[data-h=e]:before{margin-left:calc(var(--crop-line-w) * -1)}.cfu-crop__box.is-small .cfu-crop__handle:is([data-h=n],[data-h=s],[data-h=w],[data-h=e]){display:none}.cfu-crop__state{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 24px;text-align:center}.cfu-crop__stage[data-phase=loading] .cfu-crop__state--loading,.cfu-crop__stage[data-phase=error] .cfu-crop__state--error{display:flex}.cfu-crop__state--loading{color:var(--stone-200, #e7e5e4);font-size:.9375rem}.cfu-crop__state--loading .spinner-border{width:2rem;height:2rem;border-width:3px;color:#fff;animation-duration:.75s}.cfu-crop__stage[data-phase=error]{background:var(--stone-50, #fafaf9)}.cfu-crop__state--error .cfi{font-size:2.5rem;color:var(--stone-500, #78716c)}.cfu-crop__state--error h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--stone-900, #1c1917)}.cfu-crop__state--error p{margin:0;max-width:26rem;color:var(--stone-600, #57534e);font-size:.9375rem}.cfu-crop__tools{display:flex;align-items:center;gap:8px;padding:.75rem var(--crop-pad-x) 0}.cfu-crop__tools[hidden]{display:none}.cfu-crop .btn.cfu-crop__icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;font-size:1.375rem}.cfu-crop__icon-btn .cfi{line-height:1}.cfu-crop__icon-btn--ccw .cfi{transform:scaleX(-1)}.cfu-crop__size{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin-left:8px;color:var(--stone-500, #78716c)}.cfu-crop__size[hidden]{display:none}.cfu-crop__size .cfi:first-child{font-size:.875rem}.cfu-crop__size .cfi:last-child{font-size:1.25rem}.cfu-crop__size input{flex:1 1 auto;min-width:0;accent-color:var(--stone-700, #44403c);height:44px;margin:0;background:none;border-radius:22px}.cfu-crop__note{display:flex;align-items:flex-start;gap:.5rem;margin:.75rem var(--crop-pad-x) 0;padding:.5rem .75rem;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#78350f;font-size:.875rem;line-height:1.4}.cfu-crop__note[hidden]{display:none}.cfu-crop__note .cfi{flex:none;margin-top:.125rem;font-size:1rem}.cfu-crop__foot{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem var(--crop-pad-x) 1.25rem}.cfu-crop__foot .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding-left:1.25em;padding-right:1.25em}.cfu-crop__foot .btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.cfu-crop__foot .btn[hidden],.cfu-crop__state .btn[hidden]{display:none}.cfu-crop__foot .spinner-border{width:1rem;height:1rem;border-width:2px}.cfu-crop .btn-dark{--bs-btn-bg: var(--stone-700);--bs-btn-border-color: var(--stone-700);--bs-btn-hover-bg: var(--stone-800);--bs-btn-hover-border-color: var(--stone-800);--bs-btn-active-bg: var(--stone-900);--bs-btn-active-border-color: var(--stone-900)}.cfu-crop .btn-outline-dark{--bs-btn-color: var(--stone-700);--bs-btn-border-color: var(--stone-300);--bs-btn-hover-color: var(--stone-900);--bs-btn-hover-bg: var(--stone-100);--bs-btn-hover-border-color: var(--stone-400);--bs-btn-active-color: var(--stone-900);--bs-btn-active-bg: var(--stone-200);--bs-btn-active-border-color: var(--stone-400);--bs-btn-disabled-color: var(--stone-400);--bs-btn-disabled-border-color: var(--stone-200)}@media (max-width: 575.98px){.cfu-crop{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none}.cfu-crop__stage{flex:1 1 auto;height:auto;min-height:12rem}.cfu-crop__foot .btn{flex:1 1 0;padding-left:.75em;padding-right:.75em}:root{--crop-pad-x: 16px;--crop-stage-inset: 18px}}