.podly-duration-native,.podly-duration-native-options{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.podly-duration-slider{--duration-accent:#9b7be7;--duration-accent-2:#6e55aa;--duration-track:#343640;--duration-progress:0%;box-sizing:border-box;display:block;width:100%;min-height:122px;margin-top:8px;padding:14px 15px 12px;border:1px solid #343845;border-radius:14px;background:linear-gradient(145deg,#191b22,#15171d);box-shadow:inset 0 1px #ffffff08;color:#edf1f6;direction:rtl}
.podly-duration-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin-bottom:7px}.podly-duration-summary>span{color:#8f99a7;font-size:9px}.podly-duration-summary strong{grid-column:2;grid-row:1/3;color:#f1edff;font-size:12px}.podly-duration-summary small{grid-column:1;color:#a6afbb;font-size:9px;line-height:1.7}
.podly-duration-track{position:relative;height:38px;display:flex;align-items:center}.podly-duration-track:before{content:"";position:absolute;inset-inline:10px;height:7px;border-radius:999px;background:linear-gradient(270deg,var(--duration-accent-2) 0,var(--duration-accent) var(--duration-progress),var(--duration-track) var(--duration-progress),var(--duration-track) 100%);box-shadow:inset 0 1px 2px #0008}
.podly-duration-track input[type=range]{position:relative;z-index:3;box-sizing:border-box!important;width:100%!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:0;cursor:grab;touch-action:pan-y;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.podly-duration-track input:active{cursor:grabbing}.podly-duration-track input:focus-visible{outline:0}
/* Keep the native thumb aligned with the RTL dots despite editor-wide LTR range styles. */
.podly-duration-track input[type=range]{direction:rtl!important}
.podly-duration-dots{position:absolute;z-index:2;inset-inline:10px;display:flex;justify-content:space-between;align-items:center;direction:rtl;pointer-events:none}.podly-duration-dots i{width:6px;height:6px;border:2px solid #59616d;border-radius:50%;background:#252b33;transition:.18s}.podly-duration-dots i.active{border-color:#9d83ed;background:#9d83ed}.podly-duration-dots i.selected{width:19px;height:19px;border:4px solid #f4f1ff;background:#8a6de2;box-shadow:0 3px 12px #0008,0 0 0 4px #8a6de229}.podly-duration-dots i.disabled{border-color:#4a3138;background:#2a2024}.podly-duration-dots i.disabled.selected{border-color:#f6e9ed;background:#8b4055}
.podly-duration-track input:focus-visible+.podly-duration-dots i.selected{box-shadow:0 0 0 3px #15191f,0 0 0 6px #9d83ed,0 5px 14px #0009}.podly-duration-ends{display:flex;justify-content:space-between;color:#737d8a;font-size:8px;direction:rtl}.podly-duration-ends span{direction:rtl}.podly-duration-slider.is-invalid{border-color:#8f4559}.podly-duration-slider.is-disabled{opacity:.55}.podly-duration-slider.is-rejected{animation:durationReject .24s ease}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-slider{--duration-accent:#90979f;--duration-accent-2:#676d74;--duration-track:#3a3a3a;border-color:#454545;background:linear-gradient(145deg,#242424,#1f1f1f);box-shadow:inset 0 1px #ffffff0a;color:#f4f4f4}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-summary strong{color:#f4f4f4}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-summary :is(span,small),html[data-podly-theme=dark] body.dashboard-page .podly-duration-ends{color:#9aa0a6}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-dots i{border-color:#666;background:#303030}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-dots i.active{border-color:#92989f;background:#92989f}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-dots i.selected{border-color:#f3f3f3;background:#747b82;box-shadow:0 3px 12px #0008,0 0 0 4px #8b929922}
html[data-podly-theme=dark] body.dashboard-page .podly-duration-track input:focus-visible+.podly-duration-dots i.selected{box-shadow:0 0 0 3px #1f1f1f,0 0 0 6px #a4a9ae,0 5px 14px #0009}
body.manual-editor-page .manual-dialog .podly-duration-slider{--duration-accent:var(--accent);--duration-accent-2:#4e7889;--duration-track:#34383c;min-height:122px;margin-top:0;border-color:var(--line);background:var(--canvas);box-shadow:inset 0 1px #ffffff08;color:var(--text)}
body.manual-editor-page .manual-dialog .podly-duration-summary strong{color:var(--text)}
body.manual-editor-page .manual-dialog .podly-duration-summary :is(span,small),body.manual-editor-page .manual-dialog .podly-duration-ends{color:var(--muted)}
body.manual-editor-page .manual-dialog .podly-duration-dots i.active{border-color:var(--accent);background:var(--accent)}
body.manual-editor-page .manual-dialog .podly-duration-dots i.selected{border-color:#f3fbff;background:var(--accent);box-shadow:0 3px 12px #0008,0 0 0 4px #69a8bf24}
body.manual-editor-page .manual-voice-advanced-content>label:has(.podly-duration-slider),body.manual-editor-page #characterDialog .dialog-grid>label:has(.podly-duration-slider){min-width:0;align-content:start}
body.manual-editor-page .manual-voice-advanced-content>label:has(.podly-duration-slider) .podly-duration-slider,body.manual-editor-page #characterDialog .dialog-grid>label:has(.podly-duration-slider) .podly-duration-slider{height:100%}
body.manual-editor-page #clipDialog .dialog-grid{grid-template-columns:minmax(0,1fr)}
body.manual-editor-page #clipDialog :is(.manual-voice-field,.manual-voice-advanced,.manual-voice-advanced-content){box-sizing:border-box;display:block;width:100%;min-width:0}
body.manual-editor-page #clipDialog .manual-voice-advanced-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body.manual-editor-page #clipDialog .manual-voice-advanced-content>label{grid-column:1/-1;box-sizing:border-box;width:100%;min-width:0}
body.manual-editor-page #clipDialog .manual-voice-advanced-content>label:has(.podly-duration-slider){grid-column:1/-1;width:100%}
body.manual-editor-page #clipDialog .podly-duration-slider{min-height:136px;padding:15px 18px 13px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--canvas) 92%,var(--accent) 8%),var(--canvas));box-shadow:inset 0 1px #ffffff09,0 8px 24px #00000018}
body.manual-editor-page #clipDialog .podly-duration-summary{grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;margin-bottom:9px}
body.manual-editor-page #clipDialog .podly-duration-summary>span{font-size:10px}
body.manual-editor-page #clipDialog .podly-duration-summary small{font-size:9px;line-height:1.65}
body.manual-editor-page #clipDialog .podly-duration-summary strong{min-width:58px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:11px;text-align:center}
body.manual-editor-page #clipDialog .podly-duration-track{height:46px}
body.manual-editor-page #clipDialog .podly-duration-track:before{inset-inline:4px;height:8px;border:1px solid #ffffff0b;box-shadow:inset 0 2px 3px #0009,0 1px #ffffff08}
body.manual-editor-page #clipDialog .podly-duration-track input[type=range]{height:46px!important}
body.manual-editor-page #clipDialog .podly-duration-dots{inset-inline:4px}
body.manual-editor-page #clipDialog .podly-duration-dots i{width:7px;height:7px;border-width:2px;background:var(--surface);box-sizing:border-box}
body.manual-editor-page #clipDialog .podly-duration-dots i.active{transform:scale(1.08);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
body.manual-editor-page #clipDialog .podly-duration-dots i.selected{width:22px;height:22px;border-width:4px;transform:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),0 6px 16px #000a}
body.manual-editor-page #clipDialog .podly-duration-ends{margin-top:2px;padding-inline:1px;color:var(--muted);font-size:9px;font-weight:600}
body.manual-editor-page .manual-voice-list{max-height:min(220px,28dvh)}
@keyframes durationReject{35%{transform:translateX(4px)}70%{transform:translateX(-4px)}}
html[data-podly-theme=light] .podly-duration-slider{--duration-track:#d8dee4;border-color:#d1d8df;background:linear-gradient(145deg,#fff,#f5f7f8);box-shadow:inset 0 1px #fff,0 9px 24px #2638490c;color:#25313a}html[data-podly-theme=light] .podly-duration-summary strong{color:#4c347f}html[data-podly-theme=light] .podly-duration-summary :is(span,small),html[data-podly-theme=light] .podly-duration-ends{color:#687680}html[data-podly-theme=light] .podly-duration-dots i{border-color:#aab4bd;background:#e9edf0}
@media(max-width:680px){.podly-duration-slider{margin-top:7px;padding:12px;border-radius:13px}.podly-duration-track{height:46px}.podly-duration-track input[type=range]{height:46px!important}.podly-duration-summary strong{font-size:13px}.podly-duration-summary small{font-size:9px}.podly-duration-ends{font-size:8px}}
@media(max-width:760px){body.manual-editor-page .manual-voice-advanced-content,body.manual-editor-page #characterDialog .dialog-grid{grid-template-columns:minmax(0,1fr)!important}body.manual-editor-page .manual-dialog .podly-duration-slider{margin-top:0;min-height:124px}body.manual-editor-page #clipDialog .manual-voice-advanced-content{padding:0 10px 12px}body.manual-editor-page #clipDialog .podly-duration-slider{min-height:132px;padding:14px 15px 12px}body.manual-editor-page .manual-voice-list{max-height:min(180px,24dvh)}}
@media(prefers-reduced-motion:reduce){.podly-duration-dots i,.podly-duration-slider{transition:none}.podly-duration-slider.is-rejected{animation:none}}