.panel.report { width: min(720px, 100%); display: flex; flex-direction: column; gap: 10px; }
.panel.report .hint { margin: 0; }
.rp-top { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.rp-img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); transition: opacity 0.2s, filter 0.2s;
}
.rp-img.off { opacity: 0.25; filter: grayscale(1); }
.rp-side { display: flex; flex-direction: column; gap: 10px; }
.rp-side .switch span { font-size: 13px; }
.rp-title { width: 100%; }
.rp-desc { width: 100%; min-height: 120px; resize: vertical; font: 700 14px/1.5 var(--ui); }
.panel.report .panel-foot { margin-top: 2px; }
#rp-send { min-width: 120px; }
@media (max-width: 640px) {
  .rp-top { grid-template-columns: 1fr; }
}
@media (max-height: 520px) {
  .rp-img { aspect-ratio: 21 / 9; }
  .rp-desc { min-height: 70px; }
}