/* An editorial presentation player: section choice above, transport below. */
.tour-controls{width:540px;min-width:0;max-width:calc(100vw - 32px);padding:10px 12px 14px;border-radius:18px;border-color:#b4d0ae3b;background:linear-gradient(145deg,#213b40f5,#142a30f5);box-shadow:0 14px 42px #0004,inset 0 1px #fff06;backdrop-filter:blur(24px)}
.tour-caption{height:34px;padding:0 4px 6px;gap:8px;letter-spacing:.25px;font-size:9px;color:#b7c8c7}
.phase-dot{width:5px;height:5px;flex:none;box-shadow:0 0 0 3px #b4d0ae0c}
.tour-caption .phase-label{white-space:nowrap;min-width:76px}
.scene-count{font:10px Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px;white-space:nowrap;color:#c4ddc1;margin-left:4px}
.tour-caption .scene-select{margin-left:auto;flex:1;min-width:0;max-width:none;min-height:30px;padding:4px 25px 4px 10px;font-size:10px;font-weight:500;border-radius:7px;border-color:transparent;background-color:#ffffff06;color:var(--paper,#f4f1e8);text-overflow:ellipsis}
.tour-caption .scene-select:hover{background-color:#ffffff0c;border-color:#b4d0ae30}
.tour-buttons{gap:6px;justify-content:flex-start}
.tour-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:10px;border:1px solid transparent;color:#d5e2dc;background:#ffffff04;font-size:12px;transition:background-color .18s,color .18s,border-color .18s}
.tour-buttons button:hover{background:#b4d0ae15;border-color:#b4d0ae30;color:#fff}
.tour-buttons button:active{background:#b4d0ae28}
.tour-buttons .pause{width:auto;min-width:128px;background:#b4d0ae;color:#14272d;border-color:#b4d0ae;font-size:11px;font-weight:650;letter-spacing:.15px}
.tour-buttons .pause:hover{background:#cee3c9;color:#102126;border-color:#cee3c9}
.tour-buttons .pause svg{width:17px;height:17px}
.tour-buttons .tour-speed{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}
.tour-buttons .motion-toggle svg{width:19px;height:19px}
.tour-buttons .motion-toggle[aria-pressed=true]{background:#b4d0ae1a;border-color:#b4d0ae50;color:#c6dfbf}
.tour-buttons button:disabled{opacity:.45;cursor:default}
.tour-controls button:focus-visible,.tour-controls select:focus-visible{outline:2px solid #d9ebd3;outline-offset:3px}
.tour-controls .control-divider{display:none}
.tour-progress{left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:#b4d0ae14}
.tour-progress>span{background:#b4d0ae;border-radius:2px}
.tour-controls[data-phase=erase] .phase-dot,.tour-controls[data-phase=erase] .tour-progress>span{background:#e6be83}
@media(max-width:700px){
  .tour-controls{width:calc(100vw - 28px);max-width:520px;padding:8px 10px 13px;border-radius:16px;bottom:max(12px,env(safe-area-inset-bottom))}
  .tour-caption{padding:0 2px 5px;height:32px;gap:7px;font-size:8px}
  .tour-caption .phase-label{min-width:62px}
  .tour-caption .scene-select{font-size:10px;padding-left:8px}
  .tour-buttons{gap:5px}
  .tour-buttons .pause{min-width:116px}
  .scene-count{font-size:9px}
}
@media(max-width:400px){
  .tour-controls{width:calc(100vw - 24px);padding-left:8px;padding-right:8px}
  .tour-caption .phase-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;min-width:0}
  .tour-caption .scene-select{margin-left:0}
  .tour-buttons{gap:4px}
  .tour-buttons .pause{flex:1;min-width:72px;gap:5px;font-size:10px}
  .tour-buttons .tour-speed{margin-left:0}
}
@media(max-height:500px) and (min-width:701px){
  .tour-controls{bottom:10px;width:540px;padding-top:5px;padding-bottom:10px}
  .tour-caption{height:28px;padding-bottom:3px}
  .tour-stage{bottom:110px}
  .tour-progress{bottom:4px}
}
@media(prefers-reduced-motion:reduce){.tour-buttons button{transition:none}}