.image-cropper-module__O1YkBG__cropper{--crop-canvas:var(--tools-canvas);--crop-surface:color-mix(in oklab, var(--card) 90%, transparent);--crop-surface-solid:color-mix(in oklab, var(--card) 98%, var(--background));--crop-line:color-mix(in oklab, var(--foreground) 10%, transparent);--crop-line-strong:color-mix(in oklab, var(--foreground) 19%, transparent);--crop-muted:color-mix(in oklab, var(--foreground) 62%, transparent);--crop-accent-soft:color-mix(in oklab, var(--primary) 11%, transparent);--crop-shadow-sm:0 12px 32px #14161c0d;min-height:calc(100svh - var(--site-header-height));color:var(--foreground);background:var(--crop-canvas)}.image-cropper-module__O1YkBG__fileInput{white-space:nowrap;clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:fixed;overflow:hidden}.image-cropper-module__O1YkBG__dragOverlay{inset:var(--site-header-height) 0 0;z-index:40;color:var(--primary-foreground);pointer-events:none;background:radial-gradient(circle, #ffffff2e, transparent 22rem), color-mix(in oklab, var(--primary) 90%, transparent);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;box-shadow:inset 0 0 0 1px #ffffff29}.image-cropper-module__O1YkBG__dragOverlay svg{width:3.5rem;height:3.5rem}.image-cropper-module__O1YkBG__dragOverlay strong{font-size:clamp(1.5rem,4vw,2.5rem)}.image-cropper-module__O1YkBG__hero{width:min(100% - 2rem,40rem);min-height:calc(100svh - var(--site-header-height));flex-direction:column;align-items:center;margin-inline:auto;padding-block:4rem;display:flex}.image-cropper-module__O1YkBG__heroIntro{text-align:center}.image-cropper-module__O1YkBG__heroIntro h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:750;line-height:1.15}.image-cropper-module__O1YkBG__heroIntro p{max-width:34rem;color:var(--crop-muted);text-wrap:balance;margin:.75rem auto 0;font-size:.9rem;line-height:1.65}.image-cropper-module__O1YkBG__dropZoneButton{width:100%;height:auto;color:inherit;white-space:normal;background:0 0;margin-top:1.75rem;padding:0;display:block}.image-cropper-module__O1YkBG__dropZoneButton:hover,.image-cropper-module__O1YkBG__dropZoneButton:focus-visible{background:0 0}.image-cropper-module__O1YkBG__dropZone{background:linear-gradient(180deg, #ffffff7a, transparent 45%), var(--crop-surface);border:1px dashed var(--crop-line-strong);border-radius:var(--radius-2xl);min-height:15.5rem;box-shadow:inset 0 1px #ffffffb8, var(--crop-shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);transition:background-color var(--duration-ui) var(--ease-out), border-color var(--duration-ui) var(--ease-out), box-shadow var(--duration-ui) var(--ease-out);padding:2rem 1.5rem}[class~=dark] .image-cropper-module__O1YkBG__dropZone{background:linear-gradient(180deg, #ffffff0a, transparent 45%), var(--crop-surface);box-shadow:inset 0 1px #ffffff12, var(--crop-shadow-sm)}.image-cropper-module__O1YkBG__dropZoneButton:focus-visible .image-cropper-module__O1YkBG__dropZone{border-color:var(--primary);box-shadow:0 0 0 3px var(--crop-accent-soft), var(--crop-shadow-sm)}.image-cropper-module__O1YkBG__pickFileButton{min-height:2.25rem;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-2xl);box-shadow:inset 0 1px #fff3, 0 8px 18px color-mix(in oklab, var(--primary) 17%, transparent);justify-content:center;align-items:center;gap:.45rem;padding-inline:1rem;font-size:.875rem;font-weight:650;display:inline-flex}.image-cropper-module__O1YkBG__pickFileButton svg,.image-cropper-module__O1YkBG__pasteHint svg{width:1rem;height:1rem}.image-cropper-module__O1YkBG__pasteHint{color:var(--muted-foreground);justify-content:center;align-items:center;gap:.45rem;font-size:.75rem;display:inline-flex}.image-cropper-module__O1YkBG__heroError{text-align:left;background:color-mix(in oklab, var(--destructive) 8%, var(--crop-surface-solid));border:1px solid color-mix(in oklab, var(--destructive) 20%, transparent);border-radius:var(--radius-2xl);width:100%;box-shadow:var(--crop-shadow-sm);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1rem;padding:.9rem 1rem;font-size:.82rem;display:flex}.image-cropper-module__O1YkBG__heroError strong{color:var(--destructive)}.image-cropper-module__O1YkBG__heroError span{color:var(--muted-foreground);flex:16rem}.image-cropper-module__O1YkBG__workspace{width:min(100% - 2rem,76rem);margin-inline:auto;padding-block:1.5rem 4rem}.image-cropper-module__O1YkBG__workspaceTopbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.image-cropper-module__O1YkBG__workspaceTopbar [data-slot=button]{color:var(--crop-muted)}.image-cropper-module__O1YkBG__topbarActions{align-items:center;gap:.5rem;display:flex}.image-cropper-module__O1YkBG__workspaceGrid{grid-template-columns:minmax(0,1fr) minmax(20rem,23rem);align-items:start;gap:2rem;display:grid}.image-cropper-module__O1YkBG__previewColumn{flex-direction:column;gap:1rem;min-width:0;display:flex}.image-cropper-module__O1YkBG__settingsColumn{top:calc(var(--site-header-height) + 1rem);min-width:0;height:calc(100svh - var(--site-header-height) - 5.5rem);min-height:28rem;position:sticky}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]{height:100%;min-height:0}.image-cropper-module__O1YkBG__previewColumn>[data-slot=card],.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]{background:linear-gradient(180deg, #ffffff52, transparent 8rem), var(--crop-surface);border-color:var(--crop-line);box-shadow:0 0 0 1px var(--crop-line), var(--crop-shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(112%);backdrop-filter:blur(18px)saturate(112%)}[class~=dark] .image-cropper-module__O1YkBG__previewColumn>[data-slot=card],[class~=dark] .image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]{background:linear-gradient(180deg, #ffffff08, transparent 8rem), var(--crop-surface)}.image-cropper-module__O1YkBG__stage{border-radius:var(--radius-2xl);min-height:34rem;display:grid;position:relative;overflow:hidden}.image-cropper-module__O1YkBG__cropperContainer{border-radius:var(--radius-2xl);isolation:isolate;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-cropper-module__O1YkBG__cropperContainer cropper-canvas{background-color:#15161a;background-image:linear-gradient(45deg,#202126 25%,#0000 25%),linear-gradient(-45deg,#202126 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#202126 75%),linear-gradient(-45deg,#0000 75%,#202126 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;width:100%;height:100%;min-height:30rem}.image-cropper-module__O1YkBG__canvasKeyboardButton{z-index:10;color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141519c7;border-color:#fff3;position:absolute;top:2rem;right:2rem}.image-cropper-module__O1YkBG__canvasKeyboardButton:hover,.image-cropper-module__O1YkBG__canvasKeyboardButton:focus-visible{color:#fff;background:#141519eb}.image-cropper-module__O1YkBG__cropperContainer cropper-selection{outline-offset:-1px;outline:1px solid #ffffffe0}.image-cropper-module__O1YkBG__cropperContainer cropper-handle[action$=resize]{min-width:12px;min-height:12px}.image-cropper-module__O1YkBG__sourceImage{visibility:hidden;max-width:100%;display:block}.image-cropper-module__O1YkBG__circleGuide{z-index:5;pointer-events:none;border:2px solid #ffffffeb;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000073,0 0 0 9999px #00000038}.image-cropper-module__O1YkBG__keyboardHint{color:var(--muted-foreground);margin:-.25rem 0 0;font-size:.72rem;line-height:1.5}.image-cropper-module__O1YkBG__imageStats,.image-cropper-module__O1YkBG__resultStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;display:grid}.image-cropper-module__O1YkBG__imageStats div,.image-cropper-module__O1YkBG__resultStats div{min-width:0}.image-cropper-module__O1YkBG__imageStats dt,.image-cropper-module__O1YkBG__resultStats dt{color:var(--muted-foreground);margin-bottom:.25rem;font-size:.72rem}.image-cropper-module__O1YkBG__imageStats dd,.image-cropper-module__O1YkBG__resultStats dd{font-variant-numeric:tabular-nums;margin:0;font-size:.82rem;font-weight:650}.image-cropper-module__O1YkBG__animationNote{color:var(--muted-foreground);border-top:1px solid var(--crop-line);margin:.75rem 0 0;padding-top:.75rem;font-size:.75rem;line-height:1.5}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]>:is([data-slot=card-header],[data-slot=card-footer]){flex:none}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]>[data-slot=card-content]{scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:var(--crop-line-strong) transparent;flex:auto;min-height:0;padding-bottom:1rem;overflow-y:auto}.image-cropper-module__O1YkBG__settingsHeader{margin-bottom:calc(-1 * var(--card-spacing));padding-bottom:.5rem;position:relative}.image-cropper-module__O1YkBG__settingsHeader:after{content:"";background:linear-gradient(90deg, transparent, var(--crop-line-strong) 12%, var(--crop-line-strong) 88%, transparent);opacity:0;height:1px;transition:opacity var(--duration-ui) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.image-cropper-module__O1YkBG__settingsHeader[data-content-scrolled]:after{opacity:1}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]>.image-cropper-module__O1YkBG__settingsHeader+[data-slot=card-content]{padding-top:.75rem}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]>[data-slot=card-footer]{margin-top:calc(-1 * var(--card-spacing));background:color-mix(in oklab, var(--crop-surface-solid) 78%, transparent);border-top:1px solid var(--crop-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:1rem;box-shadow:0 -10px 24px #181a1f05}.image-cropper-module__O1YkBG__controls{gap:1.5rem}.image-cropper-module__O1YkBG__controls>[data-slot=field-set]+[data-slot=field-set]{border-top:1px solid var(--crop-line);padding-top:1.4rem}.image-cropper-module__O1YkBG__shapeToggle{width:100%}.image-cropper-module__O1YkBG__shapeToggle [data-slot=toggle-group-item]{flex:1}.image-cropper-module__O1YkBG__twoColumnFields,.image-cropper-module__O1YkBG__fourColumnFields,.image-cropper-module__O1YkBG__outputSizeRow{gap:.75rem;display:grid}.image-cropper-module__O1YkBG__twoColumnFields{grid-template-columns:repeat(2,minmax(0,1fr))}.image-cropper-module__O1YkBG__fourColumnFields{grid-template-columns:repeat(4,minmax(0,1fr))}.image-cropper-module__O1YkBG__numericField{min-width:0}.image-cropper-module__O1YkBG__numericField input{font-variant-numeric:tabular-nums;padding-inline:.55rem}.image-cropper-module__O1YkBG__fieldHeading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.image-cropper-module__O1YkBG__fieldHeading span{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.75rem;font-weight:650}.image-cropper-module__O1YkBG__sliderRow{grid-template-columns:minmax(0,1fr) 4.5rem;align-items:center;gap:.85rem;display:grid}.image-cropper-module__O1YkBG__sliderRow input{font-variant-numeric:tabular-nums}.image-cropper-module__O1YkBG__transformButtons{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.image-cropper-module__O1YkBG__transformButtons [data-slot=button][aria-pressed=true]{color:var(--primary-foreground);background:var(--primary)}.image-cropper-module__O1YkBG__outputSizeRow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.image-cropper-module__O1YkBG__ratioLockButton{margin-bottom:.05rem}.image-cropper-module__O1YkBG__inlineError{color:var(--destructive);margin:0;font-size:.75rem;line-height:1.5}.image-cropper-module__O1YkBG__fullWidthButton{width:100%}.image-cropper-module__O1YkBG__loadingIcon{animation:.9s linear infinite image-cropper-module__O1YkBG__spin}.image-cropper-module__O1YkBG__doneIcon{width:3rem;height:3rem;color:var(--primary);background:var(--crop-accent-soft);border-radius:50%;place-items:center;margin-bottom:.25rem;display:grid}.image-cropper-module__O1YkBG__doneIcon svg{width:1.6rem;height:1.6rem}.image-cropper-module__O1YkBG__resultTitle{scroll-margin-top:calc(var(--site-header-height) + 1rem)}.image-cropper-module__O1YkBG__resultTitle:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius-sm)}.image-cropper-module__O1YkBG__resultContent{flex-direction:column;gap:1rem;display:flex}.image-cropper-module__O1YkBG__resultPreview{border:1px solid var(--crop-line);border-radius:var(--radius-xl);background-color:#f2f2f2;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;place-items:center;min-height:15rem;padding:1rem;display:grid;overflow:hidden}.image-cropper-module__O1YkBG__resultPreview img{object-fit:contain;max-width:100%;max-height:24rem;display:block;box-shadow:0 8px 24px #0000001a}.image-cropper-module__O1YkBG__resultStats{grid-template-columns:repeat(3,minmax(0,1fr))}.image-cropper-module__O1YkBG__resultActions{flex-direction:column;gap:.65rem;display:flex}.image-cropper-module__O1YkBG__srStatus{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes image-cropper-module__O1YkBG__spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.image-cropper-module__O1YkBG__dropZoneButton:hover .image-cropper-module__O1YkBG__dropZone{border-color:var(--primary);box-shadow:0 0 0 3px var(--crop-accent-soft), var(--crop-shadow-sm)}}@media (max-width:1020px){.image-cropper-module__O1YkBG__workspaceGrid{grid-template-columns:1fr}.image-cropper-module__O1YkBG__settingsColumn{height:auto;min-height:0;position:static}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]{height:auto}.image-cropper-module__O1YkBG__settingsColumn>[data-slot=card]>[data-slot=card-content]{overflow-y:visible}}@media (max-width:680px){.image-cropper-module__O1YkBG__cropper{min-height:calc(100svh - 4rem)}.image-cropper-module__O1YkBG__hero{width:min(100% - 1.5rem,40rem);padding-block:2.5rem}.image-cropper-module__O1YkBG__dropZone{min-height:14rem;padding:1.5rem 1rem}.image-cropper-module__O1YkBG__workspace{width:min(100% - 1rem,76rem)}.image-cropper-module__O1YkBG__workspaceTopbar{align-items:flex-start}.image-cropper-module__O1YkBG__topbarActions{flex-wrap:wrap;justify-content:flex-end}.image-cropper-module__O1YkBG__stage{min-height:25rem}.image-cropper-module__O1YkBG__canvasKeyboardButton{top:1.25rem;right:1.25rem}.image-cropper-module__O1YkBG__cropperContainer cropper-canvas{min-height:23.5rem}.image-cropper-module__O1YkBG__imageStats,.image-cropper-module__O1YkBG__fourColumnFields{grid-template-columns:repeat(2,minmax(0,1fr))}.image-cropper-module__O1YkBG__transformButtons{grid-template-columns:auto auto minmax(0,1fr)}.image-cropper-module__O1YkBG__transformButtons [data-slot=button]:last-child{grid-column:3}}@media (max-width:460px){.image-cropper-module__O1YkBG__workspaceTopbar{flex-direction:column}.image-cropper-module__O1YkBG__topbarActions{justify-content:flex-start;width:100%}.image-cropper-module__O1YkBG__topbarActions [data-slot=button]:not([data-size=icon]){flex:1}.image-cropper-module__O1YkBG__stage{min-height:20rem}.image-cropper-module__O1YkBG__canvasKeyboardButton{top:1rem;right:1rem}.image-cropper-module__O1YkBG__cropperContainer cropper-canvas{min-height:19rem}.image-cropper-module__O1YkBG__transformButtons{grid-template-columns:repeat(2,minmax(0,1fr))}.image-cropper-module__O1YkBG__transformButtons [data-slot=button]:last-child{grid-column:auto}}@media (pointer:coarse){.image-cropper-module__O1YkBG__cropper :is([data-slot=button],[data-slot=input],[data-slot=select-trigger],[data-slot=slider],[data-slot=switch],[data-slot=toggle-group-item]){min-height:44px}.image-cropper-module__O1YkBG__cropper [data-slot=button][data-size^=icon]{min-width:44px}.image-cropper-module__O1YkBG__cropperContainer cropper-handle[action$=resize]{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.image-cropper-module__O1YkBG__dropZone,.image-cropper-module__O1YkBG__settingsHeader:after{transition:none}.image-cropper-module__O1YkBG__loadingIcon{animation-duration:1.8s}}