.crop-modal{position:fixed;inset:0;background:rgba(20,22,28,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}
.crop-box{background:#fff;color:#222831;border-radius:18px;padding:24px;width:100%;max-width:360px;text-align:center;font-family:inherit}
.crop-box h2{margin:0 0 4px;font-size:20px;color:#222831;background:none;padding:0;text-transform:none;letter-spacing:0}
.crop-box p{margin:0 0 16px;color:#5b616b;font-size:14px}
.crop-view{position:relative;width:280px;height:280px;margin:0 auto;border-radius:50%;overflow:hidden;cursor:grab;touch-action:none;background:#eee;box-shadow:0 0 0 4px #C8102E}
.crop-view img{position:absolute;left:0;top:0;max-width:none;user-select:none;pointer-events:none;transform-origin:0 0}
.crop-zoom{display:flex;align-items:center;gap:10px;margin:18px 0;font-weight:700}
.crop-zoom input{flex:1;accent-color:#C8102E;margin:0;padding:0;border:0}
.crop-actions{display:flex;gap:10px;justify-content:center}
.crop-actions button{border-radius:999px;padding:10px 22px;font-weight:700;cursor:pointer;border:2px solid #C8102E;font-size:15px}
.crop-use{background:#C8102E;color:#fff}
.crop-cancel{background:#fff;color:#222831;border-color:#ddd !important}
.crop-view.crop-logo{width:280px;height:210px;border-radius:12px;box-shadow:0 0 0 2px #C8102E;background:#fff}