.smartcrop-container{max-width:95vw;display:flex;flex-direction:column;align-items:center}.smartcrop-cropper{position:relative;display:inline-block;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f9fafb;max-width:100%}.smartcrop-cropper img{display:block;max-width:100%;max-height:70vh;object-fit:contain;user-select:none;background:#f1f5f9}.smartcrop-selection{position:absolute;border:2px dashed #f59e0b;background:rgba(245,158,11,.2);box-sizing:border-box;touch-action:none}.smartcrop-handle,.smartcrop-selection.circle{border-radius:50%}.smartcrop-handle{width:12px;height:12px;background:#f59e0b;position:absolute}.smartcrop-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.smartcrop-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.smartcrop-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.smartcrop-handle.se{bottom:-6px;right:-6px;cursor:nwse-resize}.smartcrop-handle.n,.smartcrop-handle.s{left:50%;transform:translateX(-50%);cursor:ns-resize}.smartcrop-handle.n{top:-6px}.smartcrop-handle.s{bottom:-6px}.smartcrop-handle.e,.smartcrop-handle.w{top:50%;transform:translateY(-50%);cursor:ew-resize}.smartcrop-handle.w{left:-6px}.smartcrop-handle.e{right:-6px}.smartcrop-controls{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.smartcrop-controls input[type=file]{display:none}.smartcrop-controls button,.smartcrop-controls label{padding:10px 16px;border-radius:6px;color:#fff;border:none;cursor:pointer;font-weight:500;font-size:.9rem;transition:.2s}.smartcrop-controls label{background:#4b5563}#smartcrop-cropBtn{background:#dc2626}.smartcrop-controls label:hover{background:#374151}#smartcrop-cropBtn:hover{background:#b91c1c}.smartcrop-presets{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.smartcrop-presets button{padding:8px 12px;background:#e2e8f0;border:none;border-radius:6px;cursor:pointer;font-weight:500;color:#1e293b;transition:background .2s}.smartcrop-presets button:hover{background:linear-gradient(90deg,#b91c1c,#ef4444);color:#fff}.smartcrop-result{margin-top:15px;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;display:block}@media (max-width:768px){.smartcrop-cropper img{max-height:60vh}.smartcrop-controls{flex-direction:column;align-items:stretch}.smartcrop-controls button,.smartcrop-controls label{width:100%}}