/* Small, useful controls for the authored motion — never over the artwork. */
[data-motion-demo]:not(.huashu-ready) :is(.motion-controls,.feature-motion-playback,.sales-clip-controls){display:none}
.huashu-ready .sales-clip-controls,.huashu-ready .feature-motion-playback{display:flex}
/* GSAP owns every moving frame; legacy CSS transitions must not trail a pause. */
.huashu-ready :is(.booking-theatre,.feature-motion-panel,.mims-window,.claim-window,.extraction-scene) *{transition:none!important;animation:none!important}
.huashu-ready :is(.motion-track,.feature-motion-progress,.sales-clip-track){display:none}
.huashu-ready :is([data-motion-toggle],[data-motion-replay]){min-width:44px;min-height:44px;font-size:12px;line-height:1.4}
.huashu-ready :is([data-motion-toggle],[data-motion-replay]):disabled{cursor:default;color:var(--soft,#64748b);opacity:.75}
.huashu-ready .feature-motion-footer{flex-wrap:wrap;column-gap:24px;row-gap:0}
.huashu-ready .feature-motion-playback{flex:1 1 70%;justify-content:space-between;gap:12px}
.huashu-ready .feature-motion-playback>[data-motion-label]{max-width:38ch;font-size:12px;line-height:1.6}
.huashu-ready .sales-clip-controls>p{font-size:12px;line-height:1.6}
.huashu-navigation{display:flex;align-items:center;gap:16px;min-height:44px;max-width:100%;color:var(--blue,#2655db)}
.feature-motion-footer>.huashu-navigation{flex-basis:100%;order:3}
.huashu-navigation .huashu-seek{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:60px;max-width:300px;height:44px;padding:0;margin:0;background:transparent;cursor:pointer;accent-color:var(--blue,#2655db);border:0;border-radius:0}
.huashu-seek::-webkit-slider-runnable-track{height:3px;background:#dce4ef;border-radius:2px}
.huashu-seek::-moz-range-track{height:3px;background:#dce4ef;border-radius:2px}
.huashu-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--blue,#2655db);border:2px solid #fff;box-shadow:0 0 0 1px #cdd9ed}
.huashu-seek::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--blue,#2655db);border:2px solid #fff;box-shadow:0 0 0 1px #cdd9ed}
.huashu-navigation .huashu-seek:disabled{cursor:default;opacity:.5}
.huashu-steps{display:flex;align-items:center;flex-shrink:0;gap:0}
.huashu-steps button{display:grid;place-items:center;position:relative;width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:#64748b;font-size:10px;font-weight:650;cursor:pointer}
.huashu-steps button::before{content:'';position:absolute;width:24px;height:24px;background:transparent;border-radius:50%;z-index:-1}
.huashu-steps button{isolation:isolate}
.huashu-steps button[aria-pressed="true"]{color:var(--blue,#2655db)}
.huashu-steps button[aria-pressed="true"]::before{background:#edf2ff}
.huashu-steps button:disabled{opacity:.55;cursor:default}
.huashu-ready :is(button,input):focus-visible{outline:2px solid var(--blue,#2655db);outline-offset:3px}
@media (hover:hover){.huashu-steps button:not(:disabled):hover::before{background:#f1f5fc}}
@media (max-width:650px){
 .huashu-navigation{gap:10px;width:100%}
 .huashu-navigation .huashu-seek{max-width:none;flex:1}
 .huashu-steps button{width:44px;min-width:44px}
 .huashu-ready .feature-motion-playback{flex-basis:100%;flex-wrap:wrap;gap:0 12px}
 .huashu-ready .feature-motion-playback>[data-motion-label]{min-width:160px;max-width:none;flex:1;font-size:12px}
 .huashu-ready .feature-motion-controls{gap:16px;margin-left:auto}
 .huashu-ready .sales-clip-controls{gap:8px}
 .huashu-ready .sales-clip-controls>p{font-size:12px}
 .huashu-ready .sales-clip-controls button{font-size:12px}
}
@media(max-width:360px){
 .huashu-navigation{flex-wrap:wrap;gap:0;min-width:0}
 .huashu-navigation .huashu-seek{flex:1 1 100%;max-width:none}
 .huashu-steps{margin-left:auto}
 #book.huashu-ready .booking-motion-copy{min-width:0}
}