/* Shared small-screen ergonomics, loaded after the feature styles. */
.toast { pointer-events: none; }
@media (max-width: 740px) {
  body:has(.render-dock) .toast { bottom: 130px; }
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea, select { font-size: 16px; }
  .modal { max-height: 92dvh; overscroll-behavior: contain; }
  .modal-close { min-width: 44px; min-height: 44px; top: 6px; right: 6px; display: grid; place-items: center; }
  .modal h2 { padding-right: 24px; }
  .collection-controls .icon-btn,
  .collection-sound, .collection-delete { width: 44px; height: 44px; }
  .collection-controls { bottom: 80px; }
  .creation-detail-info .creation-feedback .icon-btn { min-width: 44px; min-height: 44px; }
  .collection-caption button { min-height: 36px; }
  .short-video-shell.feed-expanded { min-height: 0; }
  .drama-topbar { inset: 10px 10px auto; }
}
@media (max-width: 360px) {
  .topbar .demo-tag { display: none; }
  .topbar .top-actions { gap: 7px; }
}
@media (max-width: 740px) and (max-height: 500px) {
  .feed-expanded .feed-tools { bottom: 90px; gap: 12px; }
  .feed-expanded .feed-swipe { display: none; }
}
@media (max-width: 540px) {
  .stats-grid { grid-template-columns: minmax(0, 1fr); }
  .stats-grid .stat { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .stats-grid .stat span { max-width: 60%; }
  .stats-grid .stat strong { margin-top: 0; white-space: nowrap; flex-shrink: 0; font-size: 25px; }
  .page-container .panel > .row.between { flex-wrap: wrap; }
}