/* Movexa extras: centre playhead, speed ramp, sticker additions, settings */
.timeline-section{position:relative}
#centreLine{position:absolute;width:0;z-index:30;pointer-events:none}
#centreLine[hidden]{display:none}
#centreLine:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--acid);box-shadow:0 0 0 1px #0007}
#centreLine i{position:absolute;left:-5px;top:-1px;width:10px;height:10px;background:var(--acid);transform:rotate(45deg);border-radius:2px}
#centreLine span{position:absolute;top:12px;left:6px;color:var(--acid);font:600 10px ui-monospace,monospace;background:#0009;padding:1px 4px;border-radius:4px;white-space:nowrap}
body.centre-head #timelineContent{margin-left:var(--cm,0px)}
body.centre-head #timelineContent:after{content:"";position:absolute;left:100%;top:0;width:var(--cw,0px);height:1px}
body.centre-head .playhead{display:none}
#centreBtn.active{color:var(--acid);border-color:var(--acid)}
#rampBtn{white-space:nowrap}
#rpCurve{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin:2px 0 12px;display:block}
.ex-sliders{margin-bottom:10px}.ex-sliders .cx-sl{grid-template-columns:70px 1fr 44px}.ex-sliders b{font-size:12px;color:var(--text);text-align:right}
.st-grid .ex-add{grid-column:1/-1;aspect-ratio:auto;padding:10px;font-size:13px;color:var(--acid);border:1px dashed var(--acid);border-radius:10px;background:transparent}
.st-grid button img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}
.st-grid .ex-snd{display:flex;flex-direction:column;align-items:center;gap:2px;aspect-ratio:auto;padding:8px 4px}.st-grid .ex-snd span{font-size:24px}.st-grid .ex-snd small{font-size:10px;color:var(--muted)}
@media(max-width:760px){#settingsBtn span{display:none}#settingsBtn{width:32px;padding:0;justify-content:center}}
.ac-prog{margin:4px 0 8px}.ac-track{height:6px;background:#242421;border-radius:4px;overflow:hidden}#acBar{height:100%;width:0;background:var(--acid);transition:width .25s}#acBar.ind{background:linear-gradient(90deg,#2b2f12,var(--acid),#2b2f12);background-size:200% 100%;animation:acind 1.2s linear infinite}@keyframes acind{to{background-position:-200% 0}}
html.rtl-ui .modal-backdrop section,html.rtl-ui #mPanel,html.rtl-ui .pro-modal{direction:rtl}
html.rtl-ui #timelineScroll,html.rtl-ui .timeline-section,html.rtl-ui #previewWrap{direction:ltr}