.video-duration-field{--video-duration-accent:var(--strong,#2563eb);display:grid;grid-template-rows:16px 30px;align-items:center;flex:0 1 258px;width:min(100%,258px);min-width:210px;max-width:100%;color:var(--text,#111827)}
.video-duration-label{display:block;overflow:hidden;color:var(--muted,#6b7280);font-size:12px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap}
.video-duration-row{display:grid;grid-template-columns:minmax(108px,1fr) 54px 10px;align-items:center;gap:8px;min-width:0;height:30px}
.video-duration-slider-shell{position:relative;display:block;min-width:0;height:30px}
.video-duration-track{position:absolute;left:0;right:0;top:50%;height:5px;overflow:hidden;border-radius:3px;background:var(--line,#d1d5db);transform:translateY(-50%);pointer-events:none}
.video-duration-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--video-duration-accent);transition:width .12s ease-out}
.video-duration-slider{position:absolute!important;inset:0!important;width:100%!important;min-width:0!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;opacity:1;-webkit-appearance:none;appearance:none;touch-action:none}
.video-duration-slider::-webkit-slider-runnable-track{height:5px;background:transparent}
.video-duration-slider::-moz-range-track{height:5px;background:transparent}
.video-duration-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6.5px;border:2px solid var(--video-duration-accent);border-radius:50%;background:var(--card,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);-webkit-appearance:none;appearance:none;transition:transform .12s ease-out,box-shadow .12s ease-out}
.video-duration-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--video-duration-accent);border-radius:50%;background:var(--card,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .12s ease-out,box-shadow .12s ease-out}
.video-duration-slider:hover::-webkit-slider-thumb,.video-duration-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 4px color-mix(in srgb,var(--video-duration-accent) 14%,transparent),0 1px 4px rgba(15,23,42,.18)}
.video-duration-slider:hover::-moz-range-thumb,.video-duration-slider:focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 4px color-mix(in srgb,var(--video-duration-accent) 14%,transparent),0 1px 4px rgba(15,23,42,.18)}
.video-duration-slider:focus-visible{outline:none!important}
.video-duration-value{display:grid;place-items:center;width:54px;height:28px;border:1px solid var(--line,#d1d5db);border-radius:7px;background:var(--card,#fff);color:var(--text,#111827);font-size:13px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.video-duration-unit{color:var(--muted,#6b7280);font-size:12px;font-weight:600;line-height:1}
.video-duration-field.is-disabled{opacity:.62}
.video-duration-field.is-disabled .video-duration-slider{cursor:not-allowed}
.theme-dark .video-duration-slider::-webkit-slider-thumb{box-shadow:0 1px 5px rgba(0,0,0,.42)}
.theme-dark .video-duration-slider::-moz-range-thumb{box-shadow:0 1px 5px rgba(0,0,0,.42)}
@media (max-width:640px){.video-duration-field{flex-basis:230px;min-width:190px;width:min(100%,230px)}.video-duration-row{grid-template-columns:minmax(92px,1fr) 50px 10px;gap:6px}.video-duration-value{width:50px}}
@media (prefers-reduced-motion:reduce){.video-duration-fill,.video-duration-slider::-webkit-slider-thumb,.video-duration-slider::-moz-range-thumb{transition:none}}