.block__image_upload { position:fixed; inset:0; z-index:10080; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(8,13,23,.76); }
.b_image_upload--dialog { width:min(760px,100%); max-height:calc(100vh - 40px); overflow:auto; border:1px solid var(--border-color); border-radius:16px; background:var(--bg-primary); box-shadow:0 24px 80px rgba(0,0,0,.35); }
.b_image_upload--head,.b_image_upload--actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; }
.b_image_upload--head { border-bottom:1px solid var(--border-color); }
.b_image_upload--actions { justify-content:flex-end; border-top:1px solid var(--border-color); }
.b_image_upload--title { margin:0; font-size:18px; }
.b_image_upload--close,.b_image_upload--tools button,.b_image_upload--ratio,.b_image_upload--actions button { min-height:38px; border:1px solid var(--border-color); border-radius:9px; padding:8px 12px; background:var(--bg-secondary); color:var(--text-primary); }
.b_image_upload--close { width:38px; padding:0; }
.b_image_upload--body { display:grid; gap:14px; padding:18px; }
.b_image_upload--stage { min-height:420px; max-height:62vh; overflow:hidden; border-radius:12px; background:#111827; }
.b_image_upload--img { display:block; max-width:100%; }
.b_image_upload--tools,.b_image_upload--ratios { display:flex; flex-wrap:wrap; gap:8px; }
.b_image_upload--ratio.__active { border-color:var(--accent); color:var(--accent); }
.b_image_upload--progress { width:100%; height:8px; accent-color:var(--accent); }
.b_image_upload--message { min-height:20px; color:var(--danger,#dc3545); }
@media (max-width:640px) { .block__image_upload { padding:0; } .b_image_upload--dialog { min-height:100vh; border-radius:0; } .b_image_upload--stage { min-height:320px; } }