.crop-editor,.crop-result{display:flex;flex-direction:column;gap:var(--space-lg)}.crop-container{position:relative;display:flex;justify-content:center;align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;min-height:200px;max-height:400px}.crop-image-wrapper{position:relative;max-width:100%;max-height:400px}.crop-source-image{max-width:100%;max-height:400px;display:block}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.crop-selection{position:absolute;border:2px dashed var(--color-accent-primary);background:#3b82f61a;box-shadow:0 0 0 9999px #00000080;cursor:move}.crop-selection:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.5)}.crop-handle{position:absolute;width:12px;height:12px;background:var(--color-accent-primary);border:2px solid white;border-radius:50%}.crop-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.crop-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.crop-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.crop-handle.se{bottom:-6px;right:-6px;cursor:nwse-resize}.crop-info{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.aspect-ratio-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.aspect-ratio-buttons .btn{min-width:60px}.aspect-ratio-buttons .btn.active{background:var(--color-accent-primary);color:#fff}.crop-dimensions{display:flex;gap:var(--space-md);justify-content:center;font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.crop-preview{max-width:100%;max-height:250px;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);margin:0 auto;display:block}.tip-text{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}