.ImageResizerBackdrop-module__xEmQJq__table{--mark:color-mix(in srgb, var(--color-text) 36%, transparent);--faint:color-mix(in srgb, var(--color-text) 18%, transparent);--strong:color-mix(in srgb, var(--color-text) 64%, transparent);--move:cubic-bezier(.65, 0, .35, 1);position:absolute;inset:0}.ImageResizerBackdrop-module__xEmQJq__stage{--s:clamp(84px, calc(var(--gutter) * .7), 220px);top:var(--top);width:calc(var(--s) * 1.12);height:calc(var(--s) * 1.34);position:absolute}.ImageResizerBackdrop-module__xEmQJq__stage[data-side=left]{left:calc(var(--gutter) / 2);translate:-50% -50%}.ImageResizerBackdrop-module__xEmQJq__stage[data-side=right]{right:calc(var(--gutter) / 2);translate:50% -50%}.ImageResizerBackdrop-module__xEmQJq__stage img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.ImageResizerBackdrop-module__xEmQJq__under{opacity:.16;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 50%,#0000);mask-image:radial-gradient(closest-side,#000 50%,#0000)}.ImageResizerBackdrop-module__xEmQJq__frame{width:calc(var(--s) * var(--w0));height:calc(var(--s) * var(--h0));border:1px solid var(--mark);animation:ImageResizerBackdrop-module__xEmQJq__reframe 40s var(--move) infinite;animation-delay:var(--frame-delay);position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes ImageResizerBackdrop-module__xEmQJq__reframe{0%,21%{width:var(--s);height:var(--s)}25%,46%{width:calc(var(--s) * .8);height:var(--s)}50%,71%{width:calc(var(--s) * .5625);height:var(--s)}75%,96%{width:var(--s);height:calc(var(--s) * .5625)}to{width:var(--s);height:var(--s)}}.ImageResizerBackdrop-module__xEmQJq__window{position:absolute;inset:0;overflow:hidden}.ImageResizerBackdrop-module__xEmQJq__art{width:calc(var(--s) * 1.12);height:calc(var(--s) * 1.34);opacity:.36;position:absolute;top:50%;left:50%;translate:-50% -50%}.ImageResizerBackdrop-module__xEmQJq__window:before,.ImageResizerBackdrop-module__xEmQJq__window:after{border:0 solid color-mix(in srgb, var(--color-surface-raised) 60%, transparent);content:"";position:absolute}.ImageResizerBackdrop-module__xEmQJq__window:before{border-inline-width:1px;inset:0 33.333%}.ImageResizerBackdrop-module__xEmQJq__window:after{border-block-width:1px;inset:33.333% 0}.ImageResizerBackdrop-module__xEmQJq__handle{border:0 solid var(--strong);width:11px;height:11px;position:absolute}.ImageResizerBackdrop-module__xEmQJq__handle[data-corner=tl]{border-top-width:2px;border-left-width:2px;top:-2px;left:-2px}.ImageResizerBackdrop-module__xEmQJq__handle[data-corner=tr]{border-top-width:2px;border-right-width:2px;top:-2px;right:-2px}.ImageResizerBackdrop-module__xEmQJq__handle[data-corner=bl]{border-bottom-width:2px;border-left-width:2px;bottom:-2px;left:-2px}.ImageResizerBackdrop-module__xEmQJq__handle[data-corner=br]{border-bottom-width:2px;border-right-width:2px;bottom:-2px;right:-2px}.ImageResizerBackdrop-module__xEmQJq__ratio{color:color-mix(in srgb, var(--color-text) 54%, transparent);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;display:grid;position:absolute;bottom:calc(100% + 7px);left:-1px}.ImageResizerBackdrop-module__xEmQJq__size{border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);color:color-mix(in srgb, var(--color-text) 60%, transparent);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:500;line-height:1.3;display:grid;position:absolute;top:calc(100% + 9px);left:50%;translate:-50%}.ImageResizerBackdrop-module__xEmQJq__ratio>span,.ImageResizerBackdrop-module__xEmQJq__size>span{opacity:var(--rest);animation:40s linear infinite ImageResizerBackdrop-module__xEmQJq__show;animation-delay:var(--delay);grid-area:1/1}.ImageResizerBackdrop-module__xEmQJq__size>span{justify-self:center}@keyframes ImageResizerBackdrop-module__xEmQJq__show{0%,21%{opacity:1}23%,98%{opacity:0}to{opacity:1}}.ImageResizerBackdrop-module__xEmQJq__picker{--cell:clamp(20px, calc(var(--gutter) * .15), 30px);--gap:4px;top:var(--top);left:calc(var(--gutter) / 2);gap:var(--gap);border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-xs);border-radius:10px;padding:5px;display:flex;position:absolute;translate:-50% -50%}.ImageResizerBackdrop-module__xEmQJq__glide{width:var(--cell);height:var(--cell);background:color-mix(in srgb, var(--color-text) 7%, transparent);translate:calc((var(--cell) + var(--gap)) * var(--rest-slot)) 0;animation:ImageResizerBackdrop-module__xEmQJq__glide 40s var(--move) infinite;animation-delay:var(--frame-delay);border-radius:6px;position:absolute;top:5px;left:5px}@keyframes ImageResizerBackdrop-module__xEmQJq__glide{0%,21%{translate:0}25%,46%{translate:calc(var(--cell) + var(--gap)) 0}50%,71%{translate:calc((var(--cell) + var(--gap)) * 2) 0}75%,96%{translate:calc((var(--cell) + var(--gap)) * 3) 0}to{translate:0}}.ImageResizerBackdrop-module__xEmQJq__option{width:var(--cell);height:var(--cell);place-items:center;display:grid;position:relative}.ImageResizerBackdrop-module__xEmQJq__option i,.ImageResizerBackdrop-module__xEmQJq__option b{width:calc(var(--cell) * .56 * var(--w));height:calc(var(--cell) * .56 * var(--h));border:1.5px solid color-mix(in srgb, var(--color-text) 26%, transparent);border-radius:2px;grid-area:1/1}.ImageResizerBackdrop-module__xEmQJq__option b{border-color:color-mix(in srgb, var(--color-text) 76%, transparent);opacity:var(--rest);animation:40s linear infinite ImageResizerBackdrop-module__xEmQJq__show;animation-delay:var(--delay)}.ImageResizerBackdrop-module__xEmQJq__nest{--n:clamp(64px, calc(var(--gutter) * .52), 160px);top:var(--top);right:calc(var(--gutter) / 2);width:var(--n);height:var(--n);position:absolute;translate:50% -50%}.ImageResizerBackdrop-module__xEmQJq__nest:before,.ImageResizerBackdrop-module__xEmQJq__nest:after{background:var(--mark);content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.ImageResizerBackdrop-module__xEmQJq__nest:before{width:11px;height:1px}.ImageResizerBackdrop-module__xEmQJq__nest:after{width:1px;height:11px}.ImageResizerBackdrop-module__xEmQJq__outline,.ImageResizerBackdrop-module__xEmQJq__lit{width:calc(var(--n) * var(--w));height:calc(var(--n) * var(--h));position:absolute;top:50%;left:50%;translate:-50% -50%}.ImageResizerBackdrop-module__xEmQJq__outline{border:1px dashed var(--faint)}.ImageResizerBackdrop-module__xEmQJq__lit{border:1px solid color-mix(in srgb, var(--color-text) 56%, transparent);background:color-mix(in srgb, var(--color-text) 3%, transparent);opacity:var(--rest);animation:40s linear infinite ImageResizerBackdrop-module__xEmQJq__show;animation-delay:var(--delay)}@media (max-width:1279px){.ImageResizerBackdrop-module__xEmQJq__ratio,.ImageResizerBackdrop-module__xEmQJq__size{display:none}}
.ImageResizer-module__VBnrUW__visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ImageResizer-module__VBnrUW__layout{--tool-height:640px;height:var(--tool-height);grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:clamp(20px,3vw,36px);display:grid}.ImageResizer-module__VBnrUW__stageColumn{gap:var(--space-3);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.ImageResizer-module__VBnrUW__box{border-radius:var(--radius-lg);place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.ImageResizer-module__VBnrUW__box[data-dragging]{outline:2px dashed var(--color-text);outline-offset:4px}.ImageResizer-module__VBnrUW__drop{width:100%;height:100%}.ImageResizer-module__VBnrUW__drop>label{align-content:center;height:100%}.ImageResizer-module__VBnrUW__drop>label:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.ImageResizer-module__VBnrUW__stage{width:min(100cqw, calc(100cqh * var(--stage-ratio)));aspect-ratio:var(--stage-aspect);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);background-image:repeating-conic-gradient(color-mix(in srgb, var(--color-text) 7%, transparent) 0% 25%, transparent 0% 50%);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;background-size:16px 16px;outline:none;position:relative;overflow:hidden}.ImageResizer-module__VBnrUW__stage[data-mode=crop]{cursor:grab;touch-action:none}.ImageResizer-module__VBnrUW__stage[data-mode=crop][data-dragging]{cursor:grabbing}.ImageResizer-module__VBnrUW__stage:focus-visible{box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 4px var(--color-focus)}.ImageResizer-module__VBnrUW__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ImageResizer-module__VBnrUW__thirds{opacity:0;pointer-events:none;transition:opacity var(--anim-duration-fast) var(--anim-ease);background:linear-gradient(90deg,#0000 calc(33.3333% - .5px),#ffffff8c calc(33.3333% - .5px) calc(33.3333% + .5px),#0000 calc(33.3333% + .5px) calc(66.6667% - .5px),#ffffff8c calc(66.6667% - .5px) calc(66.6667% + .5px),#0000 calc(66.6667% + .5px)),linear-gradient(#0000 calc(33.3333% - .5px),#ffffff8c calc(33.3333% - .5px) calc(33.3333% + .5px),#0000 calc(33.3333% + .5px) calc(66.6667% - .5px),#ffffff8c calc(66.6667% - .5px) calc(66.6667% + .5px),#0000 calc(66.6667% + .5px));position:absolute;inset:0}.ImageResizer-module__VBnrUW__stage[data-dragging] .ImageResizer-module__VBnrUW__thirds{opacity:1}.ImageResizer-module__VBnrUW__safeArea{pointer-events:none;border:1.5px dashed #fffffff2;border-radius:2px;place-items:start center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #00000047,0 0 0 9999px #00000038}.ImageResizer-module__VBnrUW__safeLabel{border-radius:var(--radius-pill);color:#fffffff2;white-space:nowrap;background:#0000008c;margin-top:4px;padding:2px 8px;font-size:.68rem;font-weight:650}.ImageResizer-module__VBnrUW__overlay{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-raised) 78%, transparent);color:var(--color-text-muted);font-size:.875rem;display:flex;position:absolute;inset:0}.ImageResizer-module__VBnrUW__problem{right:var(--space-3);bottom:var(--space-3);left:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);color:var(--color-warning-text);box-shadow:var(--shadow-sm);margin:0;font-size:.875rem;line-height:1.5;position:absolute}.ImageResizer-module__VBnrUW__stageTools{gap:var(--space-2);grid-template-rows:20px 36px;justify-items:center;min-width:0;display:grid}.ImageResizer-module__VBnrUW__hint{max-width:100%;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;line-height:20px;overflow:hidden}.ImageResizer-module__VBnrUW__hintTouch{display:none}@media (pointer:coarse){.ImageResizer-module__VBnrUW__hintPointer{display:none}.ImageResizer-module__VBnrUW__hintTouch{display:inline}.ImageResizer-module__VBnrUW__stageTools{grid-template-rows:minmax(20px,auto) 36px}.ImageResizer-module__VBnrUW__hint{text-align:center;text-wrap:balance;white-space:normal}}.ImageResizer-module__VBnrUW__zoomRow{align-items:center;gap:var(--space-2);width:min(100%,420px);display:flex}.ImageResizer-module__VBnrUW__slider{flex:1;min-width:0}.ImageResizer-module__VBnrUW__controls{gap:var(--space-4);grid-template-rows:minmax(0,1fr) auto auto auto auto;min-width:0;min-height:0;display:grid}.ImageResizer-module__VBnrUW__label{margin-bottom:var(--space-2);color:var(--color-text-muted);padding:0;font-size:.78rem;font-weight:650}.ImageResizer-module__VBnrUW__presets{align-content:start;gap:var(--space-2);min-width:0;min-height:0;padding:0 var(--space-1) 0 0;overscroll-behavior:contain;border:0;margin:0;display:grid;overflow-y:auto}.ImageResizer-module__VBnrUW__presetGroup{gap:2px;display:grid}.ImageResizer-module__VBnrUW__groupTitle{align-items:center;gap:var(--space-2);letter-spacing:-.01em;margin:0 0 2px;font-size:.8rem;font-weight:700;display:flex}.ImageResizer-module__VBnrUW__preset{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);height:36px;padding:0 var(--space-3);cursor:pointer;transition:background var(--anim-duration-fast) var(--anim-ease), border-color var(--anim-duration-fast) var(--anim-ease);border:1px solid #0000;grid-template-columns:22px minmax(0,1fr) auto;display:grid;position:relative}.ImageResizer-module__VBnrUW__preset:hover{background:var(--color-muted-bg)}.ImageResizer-module__VBnrUW__preset[data-selected]{border-color:var(--color-secondary-border);background:var(--color-secondary-wash)}.ImageResizer-module__VBnrUW__preset:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.ImageResizer-module__VBnrUW__radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ImageResizer-module__VBnrUW__shape{width:calc(18px * min(1, var(--shape-ratio)));height:calc(18px / max(1, var(--shape-ratio)));border:1.5px solid var(--color-text-muted);border-radius:3px;justify-self:center}.ImageResizer-module__VBnrUW__preset[data-selected] .ImageResizer-module__VBnrUW__shape{border-color:var(--color-text)}.ImageResizer-module__VBnrUW__presetName{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.ImageResizer-module__VBnrUW__presetSize{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.ImageResizer-module__VBnrUW__options{gap:var(--space-4);flex-wrap:wrap;display:flex}.ImageResizer-module__VBnrUW__field{min-width:0;display:grid}.ImageResizer-module__VBnrUW__field[data-disabled]{opacity:.5}.ImageResizer-module__VBnrUW__segmented{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-text) 4%, var(--color-bg));--glide-shadow:var(--shadow-xs);gap:2px;width:fit-content;max-width:100%;padding:2px;display:inline-flex;position:relative}.ImageResizer-module__VBnrUW__segmented button{z-index:1;border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-muted);cursor:pointer;font:inherit;white-space:nowrap;transition:color var(--anim-duration-fast) var(--anim-ease);background:0 0;border:0;align-items:center;padding:0 12px;font-size:.84rem;font-weight:600;display:inline-flex;position:relative}.ImageResizer-module__VBnrUW__segmented button:hover:not(:disabled){color:var(--color-text)}.ImageResizer-module__VBnrUW__segmented button:disabled{cursor:not-allowed}.ImageResizer-module__VBnrUW__segmented button[data-selected]{color:var(--color-text)}.ImageResizer-module__VBnrUW__segmented:not([data-glide-ready]) button[data-selected]{background:var(--color-surface-raised);box-shadow:var(--shadow-xs)}.ImageResizer-module__VBnrUW__segmented button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ImageResizer-module__VBnrUW__actions{gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-4);display:grid}.ImageResizer-module__VBnrUW__actions .ImageResizer-module__VBnrUW__download{justify-self:stretch;min-height:46px;font-size:.9rem}.ImageResizer-module__VBnrUW__sourceRow{align-items:center;gap:var(--space-3);min-width:0;height:38px;display:flex}.ImageResizer-module__VBnrUW__sourceRow[data-hidden]{visibility:hidden}.ImageResizer-module__VBnrUW__sourceRow .ImageResizer-module__VBnrUW__another{flex:none}.ImageResizer-module__VBnrUW__sourceInfo{min-width:0;color:var(--color-text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.76rem;overflow:hidden}.ImageResizer-module__VBnrUW__notice{height:20px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;line-height:20px;overflow:hidden}.ImageResizer-module__VBnrUW__notice[data-tone=problem]{color:var(--color-danger-text)}@media (max-width:900px){.ImageResizer-module__VBnrUW__layout{grid-template-columns:minmax(0,1fr);height:auto}.ImageResizer-module__VBnrUW__stageColumn{grid-template-rows:380px auto}.ImageResizer-module__VBnrUW__controls{grid-template-rows:none}.ImageResizer-module__VBnrUW__presets{overflow:visible}}@media (max-width:480px){.ImageResizer-module__VBnrUW__stageColumn{grid-template-rows:320px auto}.ImageResizer-module__VBnrUW__segmented{width:100%;display:flex}.ImageResizer-module__VBnrUW__segmented button{text-align:center;white-space:normal;flex:1 1 0;justify-content:center;min-width:0;padding:4px 8px;line-height:1.25}}@media (prefers-reduced-motion:reduce){.ImageResizer-module__VBnrUW__thirds,.ImageResizer-module__VBnrUW__preset,.ImageResizer-module__VBnrUW__segmented button{transition:none}}