.ui-cropper{--ui-cropper-scrim:color-mix(in srgb, var(--sunken) 74%, transparent);--ui-cropper-edge:color-mix(in srgb, var(--text) 72%, transparent);--ui-cropper-grid:color-mix(in srgb, var(--text) 28%, transparent);--ui-cropper-pad:10%;gap:var(--space-4);color:var(--text);display:grid}.ui-cropper-work{gap:var(--space-3);min-width:0;display:grid}.ui-cropper-stage{aspect-ratio:1;border-radius:var(--radius-l);background:var(--sunken);width:100%;box-shadow:inset 0 0 0 1px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ui-cropper[data-state=ready] .ui-cropper-stage{cursor:grab}.ui-cropper[data-dragging] .ui-cropper-stage{cursor:grabbing}.ui-cropper-stage:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.ui-cropper-canvas{width:100%;height:100%;position:absolute;inset:0}.ui-cropper-frame,.ui-cropper-checker{inset:var(--ui-cropper-pad);border-radius:var(--radius-s);pointer-events:none;position:absolute}.ui-cropper-frame{box-shadow:0 0 0 100vmax var(--ui-cropper-scrim), 0 0 0 1px var(--ui-cropper-edge);transition:box-shadow var(--dur-2) var(--ease);overflow:hidden}.ui-cropper[data-state=empty] .ui-cropper-frame{box-shadow:0 0 0 100vmax var(--ui-cropper-scrim), 0 0 0 1px var(--line-strong)}.ui-cropper[data-over] .ui-cropper-frame{box-shadow:0 0 0 100vmax var(--ui-cropper-scrim), 0 0 0 2px var(--accent-fg)}.ui-cropper-frame:before,.ui-cropper-frame:after{content:"";opacity:0;transition:opacity var(--dur-2) var(--ease);position:absolute}.ui-cropper-frame:before{border-inline:1px solid var(--ui-cropper-grid);inset:0 33.333%}.ui-cropper-frame:after{border-block:1px solid var(--ui-cropper-grid);inset:33.333% 0}.ui-cropper[data-dragging] .ui-cropper-frame:before,.ui-cropper[data-dragging] .ui-cropper-frame:after,.ui-cropper-stage:focus-visible .ui-cropper-frame:before,.ui-cropper-stage:focus-visible .ui-cropper-frame:after{opacity:1}.ui-cropper-checker{background:repeating-conic-gradient(var(--raised) 0 25%, var(--sunken) 0 50%) 0 0 / var(--space-3) var(--space-3);display:none}.ui-cropper[data-kind=logo][data-state=ready] .ui-cropper-checker{display:block}.ui-cropper-empty{inset:var(--ui-cropper-pad);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:absolute}.ui-cropper-empty-icon{color:var(--text-3)}.ui-cropper-stage[aria-busy=true] .ui-cropper-empty-icon{animation:ui-cropper-spin calc(var(--dur-3) * 4) linear infinite}@keyframes ui-cropper-spin{to{transform:rotate(1turn)}}.ui-cropper-zoom{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ui-cropper-range{--ui-cropper-fill:0%;width:100%;height:var(--h-control-s);cursor:pointer;appearance:none;background:0 0;margin:0}.ui-cropper-range:disabled{cursor:not-allowed;opacity:.45}.ui-cropper-range:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px;border-radius:var(--radius-s)}.ui-cropper-range::-webkit-slider-runnable-track{height:var(--space-1);border-radius:var(--radius-s);background:linear-gradient(to right, var(--accent-fg) var(--ui-cropper-fill), var(--line-strong) var(--ui-cropper-fill))}.ui-cropper-range::-moz-range-track{height:var(--space-1);border-radius:var(--radius-s);background:var(--line-strong)}.ui-cropper-range::-moz-range-progress{height:var(--space-1);border-radius:var(--radius-s);background:var(--accent-fg)}.ui-cropper-range::-webkit-slider-thumb{width:var(--space-4);height:var(--space-4);margin-top:calc((var(--space-1) - var(--space-4)) / 2);border-radius:var(--radius-s);background:var(--text);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-1);transition:transform var(--dur-1) var(--ease);-webkit-appearance:none;border:0}.ui-cropper-range::-moz-range-thumb{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-s);background:var(--text);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-1);transition:transform var(--dur-1) var(--ease);border:0}.ui-cropper-range:active::-webkit-slider-thumb{transform:scale(1.1)}.ui-cropper-range:active::-moz-range-thumb{transform:scale(1.1)}.ui-cropper-side{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.ui-cropper-previews{align-items:flex-end;gap:var(--space-3);display:flex}.ui-cropper-preview{border-radius:var(--radius-s);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line), 0 0 0 1px var(--line);display:block}.ui-cropper-preview[data-size="64"]{width:var(--space-16);height:var(--space-16)}.ui-cropper-preview[data-size="32"]{width:var(--space-8);height:var(--space-8)}.ui-cropper[data-kind=logo][data-state=ready] .ui-cropper-preview{background:repeating-conic-gradient(var(--raised) 0 25%, var(--sunken) 0 50%) 0 0 / var(--space-2) var(--space-2)}.ui-cropper-error{align-items:flex-start;gap:var(--space-1);color:var(--danger);font-size:var(--fs-13);line-height:var(--lh-13);margin:0;display:flex}.ui-cropper-error svg{flex:none;translate:0 1px}@media (min-width:640px){.ui-cropper{column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto}.ui-cropper-side{width:max-content;min-width:calc(var(--space-16) + var(--space-8) + var(--space-3) + var(--space-8));flex-flow:column;align-self:start;align-items:flex-start}.ui-cropper-error{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.ui-cropper-frame,.ui-cropper-frame:before,.ui-cropper-frame:after{transition:none}.ui-cropper-stage[aria-busy=true] .ui-cropper-empty-icon{animation:none}.ui-cropper-range::-webkit-slider-thumb{transition:none}.ui-cropper-range::-moz-range-thumb{transition:none}}