.img-modal{position:fixed;inset:0;z-index:2000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.img-modal__backdrop{position:absolute;inset:0;border:none;background:transparent;cursor:default}.img-modal__panel{position:relative;z-index:1;width:min(680px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-elevated, #0b1626);border:1px solid var(--border-hover, rgba(56, 189, 248, .3));border-radius:16px;box-shadow:0 30px 80px #00000080}.img-modal__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08));color:var(--text, #e6f0fb);font-size:15px}.img-modal__x{background:none;border:none;color:var(--text-muted, #9fc7e8);cursor:pointer;font-size:16px}.img-modal__actions{display:flex;gap:10px;flex-wrap:wrap;padding:12px 18px}.img-modal__upload,.img-modal__clear{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.img-modal__upload{background:var(--blue-dim, rgba(14, 165, 233, .15));color:var(--blue-light, #7dd3fc);border:1px solid rgba(14,165,233,.35)}.img-modal__upload:hover{background:var(--blue, #0ea5e9);color:#fff}.img-modal__clear{background:none;border:1px solid rgba(239,68,68,.5);color:#fecaca}.img-modal__clear:hover{background:#ef4444d9;color:#fff}.img-modal__msg{margin:0;padding:0 18px;color:var(--text-subtle, #90b4d0);font-size:13px}.img-modal__msg--err{color:#fca5a5}.img-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:14px 18px 20px;overflow-y:auto}.img-modal__item{aspect-ratio:1;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:#ffffff0a}.img-modal__item img{width:100%;height:100%;object-fit:contain}.img-modal__item:hover{border-color:#38bdf899}.img-modal__item--sel{border-color:var(--orange, #f97316)}