.square-crop-dialog{max-width:52rem}.square-crop-workspace{gap:var(--space-6);grid-template-columns:minmax(0,1.5fr) minmax(12rem,1fr);align-items:center;display:grid}.square-crop-dialog .app-dialog__surface{gap:var(--space-3);display:grid}.square-crop-preview{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;justify-self:center;width:100%;max-width:22rem;position:relative;overflow:hidden}.square-crop-preview:active{cursor:grabbing}.square-crop-preview canvas{width:100%;height:100%;display:block}.square-crop-preview>span{place-items:center;display:grid;position:absolute;inset:0}.square-crop-controls{gap:var(--space-2);border:0;min-width:0;padding:0;display:grid}.square-crop-controls input{width:100%;min-height:2.75rem;accent-color:var(--color-purple)}.square-crop-fine-position>summary{cursor:pointer;padding-block:var(--space-2);color:var(--color-text-muted)}.square-crop-fine-position[open]>label{margin-top:var(--space-2)}.square-crop-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.square-crop-status{min-height:1.5em;margin:0}@media (width<=600px){.square-crop-workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}