.image-cropper__workspace{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.image-cropper__workspace .image-tool__meta{max-inline-size:42rem}.image-cropper__editor-shell{display:grid;inline-size:100%;min-inline-size:0;place-items:center}.image-cropper__editor{position:relative;max-inline-size:100%;overflow:hidden;border-radius:var(--radius-sm);background:#172033;box-shadow:var(--shadow-sm);touch-action:none;-webkit-user-select:none;user-select:none}.image-cropper__editor[aria-disabled=true]{cursor:wait}.image-cropper__image{display:block;inline-size:100%;block-size:100%;pointer-events:none}.image-cropper__selection{position:absolute;inset:0 auto auto 0;box-sizing:border-box;border:2px solid #fff;outline:1px solid #172033;box-shadow:0 0 0 200vmax #070d197a;cursor:move;will-change:transform,width,height}.image-cropper__selection-size{position:absolute;inset:.35rem auto auto .35rem;max-inline-size:calc(100% - .7rem);padding:.2rem .4rem;border-radius:.25rem;color:#fff;background:#070d19c7;font-size:.72rem;font-weight:800;line-height:1.2;white-space:nowrap;pointer-events:none}.image-cropper__handle{position:absolute;inline-size:2.75rem;block-size:2.75rem;border:0;background:transparent;touch-action:none}.image-cropper__handle:after{position:absolute;inline-size:.85rem;block-size:.85rem;border:2px solid #172033;border-radius:.2rem;background:#fff;content:""}.image-cropper__handle[data-handle=nw]{inset:-2px auto auto -2px;cursor:nwse-resize}.image-cropper__handle[data-handle=nw]:after{inset:0 auto auto 0}.image-cropper__handle[data-handle=ne]{inset:-2px -2px auto auto;cursor:nesw-resize}.image-cropper__handle[data-handle=ne]:after{inset:0 0 auto auto}.image-cropper__handle[data-handle=se]{inset:auto -2px -2px auto;cursor:nwse-resize}.image-cropper__handle[data-handle=se]:after{inset:auto 0 0 auto}.image-cropper__handle[data-handle=sw]{inset:auto auto -2px -2px;cursor:nesw-resize}.image-cropper__handle[data-handle=sw]:after{inset:auto auto 0 0}.image-cropper__controls{display:grid;gap:var(--space-4)}.image-cropper__aspect{display:grid;gap:var(--space-2);max-inline-size:20rem;color:var(--color-ink-muted);font-size:.9rem;font-weight:700}.image-cropper__aspect select{inline-size:100%;min-inline-size:0;padding:.7rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.image-cropper__coordinates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0;border:0}.image-cropper__coordinates legend{grid-column:1 / -1;margin-bottom:var(--space-2);font-weight:800}.image-cropper__coordinates label{display:grid;gap:var(--space-1);color:var(--color-ink-muted);font-size:.85rem;font-weight:700}.image-cropper__coordinates input{inline-size:100%;min-inline-size:0;padding:.7rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.image-cropper__hint{margin:0;color:var(--color-ink-muted);font-size:.88rem;line-height:1.5}.image-cropper__result{margin-top:var(--space-5)}.image-cropper__result-preview{display:block;inline-size:min(100%,28rem);max-block-size:22rem;margin-inline:auto;border-radius:var(--radius-sm);object-fit:contain;background:var(--color-surface-muted)}.image-cropper__result .image-tool__result-stats{margin-top:var(--space-4)}@media(min-width:42rem){.image-cropper__coordinates{grid-template-columns:repeat(4,minmax(0,1fr))}}