.crop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.crop-modal,.crop-overlay{display:flex;align-items:center}.crop-modal{background:#1e1e1e;border-radius:16px;padding:32px;width:400px;max-width:90vw;flex-direction:column;gap:24px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.crop-modal h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.crop-viewport{width:280px;height:280px;border-radius:50%;overflow:hidden;position:relative;cursor:grab;background:#ffffff;border:3px solid #333;touch-action:none;user-select:none}.crop-viewport:active{cursor:grabbing}.crop-viewport img{position:absolute;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-drag:none}.crop-controls{width:100%;display:flex;align-items:center;gap:12px;padding:0 8px}.crop-controls .zoom-label{color:#888;font-size:.8rem;white-space:nowrap;min-width:40px}.crop-controls .zoom-icon{color:#888;display:flex;align-items:center}.crop-controls input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#444;border-radius:2px;outline:none}.crop-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#008DFC;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.crop-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#008DFC;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.crop-actions{display:flex;gap:12px;width:100%}.crop-actions button{flex:1;height:44px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:background-color .2s,transform .15s;font-family:inherit}.crop-actions button:hover{transform:translateY(-1px)}.crop-btn-cancel{background:#333;color:#ccc}.crop-btn-cancel:hover{background:#444}.crop-btn-confirm{background:#008DFC;color:#fff}.crop-btn-confirm:hover{background:#0076d1}@media (max-width:480px){.crop-modal{padding:24px 20px;width:95vw}.crop-viewport{width:240px;height:240px}}