:root {
  --vib-ink: #17131f;
  --vib-muted: #706a78;
  --vib-line: rgba(44, 34, 57, .11);
  --vib-violet: #6846d5;
  --vib-violet-dark: #4d2dae;
  --vib-violet-soft: #f2edff;
  --vib-green: #148367;
  --vib-amber: #b36a12;
}

.right-icon-storyboard[aria-expanded="true"] {
  background: linear-gradient(145deg, #f0ebff, #f8f5ff);
  color: #6846d5;
}

.video-import-build-overlay {
  align-items: center;
  background: rgba(18, 14, 26, .58);
  inset: 0;
  justify-content: center;
  padding: clamp(16px, 3vw, 42px);
  position: fixed;
  z-index: 14000;
  -webkit-backdrop-filter: blur(8px) saturate(.85);
  backdrop-filter: blur(8px) saturate(.85);
}

.video-import-build-widget {
  background:
    radial-gradient(circle at 96% -12%, rgba(137, 105, 242, .19), transparent 32%),
    linear-gradient(180deg, #fff 0%, #fdfcff 100%);
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 30px;
  box-shadow: 0 36px 100px rgba(12, 8, 21, .34), 0 2px 10px rgba(12, 8, 21, .12);
  color: var(--vib-ink);
  max-height: min(880px, calc(100vh - 48px));
  max-width: 1160px;
  overflow: auto;
  padding: 24px 28px 22px;
  position: relative;
  width: min(100%, 1160px);
}

.video-import-build-glow {
  background: #8c6af2;
  border-radius: 999px;
  filter: blur(58px);
  height: 120px;
  opacity: .12;
  pointer-events: none;
  position: absolute;
  right: 44px;
  top: -72px;
  width: 280px;
}

.video-import-build-header,
.video-import-build-intro,
.video-import-build-progress-copy,
.video-import-build-footer,
.video-import-build-brand,
.video-import-build-header-actions,
.video-import-build-summary {
  align-items: center;
  display: flex;
}

.video-import-build-header { justify-content: space-between; position: relative; }
.video-import-build-brand { gap: 10px; }
.video-import-build-brandmark {
  align-items: center;
  background: linear-gradient(145deg, #27345f, #6e2e89 58%, #9e2570);
  border-radius: 11px;
  box-shadow: 0 6px 16px rgba(84, 47, 128, .22);
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 820;
  height: 35px;
  justify-content: center;
  width: 35px;
}
.video-import-build-brand p { font-size: 12px; font-weight: 760; letter-spacing: -.01em; margin: 0; }
.video-import-build-brand div > span { color: #8a8490; display: block; font-size: 9px; margin-top: 1px; }
.video-import-build-header-actions { gap: 7px; }

.video-import-info-button,
.video-import-build-minimize,
.video-import-build-detail-toggle {
  align-items: center;
  background: #f8f6fa;
  border: 1px solid var(--vib-line);
  color: #5e5767;
  cursor: pointer;
  display: inline-flex;
}
.video-import-info-button { border-radius: 999px; font-size: 10px; font-weight: 680; gap: 6px; padding: 7px 10px; }
.video-import-info-button svg { fill: none; height: 14px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 14px; }
.video-import-build-minimize { border-radius: 999px; height: 31px; justify-content: center; padding: 0; width: 31px; }
.video-import-build-minimize svg { fill: none; height: 15px; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; width: 15px; }

.video-import-info {
  align-items: flex-start;
  background: linear-gradient(90deg, #f4f0ff, #faf8ff);
  border: 1px solid #e8e0ff;
  border-radius: 13px;
  display: flex;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 13px;
}
.video-import-info strong { color: #4b318e; flex: 0 0 auto; font-size: 10px; }
.video-import-info span { color: #665d73; font-size: 10px; line-height: 1.45; }

.video-import-build-intro { align-items: flex-end; gap: 32px; justify-content: space-between; margin-top: 28px; }
.video-import-build-intro > div:first-child { max-width: 720px; }
.video-import-build-kicker {
  align-items: center;
  background: var(--vib-violet-soft);
  border-radius: 999px;
  color: var(--vib-violet-dark);
  display: inline-flex;
  font-size: 9px;
  font-weight: 780;
  gap: 7px;
  letter-spacing: .055em;
  padding: 6px 9px;
  text-transform: uppercase;
}
.video-import-build-kicker i { animation: vib-pulse 1.8s ease-in-out infinite; background: #7250df; border-radius: 999px; height: 6px; width: 6px; }
.video-import-build-intro h2 { font-size: clamp(27px, 3vw, 43px); letter-spacing: -.045em; line-height: 1.04; margin: 12px 0 8px; }
.video-import-build-intro p { color: var(--vib-muted); font-size: 12px; line-height: 1.5; margin: 0; }
.video-import-build-count {
  background: rgba(248, 246, 251, .86);
  border: 1px solid var(--vib-line);
  border-radius: 17px;
  display: grid;
  flex: 0 0 auto;
  min-width: 110px;
  padding: 13px 16px;
}
.video-import-build-count strong { font-size: 25px; letter-spacing: -.045em; line-height: 1; }
.video-import-build-count span { color: #87808d; font-size: 9px; margin-top: 4px; text-transform: uppercase; }

.video-import-build-progress { margin-top: 20px; }
.video-import-build-progress-copy { color: #696270; font-size: 10px; justify-content: space-between; margin-bottom: 7px; }
.video-import-build-progress-copy strong { color: #51485e; font-size: 9px; font-weight: 720; }
.video-import-build-progress-track { background: #eeeaf3; border-radius: 999px; height: 5px; overflow: hidden; }
.video-import-build-progress-track i { background: linear-gradient(90deg, #8e72ec, #5b3ac6); border-radius: inherit; display: block; height: 100%; min-width: 4%; transition: width .45s cubic-bezier(.22, 1, .36, 1); }

.video-import-build-detail-toggle {
  border-radius: 10px;
  font-size: 10px;
  font-weight: 720;
  gap: 6px;
  margin-top: 14px;
  padding: 7px 10px;
}
.video-import-build-detail-toggle svg { fill: none; height: 13px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; transition: transform .2s; width: 13px; }
.video-import-build-overlay.is-expanded .video-import-build-detail-toggle svg { transform: rotate(180deg); }
.video-import-build-details { display: none; margin-top: 16px; }
.video-import-build-overlay.is-expanded .video-import-build-details { display: block; }

.video-import-build-legend { display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 11px; }
.video-import-build-legend span { align-items: center; color: #817987; display: inline-flex; font-size: 8px; gap: 5px; text-transform: uppercase; }
.video-import-build-legend i { border-radius: 999px; height: 6px; width: 6px; }
.video-import-build-legend .is-selected { background: #188269; }
.video-import-build-legend .is-editable { background: #6948d2; }
.video-import-build-legend .is-motion { background: #d17b18; }
.video-import-build-legend .is-transition { background: #7d7684; }

.video-import-scene-scroll { margin: 0 -4px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 4px; scrollbar-color: #d7d0de transparent; scrollbar-width: thin; }
.video-import-scene-track { align-items: center; display: flex; min-width: max-content; padding: 2px 0 8px; }
.video-import-scene-card {
  background: #fff;
  border: 1px solid var(--vib-line);
  border-radius: 17px;
  box-shadow: 0 7px 20px rgba(30, 22, 42, .045);
  display: grid;
  flex: 0 0 172px;
  overflow: hidden;
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.video-import-scene-card.is-active { border-color: rgba(104, 70, 213, .45); box-shadow: 0 12px 30px rgba(77, 45, 174, .14); transform: translateY(-2px); }
.video-import-scene-card-visual { aspect-ratio: 16 / 10; background: #eeeaf3; overflow: hidden; position: relative; }
.video-import-scene-card-visual > img { height: 100%; object-fit: cover; width: 100%; }
.video-import-scene-number { background: rgba(20, 16, 28, .7); border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #fff; font-size: 8px; left: 7px; padding: 4px 7px; position: absolute; top: 7px; }
.video-import-scene-timestamp { background: rgba(20, 16, 28, .66); border-radius: 999px; bottom: 7px; color: #fff; font-size: 8px; left: 7px; padding: 3px 6px; position: absolute; }
.video-import-scene-edit {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(34, 25, 48, .12);
  border-radius: 999px;
  color: #4f318f;
  cursor: pointer;
  display: inline-flex;
  font-size: 7px;
  font-weight: 760;
  gap: 3px;
  padding: 4px 6px;
  position: absolute;
  right: 7px;
  top: 7px;
}
.video-import-scene-edit svg { fill: none; height: 9px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 9px; }
.video-import-scene-ready { align-items: center; background: #fff; border-radius: 999px; bottom: 7px; box-shadow: 0 3px 10px rgba(18, 12, 28, .15); color: var(--vib-green); display: flex; height: 20px; justify-content: center; opacity: 0; position: absolute; right: 7px; transform: scale(.75); transition: opacity .25s, transform .25s; width: 20px; }
.video-import-scene-ready svg { fill: none; height: 12px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; width: 12px; }
.video-import-scene-card.is-ready .video-import-scene-ready { opacity: 1; transform: scale(1); }
.video-import-scene-placeholder { align-items: center; background: linear-gradient(145deg, #f3f0f7, #e8e2ef); display: flex; height: 100%; justify-content: center; overflow: hidden; position: relative; }
.video-import-scene-placeholder span { align-items: center; background: rgba(255,255,255,.7); border-radius: 999px; color: #83778e; display: flex; font-size: 10px; font-weight: 750; height: 30px; justify-content: center; position: relative; width: 30px; z-index: 2; }
.video-import-scene-placeholder i { animation: vib-shimmer 1.8s ease-in-out infinite; background: rgba(255,255,255,.35); border-radius: 999px; height: 130%; position: absolute; transform: rotate(24deg); width: 18px; }
.video-import-scene-placeholder i:nth-child(2) { left: 20%; }
.video-import-scene-placeholder i:nth-child(3) { animation-delay: .3s; left: 48%; }
.video-import-scene-placeholder i:nth-child(4) { animation-delay: .6s; left: 76%; }
.video-import-scene-copy { padding: 10px 10px 11px; }
.video-import-scene-copy h3 { font-size: 11px; line-height: 1.25; margin: 0 0 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-import-scene-copy ul { display: grid; gap: 5px; list-style: none; margin: 0; padding: 0; }
.video-import-scene-copy li { align-items: flex-start; color: #77707e; display: flex; font-size: 8px; gap: 5px; line-height: 1.25; }
.video-import-scene-copy li svg { fill: none; flex: 0 0 auto; height: 10px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; width: 10px; }
.video-import-scene-copy li.is-selected { color: #16745e; }
.video-import-scene-copy li.is-editable { color: #5c40b5; }
.video-import-scene-copy li.is-motion { color: #9f6119; }
.video-import-scene-copy li.is-action { color: #5c40b5; font-weight: 720; }

.video-import-transition { align-items: center; color: #817985; display: flex; flex: 0 0 76px; flex-direction: column; gap: 2px; justify-content: center; padding: 0 7px; }
.video-import-transition span { background: #f5f2f7; border: 1px solid var(--vib-line); border-radius: 999px; font-size: 7px; font-weight: 720; max-width: 68px; overflow: hidden; padding: 3px 6px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.video-import-transition svg { fill: none; height: 12px; stroke: #aca4b3; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; width: 47px; }

.video-import-frame-picker[hidden] { display: none !important; }
.video-import-frame-picker { align-items: center; display: flex; inset: 0; justify-content: center; padding: 22px; position: fixed; z-index: 60; }
.video-import-frame-picker-backdrop { background: rgba(19, 14, 27, .66); inset: 0; position: absolute; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.video-import-frame-picker-panel {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(13, 8, 23, .38);
  max-width: 900px;
  padding: 22px;
  position: relative;
  width: min(100%, 900px);
}
.video-import-frame-picker-panel > header { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; }
.video-import-frame-picker-panel > header span { color: #6543c7; font-size: 9px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.video-import-frame-picker-panel > header h3 { font-size: 24px; letter-spacing: -.035em; margin: 4px 0 4px; }
.video-import-frame-picker-panel > header p { color: var(--vib-muted); font-size: 11px; margin: 0; }
.video-import-frame-picker-panel > header > button { align-items: center; background: #f6f3f9; border: 1px solid var(--vib-line); border-radius: 999px; color: #62596c; cursor: pointer; display: flex; flex: 0 0 auto; font-size: 20px; height: 34px; justify-content: center; line-height: 1; width: 34px; }
.video-import-frame-picker-track { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; }
.video-import-frame-choice { background: #fff; border: 2px solid transparent; border-radius: 15px; color: var(--vib-ink); cursor: pointer; overflow: hidden; padding: 0 0 9px; position: relative; text-align: left; }
.video-import-frame-choice:hover { border-color: rgba(104, 70, 213, .28); }
.video-import-frame-choice.is-selected { border-color: #7454d8; box-shadow: 0 8px 22px rgba(93, 58, 192, .14); }
.video-import-frame-choice:disabled { cursor: wait; opacity: .66; }
.video-import-frame-choice img { aspect-ratio: 4 / 5; background: #17131f; display: block; object-fit: contain; width: 100%; }
.video-import-frame-choice span { display: block; font-size: 10px; font-weight: 760; padding: 8px 9px 1px; }
.video-import-frame-choice i { color: #82798b; display: block; font-size: 8px; font-style: normal; padding: 0 9px; }
.video-import-frame-choice.is-selected i { color: #5a38be; font-weight: 720; }
.video-import-frame-picker-status { color: #5a38be; font-size: 10px; margin: 12px 1px 0; }

.video-import-build-options { background: #f8f6fc; border: 1px solid var(--vib-line); border-radius: 18px; margin-top: 16px; padding: 14px; }
.video-import-build-options-heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 11px; }
.video-import-build-options-heading > div { display: grid; gap: 2px; }
.video-import-build-options-heading span { color: #837b8b; font-size: 8px; font-weight: 720; letter-spacing: .05em; text-transform: uppercase; }
.video-import-build-options-heading h3 { font-size: 14px; letter-spacing: -.02em; margin: 0; }
.video-import-build-real-badge { background: #e9f7f2; border: 1px solid #cae9de; border-radius: 999px; color: #24715e !important; padding: 5px 8px; }
.video-import-build-option { align-items: center; background: #fff; border: 1px solid var(--vib-line); border-radius: 14px; color: var(--vib-ink); cursor: pointer; display: flex; gap: 10px; padding: 11px 12px; text-align: left; transition: border-color .18s, box-shadow .18s, transform .18s; width: 100%; }
.video-import-build-option:hover { border-color: rgba(104, 70, 213, .35); transform: translateY(-1px); }
.video-import-build-option.is-selected { border-color: #7454d8; box-shadow: 0 8px 22px rgba(93, 58, 192, .12); }
.video-import-build-option.is-primary { background: linear-gradient(135deg, #fff, #f8f4ff); }
.video-import-build-option-icon { align-items: center; background: #eee8ff; border-radius: 10px; color: #5a38be; display: flex; flex: 0 0 auto; font-size: 15px; height: 34px; justify-content: center; width: 34px; }
.video-import-build-option-copy { display: grid; flex: 1; gap: 3px; min-width: 0; }
.video-import-build-option-copy strong { align-items: center; display: flex; font-size: 10px; gap: 6px; }
.video-import-build-option-copy strong em { background: #eee8ff; border-radius: 999px; color: #5a38be; font-size: 7px; font-style: normal; padding: 3px 6px; text-transform: uppercase; }
.video-import-build-option-copy small { color: #7e7685; font-size: 8px; line-height: 1.4; }
.video-import-build-option-check { align-items: center; background: #6846d5; border-radius: 999px; color: #fff; display: flex; flex: 0 0 auto; font-size: 9px; height: 20px; justify-content: center; width: 20px; }
.video-import-build-option-grid { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.video-import-build-other-label { color: #8b8391; font-size: 8px; font-weight: 720; letter-spacing: .05em; margin: 12px 0 7px; text-transform: uppercase; }
.video-import-build-option-note { color: #837b8b; font-size: 8px; line-height: 1.45; margin: 9px 1px 0; }
.video-import-build-action-error { color: #b42318; font-size: 9px; }
.video-import-build-overlay.is-starting-build .video-import-build-options { opacity: .55; pointer-events: none; }
.video-import-build-overlay.is-starting-build [data-import-build-start] { cursor: wait; opacity: .72; }

.video-import-build-footer { border-top: 1px solid var(--vib-line); gap: 24px; justify-content: space-between; margin-top: 17px; padding-top: 15px; }
.video-import-build-summary { gap: 10px; min-width: 0; }
.video-import-build-summary > div { display: grid; gap: 2px; }
.video-import-build-summary strong { font-size: 10px; }
.video-import-build-summary span { color: #827b88; font-size: 9px; line-height: 1.35; }
.video-import-build-orbit { align-items: center; background: #f0ebff; border-radius: 999px; display: flex; flex: 0 0 auto; height: 31px; justify-content: center; width: 31px; }
.video-import-build-orbit::before { border: 1px solid #a994ec; border-radius: inherit; content: ""; height: 17px; position: absolute; transform: rotate(-24deg) scaleY(.44); width: 24px; }
.video-import-build-orbit i { background: #6747d1; border-radius: 999px; height: 6px; width: 6px; }
.video-import-build-live { align-items: center; background: #f2faf7; border: 1px solid #d9eee7; border-radius: 999px; color: #256c5a; display: inline-flex; flex: 0 0 auto; font-size: 9px; font-weight: 720; gap: 6px; padding: 7px 10px; }
.video-import-build-live i { animation: vib-pulse 1.6s ease-in-out infinite; background: #2b9c7f; border-radius: 999px; height: 6px; width: 6px; }
.video-import-build-primary { align-items: center; background: linear-gradient(135deg, #7756df, #5734bd); border: 0; border-radius: 12px; box-shadow: 0 9px 22px rgba(85, 51, 188, .23); color: #fff; cursor: pointer; display: inline-flex; flex: 0 0 auto; font-size: 10px; font-weight: 760; gap: 7px; justify-content: center; min-height: 38px; padding: 9px 14px; }
.video-import-build-primary svg { fill: none; height: 14px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 14px; }

.video-import-build-error { align-items: center; background: #fff8ef; border: 1px solid #f0d9ba; border-radius: 13px; bottom: 18px; display: flex; gap: 8px; left: 28px; padding: 10px 12px; position: absolute; right: 28px; z-index: 4; }
.video-import-build-error strong { color: #875112; font-size: 10px; }
.video-import-build-error span { color: #8a6f4e; flex: 1; font-size: 9px; }
.video-import-build-error button { background: #fff; border: 1px solid #dfc39f; border-radius: 999px; color: #795021; cursor: pointer; font-size: 9px; padding: 5px 9px; }

/* Path C review: a focused, editor-contained scene planner. The existing Path B
   progress presentation keeps its original layout and density. */
.video-import-build-overlay.is-review {
  background: rgba(15, 12, 22, .48);
  z-index: 50000;
}
.video-import-build-overlay.is-review .video-import-build-widget {
  background: radial-gradient(circle at 90% 0%, rgba(116, 84, 216, .1), transparent 28%), #fff;
  border-radius: 24px;
  max-width: 1040px;
  padding: 20px 22px 18px;
}
.video-import-build-overlay.is-review .video-import-build-brand div > span { display: none; }
.video-import-build-overlay.is-review .video-import-build-intro { align-items: center; margin-top: 17px; }
.video-import-build-overlay.is-review .video-import-build-intro h2 { font-size: clamp(25px, 2.5vw, 34px); margin: 9px 0 5px; }
.video-import-build-overlay.is-review .video-import-build-intro p { font-size: 11px; }
.video-import-build-overlay.is-review .video-import-build-count {
  align-items: baseline;
  background: #f5f1ff;
  border: 0;
  border-radius: 999px;
  display: flex;
  gap: 5px;
  min-width: 0;
  padding: 8px 11px;
}
.video-import-build-overlay.is-review .video-import-build-count strong { color: #5734bd; font-size: 16px; }
.video-import-build-overlay.is-review .video-import-build-count span { color: #6c5d8f; font-size: 8px; margin: 0; }
.video-import-build-overlay.is-review .video-import-build-progress[hidden] { display: none; }
.video-import-build-overlay.is-review .video-import-build-details { display: block; margin-top: 15px; }
.video-import-build-overlay.is-review .video-import-scene-scroll { margin: 0; padding: 5px 0 10px; scroll-padding-inline: 2px; }
.video-import-build-overlay.is-review .video-import-scene-track { align-items: center; padding-bottom: 4px; }
.video-import-build-overlay.is-review .video-import-scene-card {
  border-color: rgba(39, 30, 53, .1);
  border-radius: 19px;
  box-shadow: 0 10px 28px rgba(27, 19, 41, .07);
  flex-basis: 205px;
}
.video-import-build-overlay.is-review .video-import-scene-card:hover { border-color: rgba(104, 70, 213, .26); box-shadow: 0 14px 34px rgba(45, 27, 82, .12); }
.video-import-build-overlay.is-review .video-import-scene-card-visual { aspect-ratio: 4 / 5; background: #17131f; }
.video-import-build-overlay.is-review .video-import-scene-card-visual::after {
  background: linear-gradient(180deg, rgba(13, 9, 20, .18), transparent 34%, transparent 63%, rgba(13, 9, 20, .72));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.video-import-build-overlay.is-review .video-import-scene-card-visual > img { object-fit: contain; }
.video-import-build-overlay.is-review [data-import-build-memory-frame]:not([src]) {
  background: linear-gradient(110deg, #211a2c 8%, #332640 18%, #211a2c 33%);
  background-size: 200% 100%;
  animation: vib-memory-frame 1.25s linear infinite;
}
.video-import-build-overlay.is-review [data-import-build-memory-frame].is-memory-frame-unavailable {
  animation: none;
  background: #211a2c;
}
.video-import-scene-preview { background: transparent; border: 0; cursor: zoom-in; inset: 0; padding: 0; position: absolute; z-index: 2; }
.video-import-build-overlay.is-review .video-import-scene-number,
.video-import-build-overlay.is-review .video-import-scene-timestamp,
.video-import-build-overlay.is-review .video-import-scene-edit,
.video-import-build-overlay.is-review .video-import-scene-action { z-index: 3; }
.video-import-build-overlay.is-review .video-import-scene-number { background: rgba(18, 13, 27, .58); font-size: 8px; left: 10px; padding: 5px 8px; top: 10px; }
.video-import-build-overlay.is-review .video-import-scene-timestamp { background: rgba(18, 13, 27, .58); bottom: auto; font-size: 8px; left: 10px; padding: 4px 7px; top: 40px; }
.video-import-build-overlay.is-review .video-import-scene-edit {
  background: rgba(255,255,255,.94);
  border: 0;
  box-shadow: 0 5px 16px rgba(15, 10, 23, .18);
  height: 31px;
  justify-content: center;
  padding: 0;
  right: 10px;
  top: 10px;
  width: 31px;
}
.video-import-build-overlay.is-review .video-import-scene-edit svg { height: 13px; width: 13px; }
.video-import-scene-actions {
  bottom: 10px;
  display: grid;
  gap: 5px;
  left: 10px;
  max-width: calc(100% - 20px);
  position: absolute;
  z-index: 3;
}
.video-import-scene-action {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(13, 8, 22, .18);
  color: #483275;
  cursor: pointer;
  display: flex;
  font-size: 9px;
  font-weight: 760;
  gap: 6px;
  justify-self: start;
  max-width: 100%;
  padding: 6px 8px 6px 6px;
  position: static;
}
.video-import-scene-action.is-ai-video { background: rgba(92, 58, 192, .94); color: #fff; }
.video-import-scene-action.is-text-action { background: rgba(255,255,255,.94); color: #493379; }
.video-import-scene-action[hidden] { display: none; }
.video-import-scene-action b {
  align-items: center;
  background: rgba(82, 54, 158, .1);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 7px;
  height: 18px;
  justify-content: center;
  width: 18px;
}
.video-import-scene-action.is-ai-video b { background: rgba(255,255,255,.18); }
.video-import-scene-action svg { fill: none; height: 12px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 12px; }
.video-import-scene-action span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-import-scene-action i { font-size: 14px; font-style: normal; line-height: 8px; opacity: .75; }
.video-import-build-overlay.is-review .video-import-scene-copy { min-height: 66px; padding: 11px 12px 12px; }
.video-import-scene-eyebrow { color: #8a8291; display: block; font-size: 7px; font-weight: 760; letter-spacing: .055em; margin-bottom: 4px; text-transform: uppercase; }
.video-import-build-overlay.is-review .video-import-scene-copy h3 {
  display: -webkit-box;
  font-size: 11px;
  line-height: 1.35;
  margin: 0;
  overflow: hidden;
  text-overflow: initial;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.video-import-build-overlay.is-review .video-import-transition { flex-basis: 48px; padding: 0 4px; }
.video-import-build-overlay.is-review .video-import-transition span { background: #f3effb; color: #6c5a91; }
.video-import-build-overlay.is-review .video-import-transition svg { stroke: #9586b2; width: 36px; }

.video-import-build-overlay.is-review .video-import-build-options { border-radius: 16px; margin-top: 12px; padding: 12px; }
.video-import-build-overlay.is-review .video-import-build-options-heading { align-items: center; margin-bottom: 9px; }
.video-import-build-overlay.is-review .video-import-build-options-heading h3 { font-size: 13px; }
.video-import-build-overlay.is-review .video-import-build-option { border-radius: 12px; padding: 9px 10px; }
.video-import-build-overlay.is-review .video-import-build-option-icon { border-radius: 9px; height: 30px; width: 30px; }
.video-import-build-overlay.is-review .video-import-build-option-copy strong { font-size: 9px; }
.video-import-build-overlay.is-review .video-import-build-option-copy small { font-size: 8px; }
.video-import-build-overlay.is-review .video-import-build-option-grid { margin-top: 8px; }
.video-import-build-overlay.is-review .video-import-build-other-label { display: none; }
.video-import-build-overlay.is-review .video-import-build-option-note { margin-bottom: 0; }
.video-import-build-overlay.is-review .video-import-build-footer { margin-top: 12px; padding-top: 12px; }
.video-import-build-overlay.is-review .video-import-build-summary span { font-size: 8px; }
.video-import-build-overlay.is-review .video-import-build-primary { font-size: 10px; min-height: 40px; padding-inline: 17px; }

.video-import-frame-viewer[hidden], .video-import-action-dialog[hidden] { display: none !important; }
.video-import-frame-viewer, .video-import-action-dialog { align-items: center; display: flex; inset: 0; justify-content: center; padding: 26px; position: fixed; z-index: 80; }
.video-import-frame-viewer-backdrop, .video-import-action-dialog-backdrop { background: rgba(10, 7, 15, .82); inset: 0; position: absolute; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.video-import-frame-viewer-panel, .video-import-action-dialog-panel { position: relative; }
.video-import-frame-viewer-panel { color: #fff; display: grid; height: min(90dvh, 900px); max-width: min(92vw, 1080px); width: max-content; }
.video-import-frame-viewer-panel > header, .video-import-action-dialog-panel > header { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; }
.video-import-frame-viewer-panel > header { margin-bottom: 12px; }
.video-import-frame-viewer-panel > header span, .video-import-action-dialog-panel > header span { font-size: 9px; font-weight: 760; letter-spacing: .055em; text-transform: uppercase; }
.video-import-frame-viewer-panel > header span { color: #c6b8ef; }
.video-import-frame-viewer-panel > header h3, .video-import-action-dialog-panel > header h3 { letter-spacing: -.035em; margin: 4px 0 0; }
.video-import-frame-viewer-panel > header h3 { color: #fff; font-size: 22px; }
.video-import-frame-viewer-panel > header button, .video-import-action-dialog-panel > header button { align-items: center; border: 0; border-radius: 999px; cursor: pointer; display: flex; flex: 0 0 auto; font-size: 20px; height: 34px; justify-content: center; width: 34px; }
.video-import-frame-viewer-panel > header button { background: rgba(255,255,255,.13); color: #fff; }
.video-import-frame-viewer-image { align-items: center; display: flex; justify-content: center; min-height: 0; }
.video-import-frame-viewer-image img { border-radius: 15px; box-shadow: 0 24px 80px rgba(0,0,0,.4); display: block; max-height: calc(90dvh - 70px); max-width: min(88vw, 1000px); object-fit: contain; }

.video-import-action-dialog-panel { background: #fff; border-radius: 22px; box-shadow: 0 30px 100px rgba(8, 5, 14, .42); max-width: 510px; padding: 22px; width: min(100%, 510px); }
.video-import-action-dialog-panel > header span { color: #6747c9; }
.video-import-action-dialog-panel > header h3 { font-size: 25px; }
.video-import-action-dialog-panel > header button { background: #f3f0f7; color: #5d5566; }
.video-import-action-dialog-summary { color: #6f6875; font-size: 12px; line-height: 1.55; margin: 16px 0; }
.video-import-action-prompt { background: linear-gradient(135deg, #f5f1ff, #fbfaff); border: 1px solid #e5dcfb; border-radius: 15px; padding: 13px 14px; }
.video-import-action-prompt[hidden] { display: none; }
.video-import-action-prompt span, .video-import-action-meta span { color: #8a8191; display: block; font-size: 8px; font-weight: 760; letter-spacing: .055em; text-transform: uppercase; }
.video-import-action-prompt p { color: #493379; font-size: 11px; line-height: 1.5; margin: 6px 0 0; }
.video-import-action-meta { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; margin-top: 12px; }
.video-import-action-meta > div { border: 1px solid var(--vib-line); border-radius: 13px; padding: 11px 12px; }
.video-import-action-meta strong { display: block; font-size: 10px; line-height: 1.4; margin-top: 5px; }

@media (min-width: 761px) {
  .video-import-build-overlay.is-review { inset: 59px 96px 0 96px; padding: 18px 20px; }
  .video-import-build-overlay.is-review .video-import-build-widget { max-height: calc(100dvh - 82px); }
}

.video-import-build-overlay.is-minimized { align-items: flex-end; background: transparent; justify-content: flex-end; pointer-events: none; }
.video-import-build-overlay.is-minimized .video-import-build-widget { border-radius: 18px; max-width: 350px; padding: 16px; pointer-events: auto; }
.video-import-build-overlay.is-minimized .video-import-build-header,
.video-import-build-overlay.is-minimized .video-import-build-intro,
.video-import-build-overlay.is-minimized .video-import-build-detail-toggle,
.video-import-build-overlay.is-minimized .video-import-build-details,
.video-import-build-overlay.is-minimized .video-import-build-footer,
.video-import-build-overlay.is-minimized .video-import-info { display: none; }
.video-import-build-overlay.is-minimized .video-import-build-progress { margin: 0; }

@keyframes vib-pulse { 50% { opacity: .4; transform: scale(.75); } }
@keyframes vib-shimmer { 50% { opacity: .35; transform: rotate(24deg) translateX(5px); } }
@keyframes vib-memory-frame { to { background-position-x: -200%; } }

@media (max-width: 760px) {
  .video-import-build-overlay { align-items: flex-end; padding: 0; }
  .video-import-build-widget { border-radius: 27px 27px 0 0; max-height: 92dvh; padding: 19px 17px 18px; width: 100%; }
  .video-import-build-intro { align-items: flex-start; gap: 15px; margin-top: 22px; }
  .video-import-build-intro h2 { font-size: 29px; }
  .video-import-build-intro p { font-size: 11px; }
  .video-import-build-count { min-width: 76px; padding: 10px; }
  .video-import-build-count strong { font-size: 21px; }
  .video-import-info { display: grid; }
  .video-import-info strong { margin-bottom: -4px; }
  .video-import-scene-card { flex-basis: 162px; }
  .video-import-transition { flex-basis: 58px; padding: 0 4px; }
  .video-import-build-footer { align-items: stretch; flex-direction: column; gap: 11px; }
  .video-import-build-option-grid { grid-template-columns: 1fr; }
  .video-import-build-options-heading { align-items: flex-start; gap: 10px; }
  .video-import-build-live, .video-import-build-primary { align-self: stretch; justify-content: center; }
  .video-import-build-summary span { max-width: 270px; }
  .video-import-build-error { bottom: 12px; left: 12px; right: 12px; }
  .video-import-frame-picker { align-items: flex-end; padding: 0; }
  .video-import-frame-picker-panel { border-radius: 24px 24px 0 0; max-height: 88dvh; overflow: auto; padding: 18px 16px 20px; }
  .video-import-frame-picker-panel > header h3 { font-size: 21px; }
  .video-import-frame-picker-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-import-build-overlay.is-review { align-items: center; inset: 52px 0 0; padding: 8px; }
  .video-import-build-overlay.is-review .video-import-build-widget { border-radius: 22px; max-height: calc(100dvh - 68px); padding: 16px 14px 14px; }
  .video-import-build-overlay.is-review .video-import-build-brand p { font-size: 11px; }
  .video-import-build-overlay.is-review .video-import-info-button { font-size: 0; height: 31px; justify-content: center; padding: 0; width: 31px; }
  .video-import-build-overlay.is-review .video-import-info-button svg { margin: 0; }
  .video-import-build-overlay.is-review .video-import-build-intro { align-items: flex-start; gap: 10px; margin-top: 15px; }
  .video-import-build-overlay.is-review .video-import-build-intro h2 { font-size: 25px; }
  .video-import-build-overlay.is-review .video-import-build-intro p { max-width: 245px; }
  .video-import-build-overlay.is-review .video-import-build-count { padding: 7px 9px; }
  .video-import-build-overlay.is-review .video-import-scene-card { flex-basis: min(72vw, 260px); }
  .video-import-build-overlay.is-review .video-import-transition { flex-basis: 48px; }
  .video-import-build-overlay.is-review .video-import-build-options { padding: 10px; }
  .video-import-build-overlay.is-review .video-import-build-option-grid { grid-template-columns: 1fr; }
  .video-import-build-overlay.is-review .video-import-build-summary { display: none; }
  .video-import-build-overlay.is-review .video-import-build-footer { justify-content: flex-end; }
  .video-import-frame-viewer, .video-import-action-dialog { padding: 14px; }
  .video-import-frame-viewer-panel { height: min(88dvh, 760px); max-width: 100%; width: 100%; }
  .video-import-frame-viewer-image img { max-height: calc(88dvh - 72px); max-width: 100%; }
  .video-import-action-dialog { align-items: flex-end; padding: 0; }
  .video-import-action-dialog-panel { border-radius: 22px 22px 0 0; max-width: none; padding: 20px 17px 22px; width: 100%; }
  .video-import-action-meta { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .video-import-build-overlay *, .video-import-build-overlay *::before, .video-import-build-overlay *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}