@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
.balveer-original-timeline {      --ink: #262626;
      --muted: #77716a;
      --soft: #9b948c;
      --line: rgba(38, 38, 38, 0.1);
      --line-strong: rgba(38, 38, 38, 0.16);
      --page: #fbf7ef;
      --panel: rgba(255, 253, 248, 0.82);
      --panel-strong: #fffdf8;
      --content-matte: rgba(255, 255, 255, 0.2);
      --coral: #e85258;
      --coral-dark: #e85258;
      --charcoal: #292929;
      --gold: #b99155;
      --mint: #579f82;
      --shadow: 0 18px 42px rgba(38, 38, 38, 0.07);
      --shadow-soft: 0 10px 24px rgba(38, 38, 38, 0.05);
      font-family: "Quicksand", ui-rounded, "Avenir Next", "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
.balveer-original-timeline button, .balveer-original-timeline input, .balveer-original-timeline textarea { font: inherit; }.balveer-original-timeline button {
      border: 0;
      border-radius: 8px;
      padding: 10px 15px;
      font-weight: 700;
      cursor: pointer;
      color: white;
      background: var(--coral);
      box-shadow: 0 9px 18px rgba(232,82,88, 0.16);
      transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    }.balveer-original-timeline button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 12px 22px rgba(232,82,88, 0.2); }
.balveer-original-timeline .rail {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding-bottom: 8px;
      scrollbar-width: thin;
    }.balveer-original-timeline .seg {
      min-width: 150px;
      min-height: 112px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255, 253, 248, 0.82);
      display: grid;
      grid-template-rows: auto auto auto;
      gap: 6px;
      padding: 8px;
      cursor: pointer;
      position: relative;
    }.balveer-original-timeline .seg.batch-selected {
      border-color: rgba(232,82,88, 0.74);
      box-shadow: 0 0 0 2px rgba(232,82,88, 0.16);
    }.balveer-original-timeline .batch-check {
      position: absolute;
      right: 7px;
      top: 7px;
      width: 24px;
      height: 24px;
      min-height: 24px;
      padding: 0;
      border-radius: 50%;
      border: 1px solid rgba(232,82,88, 0.58);
      background: rgba(255, 253, 248, 0.92);
      color: var(--coral-dark);
      box-shadow: none;
      display: grid;
      place-items: center;
      font-size: 0.82rem;
      line-height: 1;
    }.balveer-original-timeline .seg.batch-selected .batch-check {
      background: var(--coral);
      color: #fffdf8;
    }.balveer-original-timeline .final-scene-lock-mark {
      position: absolute;
      right: 7px;
      top: 34px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: 1px solid rgba(23, 107, 73, 0.28);
      background: rgba(222, 247, 234, 0.96);
      color: #176b49;
      display: grid;
      place-items: center;
      box-shadow: 0 4px 12px rgba(23, 107, 73, 0.14);
      pointer-events: none;
    }.balveer-original-timeline .final-scene-lock-mark svg {
      width: 13px;
      height: 13px;
      stroke: currentColor;
      stroke-width: 2.4;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }.balveer-original-timeline .seg.active { outline: 2px solid rgba(232,82,88, 0.32); background: var(--panel-strong); }.balveer-original-timeline .seg.locked { opacity: 0.45; cursor: not-allowed; }.balveer-original-timeline .seg strong { font-size: 0.86rem; font-weight: 700; }.balveer-original-timeline .segment-number-markup {
      display: inline-flex;
      align-items: baseline;
      gap: 0;
      font-variant-numeric: tabular-nums;
    }.balveer-original-timeline .segment-number-markup .digit-zero {
      color: var(--ink);
      font-weight: 500;
    }.balveer-original-timeline .segment-number-markup .digit-nonzero {
      color: var(--coral-dark);
      font-weight: 950;
    }.balveer-original-timeline .seg span { font-size: 0.7rem; color: var(--muted); }.balveer-original-timeline .seg-state { height: 5px; border-radius: 999px; background: #d8dee8; }.balveer-original-timeline .seg-state.ready { background: var(--coral); }.balveer-original-timeline .seg-state.locked { background: var(--gold); }.balveer-original-timeline .seg-state.done { background: var(--mint); }.balveer-original-timeline .seg-state.busy { background: var(--coral); animation: pulse 1.1s ease-in-out infinite; }.balveer-original-timeline .seg-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 4px;
    }.balveer-original-timeline .seg-actions button {
      min-width: 0;
      width: 32px;
      height: 30px;
      padding: 0;
      border-radius: 6px;
      box-shadow: none;
      display: grid;
      place-items: center;
      justify-self: center;
      position: relative;
    }.balveer-original-timeline .seg-actions button[data-tooltip]::after {
      content: attr(data-tooltip);
      position: absolute;
      left: 50%;
      bottom: calc(100% + 6px);
      transform: translateX(-50%) translateY(3px);
      z-index: 12;
      opacity: 0;
      pointer-events: none;
      padding: 5px 8px;
      border-radius: 999px;
      border: 1px solid rgba(232,82,88, 0.72);
      background: rgba(16, 18, 24, 0.92);
      color: #fffdf8;
      font-size: 0.66rem;
      font-weight: 900;
      line-height: 1;
      white-space: nowrap;
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
      transition: opacity 0.14s ease, transform 0.14s ease;
    }.balveer-original-timeline .seg-actions button[data-tooltip]:hover::after, .balveer-original-timeline .seg-actions button[data-tooltip]:focus-visible::after {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }.balveer-original-timeline .seg-actions svg {
      width: 15px;
      height: 15px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
@keyframes pulse { 50% { opacity: 0.45; } }

.balveer-original-timeline button.secondary{background:var(--charcoal)}.balveer-original-timeline button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.3);box-shadow:none}.balveer-original-timeline .seg{flex-shrink:0}.balveer-original-timeline .rail{width:100%}

.balveer-original-timeline .seg{min-width:118px;min-height:88px;padding:6px;gap:4px}.balveer-original-timeline .rail{gap:6px}.bv-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.bv-timeline-header strong{color:#e85258}.bv-watch{font-size:11px;color:#e85258;border:1px solid #e8525880;border-radius:99px;padding:6px 10px;margin-left:10px;text-decoration:none}.bv-metrics{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bv-metrics span,.bv-metrics button{padding:7px 9px!important;border:1px solid #2626261a!important;background:#fffdf8!important;color:#262626!important;border-radius:8px;font-size:12px!important;box-shadow:none!important}.balveer-original-timeline .timeline-sequence{margin:8px 0;padding:0;border:0}.balveer-original-timeline .timeline-sequence>summary{padding:7px 10px}.balveer-original-timeline .timeline-sequence-title{font-size:12px}.balveer-original-timeline .timeline-sequence>summary>.helper{font-size:11px;margin:0}.balveer-original-timeline .batch-check{display:none}.bv-workspace{padding:16px;background:#fffdf8;border:1px solid #2626261a;border-radius:8px;margin:12px 0;font-family:Quicksand,system-ui,sans-serif;color:#262626}.bv-workspace header{display:flex;justify-content:space-between;align-items:center;gap:10px}.bv-workspace h2{font-size:16px;margin:0}.bv-workspace em{font-style:normal;color:#e85258}.bv-workspace small{font-size:12px}.bv-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.bv-compare>div{min-width:0}.bv-compare h3{font-size:11px;letter-spacing:.5px;color:#77716a}.bv-compare video,.bv-empty{width:100%;aspect-ratio:16/9;background:#281f25;border:1px solid #e8525880;border-radius:8px;display:block;object-fit:contain}.bv-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fffdf8;gap:24px;font-size:13px}.bv-empty span{font-size:11px}.bv-workspace footer{display:grid;grid-template-columns:1fr 1.5fr 1.4fr;gap:8px}.bv-continuity,.bv-workspace footer>p{border:1px solid #e8525830;border-radius:8px;padding:10px;font-size:11px;margin:0}.bv-continuity{display:grid;gap:6px}.bv-workspace-actions{display:flex;gap:8px;align-items:center}.bv-workspace-actions button{flex:1;background:#e85258;color:white;border:0;border-radius:8px;padding:12px}.bv-workspace-actions .secondary{background:#292929}.bv-workspace-actions svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2}.bv-workspace-actions button:disabled{opacity:.42}@media(max-width:700px){.bv-compare{grid-template-columns:1fr}.bv-workspace footer{grid-template-columns:1fr}.bv-timeline-header{align-items:flex-start}}

.balveer-original-timeline{max-height:320px;overflow:auto}.balveer-original-timeline .bv-timeline-header{position:sticky;top:-1px;background:#fffdf8;z-index:2;padding:5px 0}.balveer-original-timeline .seg [data-pronunciation]{display:none}.balveer-original-timeline .seg{height:100px;min-height:100px;box-sizing:border-box;grid-template-rows:auto auto 5px auto}.balveer-original-timeline .seg>span{font-size:10px;font-weight:400}.balveer-original-timeline .seg-actions{align-self:end}

/* A single horizontal track: each sequence expands inline into its shots. */
.balveer-original-timeline{max-height:none;overflow:visible}
.bv-sequence-track{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin}
.balveer-original-timeline .bv-sequence-track .timeline-sequence{flex:0 0 auto;width:190px;margin:0;border:1px solid #2626261a;border-radius:8px;background:#fffdf8;overflow:hidden}
.balveer-original-timeline .bv-sequence-track .timeline-sequence[open]{width:max-content;min-width:240px}
.balveer-original-timeline .bv-sequence-track .timeline-sequence>summary{box-sizing:border-box;width:190px;min-height:100px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;border:0}
.balveer-original-timeline .bv-sequence-track .timeline-sequence[open]>summary{width:100%;min-height:62px;background:#e8525809;border-bottom:1px solid #2626261a}
.balveer-original-timeline .bv-sequence-track .timeline-sequence-title:before{content:'▸ ';color:#e85258}
.balveer-original-timeline .bv-sequence-track .timeline-sequence[open] .timeline-sequence-title:before{content:'▾ '}
.balveer-original-timeline .bv-sequence-track .timeline-scroll{overflow:visible;padding:8px}
.balveer-original-timeline .bv-sequence-track .rail{overflow:visible;display:flex;flex-wrap:nowrap;width:max-content;padding:0}
.balveer-original-timeline .bv-sequence-track .seg{width:118px;flex:0 0 118px}

.balveer-original-timeline .bv-sequence-track .timeline-sequence>summary:before{display:none}