/* Clear category selection and adjustable, persistent scene timing. */
.r52-applications .r41-exhibit-toolbar { flex-wrap: wrap; gap: 18px; }
.r52-applications .r41-scene-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; flex: 1 1 400px; max-width: 470px; padding: 0; border: 0; background: none; overflow: visible; }
.r52-applications .r41-scene-tabs button { min-width: 0; min-height: 58px; padding: 12px 20px; gap: 10px; border: 1px solid #bcb1ec; border-radius: 14px; background: #fff; color: #362b76; font-size: 16px; font-weight: 700; line-height: 1.3; box-shadow: 0 3px 12px #40308708; }
.r52-applications .r41-scene-tabs button span { min-width: 0; }
.r52-applications .r41-scene-tabs [aria-selected="true"] { background: #5741e7; border-color: #5741e7; color: #fff; box-shadow: 0 6px 18px #5741e72a; }
.r52-applications .r41-scene-tabs button:hover { border-color: #6951e4; box-shadow: 0 5px 18px #5741e71f; }
.r52-applications .r52-category-icon { width: 24px; height: 24px; flex: 0 0 24px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.r52-applications .r41-playback-controls { gap: 8px; flex-wrap: wrap; margin-left: auto; }
.r52-applications .r41-playback-controls button { min-height: 40px; }
.r52-applications .r41-playback-controls [data-r41-pause] { font-size: 12px; }
.r52-applications .r41-playback-state { white-space: nowrap; }
@media (max-width: 800px) {
  .r52-applications .r41-scene-tabs { flex-basis: 100%; max-width: none; width: 100%; }
  .r52-applications .r41-scene-tabs button { font-size: 15px; }
  .r52-applications .r41-playback-controls { width: 100%; justify-content: flex-end; }
}
@media (max-width: 480px) {
  .r52-applications .r41-exhibit-toolbar { gap: 12px; }
  .r52-applications .r41-scene-tabs { gap: 8px; }
  .r52-applications .r41-scene-tabs button { min-height: 54px; padding: 10px 8px; gap: 6px; font-size: 14px; white-space: normal; }
  .r52-applications .r52-category-icon { width: 20px; height: 20px; flex-basis: 20px; }
  .r52-applications .r41-playback-controls { gap: 6px; }
  .r52-applications .r41-playback-controls button { min-width: 32px; min-height: 36px; padding: 5px 8px; }
  .r52-applications .r41-playback-controls [data-r41-pause] { min-width: 75px; font-size: 10px; }
}
@media (max-width: 370px) {
  .r52-applications .r41-playback-controls { display: grid; grid-template-columns: 38px minmax(0, 1fr) 38px; }
}
/* Direct, single-tap speed selection. */
.r52-applications .r60-speed-control { display:flex; align-items:center; gap:9px; margin-right:6px; color:#51457e; font-size:12px; font-weight:600; }
.r52-applications .r60-speed-control > span { white-space:nowrap; }
.r52-applications .r60-speed-options { display:flex; gap:3px; padding:3px; border:1px solid #d9d4f3; border-radius:13px; background:#ffffffb8; }
.r52-applications .r60-speed-options button { min-width:44px; min-height:44px; padding:7px 12px; border:0; border-radius:9px; background:transparent; color:#51457e; font:inherit; cursor:pointer; }
.r52-applications .r60-speed-options button[aria-pressed="true"], .r52-applications .r60-speed-options button[aria-pressed="true"]:hover { background:#5741e7; color:#fff; box-shadow:0 2px 7px #5741e730; }
.r52-applications .r60-speed-options button:focus-visible { outline:2px solid #16aac7; outline-offset:2px; }
@media (max-width:800px) { .r52-applications .r60-speed-control { margin-right:auto; } }
@media (max-width:480px) {
  .r52-applications .r41-playback-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; }
  .r52-applications .r60-speed-control { grid-column:1 / -1; width:100%; margin:0; gap:12px; }
  .r52-applications .r60-speed-options { flex:1; }
  .r52-applications .r60-speed-options button { flex:1; min-width:44px; min-height:44px; font-size:12px; }
  .r52-applications .r41-playback-controls > button { min-height:44px; }
  .r52-applications .r41-playback-controls [data-r41-pause] { font-size:12px; }
}