مولد CSS لخلفيات النوافذ المنبثقة (Modal)

.modal-backdrop {
  display: grid;
  place-items: center;
  min-height: 160px;
  border-radius: 12px;
  background: color-mix(in srgb, #334155 72%, transparent);
  backdrop-filter: blur(6px);
}

.modal-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #0f172a 35%, transparent);
  background: rgba(255,255,255,0.92);
  color: #111827;
  padding: 24px;
  width: min(100%, 320px);
}