.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  [v-cloak] {
    display: none;
  }
  :where(#video-generator-app, body) .vg-studio-badge {
    align-items: center;
    background: rgba(80, 86, 210, 0.1);
    border: 1px solid rgba(80, 86, 210, 0.16);
    border-radius: 999px;
    color: #4147b8;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 760;
    gap: 6px;
    padding: 6px 10px;
  }
  #video-generator-app .vg-result-panel {
    border: 0;
    box-shadow: none;
    display: grid;
    box-sizing: border-box;
    gap: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
  #video-generator-app .vg-result-panel.has-samples {
    isolation: isolate;
    overflow: hidden;
  }
  #video-generator-app .vg-guided-return {
    align-items: center;
    background: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(42, 47, 88, 0.1);
    color: #20264f;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 12px 14px;
    position: relative;
  }
  #video-generator-app .vg-guided-return strong,
  #video-generator-app .vg-guided-return span {
    display: block;
    line-height: 1.25;
  }
  #video-generator-app .vg-guided-return strong {
    font-size: 0.9rem;
    font-weight: 850;
  }
  #video-generator-app .vg-guided-return span {
    color: rgba(52, 57, 83, 0.78);
    font-size: 0.78rem;
    margin-top: 2px;
  }
  #video-generator-app .vg-guided-return button {
    align-items: center;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 820;
    justify-content: center;
    min-height: 36px;
    white-space: nowrap;
  }
  #video-generator-app .vg-guided-return > button:not(.vg-guided-return-close) {
    background: linear-gradient(135deg, #5056d2, #6b5df0);
    color: #fff;
    padding: 0 15px;
  }
  #video-generator-app .vg-guided-return-close {
    background: rgba(32, 38, 79, 0.06);
    color: #20264f;
    width: 36px;
  }
  #video-generator-app .vg-result-stage {
    align-items: center;
    aspect-ratio: 16 / 9;
    background:
      radial-gradient(circle at 18% 8%, rgba(111, 97, 246, 0.18), transparent 32%),
      linear-gradient(145deg, #090b14, #171b28 58%, #0f111d);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-width: 0;
    min-height: 220px;
    overflow: hidden;
    position: relative;
  }
  #video-generator-app .vg-result-panel.has-samples .vg-result-stage {
    align-items: stretch;
    aspect-ratio: auto;
    background:
      linear-gradient(90deg, rgba(9, 11, 20, 0.95), rgba(9, 11, 20, 0) 13%, rgba(9, 11, 20, 0) 87%, rgba(9, 11, 20, 0.95)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 34%),
      radial-gradient(circle at 12% 0%, rgba(106, 94, 255, 0.44), transparent 34%),
      radial-gradient(circle at 92% 100%, rgba(255, 138, 61, 0.22), transparent 32%),
      #090b14;
    min-height: clamp(410px, 32vw, 560px);
    overflow: hidden;
  }
  #video-generator-app .vg-result-stage video {
    background: #070819;
    height: 100%;
    max-height: min(62vh, 560px);
    max-width: 100%;
    object-fit: contain;
    width: 100%;
  }
  #video-generator-app .vg-result-stage img.vg-result-image {
    height: auto;
    max-height: min(62vh, 560px);
    max-width: 100%;
    object-fit: contain;
    width: 100%;
  }
  #video-generator-app .vg-progress-overlay {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(12, 14, 32, 0), rgba(12, 14, 32, 0.78));
    bottom: 0;
    color: #fff;
    display: grid;
    gap: 8px;
    left: 0;
    padding: 48px 16px 16px;
    position: absolute;
    right: 0;
    z-index: 4;
  }
  #video-generator-app .vg-progress-preview {
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
    max-width: min(180px, 42vw);
    object-fit: cover;
    width: 100%;
  }
  #video-generator-app .vg-progress-kicker {
    align-items: center;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 850;
    gap: 8px;
    opacity: 0.9;
  }
  #video-generator-app .vg-progress-kicker i {
    color: #a69bff;
  }
  #video-generator-app .vg-progress-message {
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.86rem;
    font-weight: 720;
    line-height: 1.35;
    max-width: 58ch;
  }
  #video-generator-app .vg-progress-log {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 58px;
    overflow: hidden;
  }
  #video-generator-app .vg-result-empty .vg-progress-log {
    display: none;
  }
  #video-generator-app .vg-progress-log span {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.68rem;
    font-weight: 760;
    padding: 5px 8px;
  }
  #video-generator-app .vg-storyboard {
    display: grid;
    gap: 10px;
    order: 2;
  }
  #video-generator-app .vg-storyboard-head {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
  }
  #video-generator-app .vg-storyboard-head span {
    color: rgba(247, 249, 255, 0.7);
    font-size: 0.8rem;
    font-weight: 760;
  }
  #video-generator-app .vg-storyboard-actions {
    display: flex;
    gap: 8px;
  }
  #video-generator-app .vg-mini-action {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #f7f9ff;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 820;
    gap: 6px;
    min-height: 30px;
    padding: 0 10px;
  }
  #video-generator-app .vg-shot-list {
    display: grid;
    gap: 8px;
    max-height: 260px;
    overflow: auto;
    padding-right: 2px;
  }
  #video-generator-app .vg-shot-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    display: grid;
    gap: 7px;
    padding: 10px;
  }
  #video-generator-app .vg-shot-card.has-frame {
    grid-template-columns: 92px minmax(0, 1fr) minmax(0, 1fr);
  }
  #video-generator-app .vg-shot-title {
    align-items: center;
    display: flex;
    gap: 8px;
  }
  #video-generator-app .vg-shot-title strong {
    align-items: center;
    background: rgba(146, 127, 255, 0.22);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    height: 24px;
    justify-content: center;
    width: 24px;
  }
  #video-generator-app .vg-shot-title input,
  #video-generator-app .vg-shot-card textarea {
    background: transparent;
    border: 0;
    color: #f7f9ff;
    font: inherit;
    outline: 0;
    width: 100%;
  }
  #video-generator-app .vg-shot-title input {
    font-size: 0.84rem;
    font-weight: 820;
  }
  #video-generator-app .vg-shot-card textarea {
    color: rgba(247, 249, 255, 0.72);
    font-size: 0.78rem;
    line-height: 1.35;
    min-height: 44px;
    resize: vertical;
  }
  #video-generator-app .vg-shot-frame {
    align-self: stretch;
    border-radius: 13px;
    grid-row: 2 / 4;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
  }
  #video-generator-app .vg-shot-frame img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  #video-generator-app .vg-shot-frame figcaption {
    background: rgba(8, 10, 19, 0.54);
    border-radius: 999px;
    bottom: 6px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.62rem;
    font-weight: 820;
    left: 6px;
    padding: 4px 7px;
    position: absolute;
  }
  #video-generator-app .vg-shot-card.has-frame .vg-shot-status {
    grid-column: 2 / -1;
  }
  #video-generator-app .vg-shot-status {
    color: rgba(247, 249, 255, 0.58);
    font-size: 0.72rem;
    font-weight: 760;
  }
  #video-generator-app .vg-result-empty {
    color: #4a4f7f;
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 26px;
    text-align: center;
  }
  #video-generator-app .vg-result-sample-rows {
    box-sizing: border-box;
    contain: paint;
    display: grid;
    gap: 10px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 76px 0 12px;
    position: relative;
    width: 100%;
  }
  #video-generator-app .vg-result-samples {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    cursor: grab;
    scroll-behavior: auto;
    display: flex;
    gap: 10px;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0;
    scrollbar-width: none;
    touch-action: auto;
    user-select: none;
    width: 100%;
    z-index: 1;
  }
  #video-generator-app .vg-result-samples:active {
    cursor: grabbing;
  }
  #video-generator-app .vg-result-samples::-webkit-scrollbar {
    display: none;
  }
  #video-generator-app .vg-result-placeholder {
    --vg-placeholder-icon-col: 16px;
    --vg-placeholder-icon-gap: 8px;
    background: linear-gradient(180deg, rgba(9, 11, 20, 0.94), rgba(9, 11, 20, 0.58), rgba(9, 11, 20, 0));
    border-bottom: 0;
    color: rgba(247, 249, 255, 0.68);
    display: grid;
    gap: 5px;
    left: 0;
    padding: 15px 18px 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
  }
  #video-generator-app .vg-result-placeholder strong {
    align-items: center;
    color: #fff;
    display: grid;
    font-size: 0.92rem;
    font-weight: 880;
    gap: var(--vg-placeholder-icon-gap);
    grid-template-columns: var(--vg-placeholder-icon-col) minmax(0, 1fr);
  }
  #video-generator-app .vg-result-placeholder strong i {
    color: #a69bff;
    justify-self: center;
  }
  #video-generator-app .vg-result-placeholder span {
    display: block;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.35;
    margin-left: calc(var(--vg-placeholder-icon-col) + var(--vg-placeholder-icon-gap));
    overflow-wrap: anywhere;
  }
  #video-generator-app .vg-samples-toggle {
    align-items: center;
    background: rgba(255, 255, 255, 0.86);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(11, 14, 34, 0.14);
    color: #28306f;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 860;
    gap: 7px;
    min-height: 32px;
    padding: 0 11px;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 18;
  }
  #video-generator-app .vg-samples-toggle.is-compact {
    align-items: center;
    border-radius: 999px;
    height: 34px;
    justify-content: center;
    line-height: 0;
    min-height: 0;
    padding: 0;
    width: 34px;
  }
  #video-generator-app .vg-samples-toggle-glyph {
    align-items: center;
    display: inline-flex;
    font-size: 1.08rem;
    font-weight: 900;
    height: 1em;
    justify-content: center;
    line-height: 1;
    width: 1em;
  }
	  #video-generator-app .vg-result-panel.has-sample-toggle:not(.has-samples) .vg-media-surface.is-panel .vg-media-actions {
    right: 58px;
	  }
  @media (max-width: 640px) {
    #video-generator-app .vg-samples-toggle {
      right: 12px;
      top: 12px;
    }
    #video-generator-app .vg-samples-toggle.is-compact {
      height: 32px;
      min-height: 0;
      width: 32px;
    }
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions {
      justify-content: flex-start;
      left: 12px;
      max-width: none;
      overflow-x: auto;
      right: 12px;
      scrollbar-width: none;
      top: 12px;
    }
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions::-webkit-scrollbar {
      display: none;
    }
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions .vg-result-action[data-action-id="view"] {
      display: none;
    }
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions .vg-result-action {
      flex: 0 0 auto;
    }
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions .vg-result-action.is-primary {
      order: -1;
    }
	    #video-generator-app .vg-result-panel.has-sample-toggle:not(.has-samples) .vg-media-surface.is-panel .vg-media-actions {
	      justify-content: flex-start;
	      left: 12px;
	      max-width: none;
	      right: 52px;
	    }
	    #video-generator-app .vg-result-panel.has-sample-toggle:not(.has-samples) .vg-media-actions .vg-result-action {
	      font-size: 0.72rem;
	      gap: 5px;
	      min-height: 32px;
	      padding: 0 7px;
	    }
		    #video-generator-app .vg-result-placeholder {
		      --vg-placeholder-icon-col: 0px;
		      --vg-placeholder-icon-gap: 0px;
	      gap: 4px;
	      padding: 13px 78px 18px 8px;
	    }
	    #video-generator-app .vg-result-placeholder strong i {
	      display: none;
	    }
	    #video-generator-app .vg-result-placeholder strong {
	      align-items: flex-start;
	      font-size: 0.78rem;
	      line-height: 1.08;
	      white-space: nowrap;
	    }
	    #video-generator-app .vg-result-placeholder span {
	      font-size: 0.68rem;
	      line-height: 1.18;
	    }
  }
  #video-generator-app .vg-result-sample {
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    flex: 0 0 clamp(172px, 19vw, 228px);
    height: clamp(156px, 14vw, 214px);
    overflow: hidden;
    padding: 0;
    position: relative;
    transform: translateZ(0);
    transition:
      border-color 160ms ease,
      box-shadow 160ms ease,
      transform 160ms ease;
  }
  #video-generator-app .vg-result-sample::after {
    background: linear-gradient(180deg, rgba(7, 8, 16, 0.02), rgba(7, 8, 16, 0) 34%, rgba(7, 8, 16, 0.64));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
  #video-generator-app .vg-result-sample:hover,
  #video-generator-app .vg-result-sample:focus-visible {
    box-shadow: none;
    transform: translateY(-2px);
  }
  #video-generator-app .vg-result-sample:focus-visible {
    outline: 2px solid rgba(111, 97, 246, 0.65);
    outline-offset: 3px;
  }
  #video-generator-app .vg-result-sample video {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  #video-generator-app .vg-result-sample-meta {
    bottom: 0;
    color: #fff;
    display: grid;
    gap: 5px;
    left: 0;
    padding: 44px 12px 13px;
    position: absolute;
    right: 0;
    text-align: left;
    z-index: 2;
  }
  #video-generator-app .vg-result-sample-title {
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.15;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
  }
  #video-generator-app .vg-result-sample-model {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.66rem;
    font-weight: 760;
    line-height: 1;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
  }
  #video-generator-app .vg-result-empty i {
    align-items: center;
    background: rgba(80, 86, 210, 0.1);
    border-radius: 18px;
    color: #5056d2;
    display: inline-flex;
    font-size: 1.35rem;
    height: 46px;
    justify-content: center;
    width: 46px;
  }
  #video-generator-app .vg-progress-bar {
    background: rgba(80, 86, 210, 0.12);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
    width: min(300px, 80%);
  }
  #video-generator-app .vg-progress-bar span {
    animation: vg-progress 1.5s ease-in-out infinite;
    background: linear-gradient(90deg, #5056d2, #ff8a3d);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 42%;
  }
  @keyframes vg-progress {
    0% { transform: translateX(-110%); }
    100% { transform: translateX(250%); }
  }
  #video-generator-app .vg-result-action.is-primary {
    background: linear-gradient(135deg, #5056d2, #6b5df0);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 14px 28px rgba(80, 86, 210, 0.22);
  }
  #video-generator-app .vg-result-action:disabled {
    cursor: not-allowed;
    opacity: 0.48;
  }
  :where(#video-generator-app, body) :is(.vg-paywall-backdrop, .vg-alert-backdrop) {
    align-items: center;
    background: rgba(18, 20, 45, 0.38);
    backdrop-filter: blur(14px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 2147483647;
  }
  :where(#video-generator-app, body) .vg-alert-backdrop {
    background: rgba(18, 20, 45, 0.34);
  }
  :where(#video-generator-app, body) .vg-alert-modal {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(22, 24, 60, 0.24);
    color: #20264f;
    display: grid;
    gap: 12px;
    max-width: 420px;
    padding: 24px;
    position: relative;
    width: min(100%, 420px);
  }
  :where(#video-generator-app, body) :is(.vg-paywall-close, .vg-alert-close) {
    align-items: center;
    background: rgba(32, 38, 79, 0.07);
    border: 0;
    border-radius: 999px;
    color: #20264f;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 34px;
  }
  :where(#video-generator-app, body) .vg-alert-icon {
    align-items: center;
    background: rgba(80, 86, 210, 0.12);
    border: 1px solid rgba(80, 86, 210, 0.16);
    border-radius: 999px;
    color: #5056d2;
    display: inline-flex;
    font-size: 1.05rem;
    height: 44px;
    justify-content: center;
    width: 44px;
  }
  :where(#video-generator-app, body) .vg-alert-icon.is-error {
    background: rgba(228, 75, 75, 0.1);
    border-color: rgba(228, 75, 75, 0.18);
    color: #c53333;
  }
  :where(#video-generator-app, body) .vg-alert-icon.is-success {
    background: rgba(29, 167, 111, 0.1);
    border-color: rgba(29, 167, 111, 0.18);
    color: #15875a;
  }
  :where(#video-generator-app, body) .vg-alert-modal h2 {
    font-size: clamp(1.25rem, 3vw, 1.55rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 2px 36px 0 0;
  }
  :where(#video-generator-app, body) .vg-alert-modal p {
    color: #5d6288;
    line-height: 1.5;
    margin: 0;
  }
  :where(#video-generator-app, body) .vg-alert-actions {
    display: grid;
    gap: 10px;
    margin-top: 2px;
  }
  :where(#video-generator-app, body) .vg-alert-actions.is-confirm {
    align-items: stretch;
    display: flex;
    grid-template-columns: none;
  }
  :where(#video-generator-app, body) :is(.vg-alert-primary, .vg-paywall-cta) {
    align-items: center;
    background: linear-gradient(135deg, #20264f, #5056d2);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(80, 86, 210, 0.22);
    color: #fff;
    display: inline-flex;
    font-size: 0.98rem;
    font-weight: 820;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    text-align: center;
    width: 100%;
  }
  :where(#video-generator-app, body) .vg-alert-primary {
    background: linear-gradient(135deg, #5056d2, #6b5df0);
    border-radius: 14px;
  }
  :where(#video-generator-app, body) .vg-alert-secondary {
    align-items: center;
    background: rgba(32, 38, 79, 0.07);
    border: 1px solid rgba(32, 38, 79, 0.1);
    border-radius: 14px;
    color: #20264f;
    display: inline-flex;
    font-size: 0.98rem;
    font-weight: 820;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    text-align: center;
    width: 100%;
  }
  :where(#video-generator-app, body) .vg-alert-actions.is-confirm :is(.vg-alert-secondary, .vg-alert-primary) {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
  :where(#video-generator-app, body) .vg-alert-primary.is-destructive {
    background: linear-gradient(135deg, #c53333, #e24f5f);
    box-shadow: 0 14px 28px rgba(197, 51, 51, 0.2);
  }
  :where(#video-generator-app, body) .vg-alert-close:focus-visible,
  :where(#video-generator-app, body) .vg-alert-secondary:focus-visible,
  :where(#video-generator-app, body) .vg-alert-primary:focus-visible {
    outline: 3px solid rgba(80, 86, 210, 0.22);
    outline-offset: 3px;
  }
	  :where(#video-generator-app, body) .vg-paywall {
    background:
      radial-gradient(circle at 0% 0%, rgba(80, 86, 210, 0.16), transparent 32%),
      radial-gradient(circle at 100% 100%, rgba(255, 138, 61, 0.13), transparent 32%),
      rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 30px;
    box-shadow: 0 30px 110px rgba(22, 24, 60, 0.26);
    color: #20264f;
    max-height: calc(100dvh - 36px);
    max-width: 540px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 28px;
    position: relative;
	    width: min(100%, 540px);
	  }
	  :where(#video-generator-app, body) .vg-paywall .vg-studio-badge {
	    margin-bottom: 2px;
	  }
  :where(#video-generator-app, body) .vg-paywall-close { right: 18px; top: 18px; }
  :where(#video-generator-app, body) .vg-paywall h2 {
    font-size: clamp(1.6rem, 4vw, 2.15rem);
    font-weight: 860;
    letter-spacing: 0;
    line-height: 1.06;
    margin: 14px 0 10px;
    max-width: 420px;
  }
  :where(#video-generator-app, body) .vg-paywall p {
    color: #5d6288;
    line-height: 1.55;
    margin: 0 0 18px;
  }
  :where(#video-generator-app, body) .vg-paywall p strong {
    color: #20264f;
    font-weight: 860;
  }
  :where(#video-generator-app, body) .vg-paywall-list {
    display: grid;
    gap: 8px;
    margin: 16px 0 22px;
  }
  :where(#video-generator-app, body) .vg-paywall-list span {
    align-items: flex-start;
    display: inline-flex;
    gap: 9px;
    font-weight: 680;
    line-height: 1.35;
  }
  :where(#video-generator-app, body) .vg-paywall-list i {
    color: #5056d2;
    flex: 0 0 auto;
    line-height: 1.35;
    margin-top: 1px;
  }
  :where(#video-generator-app, body) .vg-paywall-models {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  :where(#video-generator-app, body) .vg-paywall-models-head {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }
  :where(#video-generator-app, body) .vg-paywall-models-head strong {
    color: #20264f;
    font-size: 0.94rem;
    font-weight: 860;
    line-height: 1.15;
  }
  :where(#video-generator-app, body) .vg-paywall-models-head span {
    color: #6c7194;
    display: block;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.25;
    margin-top: 2px;
  }
  :where(#video-generator-app, body) .vg-paywall-models-head a {
    background: rgba(80, 86, 210, 0.08);
    border-radius: 999px;
    color: #5056d2;
    flex: 0 0 auto;
    font-size: 0.74rem;
    font-weight: 820;
    line-height: 1;
    padding: 6px 9px;
    text-decoration: none;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid span {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(80, 86, 210, 0.1);
    border-radius: 10px;
    display: grid;
    gap: 0 6px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 7px;
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid i {
    color: #5056d2;
    grid-row: span 2;
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid b,
  :where(#video-generator-app, body) .vg-paywall-usage-grid small {
    display: block;
    line-height: 1.15;
    min-width: 0;
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid b {
    color: #20264f;
    font-size: 0.8rem;
    font-weight: 900;
  }
  :where(#video-generator-app, body) .vg-paywall-usage-grid small {
    color: #6c7194;
    font-size: 0.68rem;
    font-weight: 680;
  }
  :where(#video-generator-app, body) .vg-paywall-model-tabs {
    display: flex;
    gap: 5px;
    margin: 1px -2px 0;
    overflow-x: auto;
    padding: 1px 2px 4px;
    scrollbar-width: none;
  }
  :where(#video-generator-app, body) .vg-paywall-model-tabs::-webkit-scrollbar {
    display: none;
  }
  :where(#video-generator-app, body) .vg-paywall-model-tabs button {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(80, 86, 210, 0.12);
    border-radius: 999px;
    color: #505477;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 820;
    line-height: 1;
    min-height: 28px;
    padding: 0 9px;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-paywall-model-tabs button.is-active {
    background: #20264f;
    border-color: #20264f;
    color: #fff;
  }
  :where(#video-generator-app, body) .vg-paywall-model-scroll {
    display: grid;
    gap: 7px;
    max-height: 240px;
    overflow: auto;
    overscroll-behavior: contain;
    padding-right: 1px;
  }
  :where(#video-generator-app, body) .vg-paywall-model-section-title {
    color: #676b8e;
    font-size: 0.7rem;
    font-weight: 860;
    margin: 2px 0 4px;
    text-transform: uppercase;
  }
  :where(#video-generator-app, body) .vg-paywall-model-list {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 4px;
    overflow: visible;
  }
  :where(#video-generator-app, body) .vg-paywall-model-row {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(80, 86, 210, 0.08);
    border-radius: 10px;
    display: grid;
    gap: 4px;
    padding: 7px 9px;
  }
  :where(#video-generator-app, body) .vg-paywall-model-name {
    color: #20264f;
    font-size: 0.75rem;
    font-weight: 820;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-paywall-model-limits {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  :where(#video-generator-app, body) .vg-paywall-model-limits span {
    background: rgba(80, 86, 210, 0.055);
    border-radius: 7px;
    color: #505477;
    font-size: 0.66rem;
    font-weight: 760;
    min-width: 0;
    overflow: hidden;
    padding: 4px 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-paywall-model-limits b {
    color: #5056d2;
    font-weight: 900;
    margin-right: 3px;
  }
  :where(#video-generator-app, body) .vg-paywall-deadline {
    color: #6c7194;
    font-size: 0.82rem;
    font-weight: 760;
    margin: -10px 0 14px;
    text-align: center;
  }
  #video-generator-app .vg-grace-nudge {
    align-items: center;
    background: linear-gradient(135deg, rgba(80, 86, 210, 0.18), rgba(255, 138, 61, 0.12));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    color: #fff;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-top: 4px;
    padding: 10px 12px;
  }
  #video-generator-app .vg-grace-timer {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    letter-spacing: 0;
    min-width: 52px;
    padding: 7px 9px;
    text-align: center;
  }
  #video-generator-app .vg-grace-copy {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.82rem;
    font-weight: 680;
    line-height: 1.25;
    min-width: 0;
  }
  #video-generator-app .vg-grace-copy strong {
    color: #fff;
    display: block;
    font-size: 0.88rem;
    font-weight: 860;
  }
  #video-generator-app .vg-grace-cta {
    background: #fff;
    border: 0;
    border-radius: 999px;
    color: #20264f;
    font-size: 0.78rem;
    font-weight: 860;
    min-height: 34px;
    padding: 0 12px;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-signup-actions {
    display: grid;
    gap: 10px;
  }
  :where(#video-generator-app, body) .vg-checkout-error {
    background: #fff2f2;
    border: 1px solid #ffc9c9;
    border-radius: 12px;
    color: #9f1d1d;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 12px 0 0;
    padding: 10px 12px;
  }
  :where(#video-generator-app, body) .vg-paywall-cta {
    border-radius: 18px;
    box-shadow: 0 18px 38px rgba(80, 86, 210, 0.24);
    gap: 10px;
    line-height: 1.2;
    min-height: 52px;
    min-width: 0;
    white-space: normal;
  }
  :where(#video-generator-app, body) .vg-paywall-cta.is-secondary {
    background: #fff;
    border: 1px solid rgba(80, 86, 210, 0.26);
    box-shadow: none;
    color: #20264f;
  }
  :where(#video-generator-app, body) .vg-paywall-plans {
    display: grid;
    gap: 12px;
  }
  :where(#video-generator-app, body) .vg-plan-deadline {
    align-items: center;
    background: rgba(80, 86, 210, 0.1);
    border: 1px solid rgba(80, 86, 210, 0.18);
    border-radius: 999px;
    color: #3c368f;
    display: inline-flex;
    font-size: clamp(0.78rem, 2.35vw, 0.9rem);
    font-weight: 820;
    gap: 8px;
    justify-content: center;
    justify-self: stretch;
    line-height: 1.15;
    max-width: 100%;
    padding: 9px 12px;
    white-space: nowrap;
    width: 100%;
  }
  :where(#video-generator-app, body) .vg-plan-deadline b {
    color: #20264f;
    font-weight: 900;
  }
  :where(#video-generator-app, body) .vg-plan-choice {
    align-items: center;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(80, 86, 210, 0.18);
    border-radius: 18px;
    color: #20264f;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 78px;
    padding: 16px 18px;
    text-align: left;
    transition:
      border-color 160ms ease,
      box-shadow 160ms ease,
      transform 160ms ease;
    width: 100%;
  }
  :where(#video-generator-app, body) .vg-plan-choice:hover:not(:disabled) {
    border-color: rgba(80, 86, 210, 0.34);
    box-shadow: 0 14px 30px rgba(80, 86, 210, 0.14);
    transform: translateY(-1px);
  }
  :where(#video-generator-app, body) .vg-plan-choice.is-featured {
    background: linear-gradient(135deg, #20264f, #5056d2);
    border-color: transparent;
    box-shadow: 0 18px 38px rgba(80, 86, 210, 0.24);
    color: #fff;
    position: relative;
  }
  :where(#video-generator-app, body) .vg-plan-choice:disabled {
    cursor: progress;
    opacity: 0.72;
  }
  :where(#video-generator-app, body) .vg-plan-copy,
  :where(#video-generator-app, body) .vg-plan-choice small {
    display: block;
    min-width: 0;
  }
  :where(#video-generator-app, body) .vg-plan-choice strong {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.1rem;
    font-weight: 860;
    gap: 7px;
    line-height: 1.2;
  }
  :where(#video-generator-app, body) .vg-plan-choice em {
    background: rgba(255, 138, 61, 0.16);
    border-radius: 999px;
    color: #d96416;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 860;
    line-height: 1;
    padding: 5px 7px;
  }
  :where(#video-generator-app, body) .vg-plan-choice.is-featured em {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
  }
  :where(#video-generator-app, body) .vg-plan-copy small {
    color: #6c7194;
    font-size: 0.78rem;
    font-weight: 680;
    line-height: 1.3;
    margin-top: 4px;
  }
  :where(#video-generator-app, body) .vg-plan-choice.is-featured .vg-plan-copy small {
    color: rgba(255, 255, 255, 0.76);
  }
  :where(#video-generator-app, body) .vg-plan-choice .vg-plan-saving {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 999px;
    color: #3c368f;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 860;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 8px;
    padding: 5px 9px;
    text-transform: none;
    width: fit-content;
  }
  :where(#video-generator-app, body) .vg-plan-choice .vg-plan-saving.is-inline {
    background: rgba(80, 86, 210, 0.1);
    border-color: rgba(80, 86, 210, 0.18);
  }
  :where(#video-generator-app, body) .vg-plan-choice.is-featured .vg-plan-copy .vg-plan-saving {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.46);
    color: #20264f;
  }
  :where(#video-generator-app, body) .vg-plan-price {
    align-items: baseline;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 900;
    gap: 8px;
    line-height: 1.05;
    justify-content: flex-end;
    text-align: right;
    white-space: nowrap;
  }
  :where(#video-generator-app, body) .vg-plan-price span {
    display: block;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  :where(#video-generator-app, body) .vg-plan-price small {
    color: #6c7194;
    display: block;
    font-size: 0.72rem;
    font-weight: 760;
    margin-top: 5px;
  }
  :where(#video-generator-app, body) .vg-plan-price .vg-plan-regular {
    color: inherit;
    font-size: 0.88rem;
    margin-top: 0;
    opacity: 0.58;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
  }
  :where(#video-generator-app, body) .vg-plan-choice.is-featured .vg-plan-price small {
    color: rgba(255, 255, 255, 0.78);
  }
  :where(#video-generator-app, body) .vg-unlock-proof {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    text-align: center;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee {
    align-items: center;
    color: #20264f;
    display: flex;
    gap: 12px;
    justify-content: center;
  }
  :where(#video-generator-app, body) .vg-unlock-social {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--vg-ink, #20264f);
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 12px 14px;
    text-align: left;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee > i,
  :where(#video-generator-app, body) .vg-unlock-social > i {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee > i {
    color: #5f62df;
    font-size: 1.4rem;
  }
  :where(#video-generator-app, body) .vg-unlock-social > i {
    background: rgba(80, 86, 210, 0.12);
    color: var(--vg-primary, #5056d2);
    font-size: 1.06rem;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee strong,
  :where(#video-generator-app, body) .vg-unlock-guarantee span,
  :where(#video-generator-app, body) .vg-unlock-social strong,
  :where(#video-generator-app, body) .vg-unlock-social span {
    display: block;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee strong,
  :where(#video-generator-app, body) .vg-unlock-social strong {
    font-size: 0.96rem;
    font-weight: 860;
    line-height: 1.25;
  }
  :where(#video-generator-app, body) .vg-unlock-guarantee span {
    color: #686d90;
    font-size: 0.86rem;
    font-weight: 620;
    line-height: 1.35;
  }
  :where(#video-generator-app, body) .vg-unlock-social span {
    color: #686d90;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.35;
  }
  :where(#video-generator-app, body) .vg-unlock-proof a {
    color: #3d78ff;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  :where(#video-generator-app, body) .vg-unlock-social a {
    color: var(--vg-primary, #5056d2);
  }
  :where(#video-generator-app, body) .vg-unlock-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin: 2px 0;
  }
  :where(#video-generator-app, body) .vg-all-plans-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 14px;
    color: #5056d2 !important;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 880;
    gap: 10px;
    justify-content: center;
    min-height: 54px;
    padding: 0 30px;
    text-decoration: none !important;
  }
  :where(#video-generator-app, body) .vg-all-plans-button.is-emphasis {
    background: transparent;
    border: 0;
    color: #3538bf !important;
  }
  :where(#video-generator-app, body) .vg-unlock-note {
    color: #5d6288;
    font-size: 0.84rem;
    font-weight: 560;
    line-height: 1.5;
  }
  :where(#video-generator-app, body) .vg-unlock-legal {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
    line-height: 1;
  }
	  @media (max-width: 480px) {
	    :where(#video-generator-app, body) .vg-paywall-backdrop {
	      align-items: stretch;
	      justify-content: stretch;
	      padding: 0;
	    }
	    :where(#video-generator-app, body) .vg-paywall {
	      border: 0;
	      border-radius: 0;
	      box-shadow: none;
	      height: 100dvh;
	      max-height: none;
	      max-width: none;
	      overflow-y: auto;
	      padding: calc(24px + env(safe-area-inset-top, 0px)) 18px calc(28px + env(safe-area-inset-bottom, 0px));
	      width: 100vw;
	    }
    :where(#video-generator-app, body) .vg-paywall-cta {
      min-height: 54px;
      padding: 9px 14px;
    }
    :where(#video-generator-app, body) .vg-paywall-usage-grid {
      grid-template-columns: 1fr 1fr;
    }
    #video-generator-app .vg-grace-nudge {
      grid-template-columns: auto minmax(0, 1fr);
    }
    #video-generator-app .vg-grace-cta {
      grid-column: 1 / -1;
      width: 100%;
    }
    :where(#video-generator-app, body) .vg-plan-choice {
      align-items: center;
      gap: 10px;
      min-height: 62px;
      padding: 10px 12px;
    }
    :where(#video-generator-app, body) .vg-plan-choice strong {
      font-size: 0.94rem;
    }
    :where(#video-generator-app, body) .vg-plan-choice small {
      font-size: 0.74rem;
    }
    :where(#video-generator-app, body) .vg-plan-choice b {
      font-size: 0.95rem;
    }
    :where(#video-generator-app, body) .vg-unlock-proof {
      gap: 10px;
      margin-top: 14px;
    }
    :where(#video-generator-app, body) .vg-unlock-guarantee {
      gap: 9px;
    }
    :where(#video-generator-app, body) .vg-unlock-social {
      align-items: flex-start;
      padding: 11px 12px;
    }
    :where(#video-generator-app, body) .vg-unlock-social strong {
      font-size: 0.88rem;
    }
    :where(#video-generator-app, body) .vg-unlock-social span {
      font-size: 0.8rem;
    }
    :where(#video-generator-app, body) .vg-unlock-note {
      font-size: 0.78rem;
      line-height: 1.42;
    }
  }
	  html,
	  body {
	    background: #f7f8ff !important;
		  }
		  body.giz-ai-video-generator-page #main {
			    background: transparent !important;
			    overflow: visible !important;
			    position: relative;
			  }
		  body.giz-ai-video-generator-page {
		    overflow-x: hidden;
		  }
		  body.giz-ai-video-generator-page .entry-content {
		    overflow: visible !important;
		  }
		  body.giz-ai-video-generator-page #main::before {
		    background:
		      linear-gradient(rgba(23, 18, 14, 0.045) 1px, transparent 1px),
		      linear-gradient(90deg, rgba(23, 18, 14, 0.045) 1px, transparent 1px),
		      radial-gradient(circle at -12% 8%, rgba(98, 113, 235, 0.3), transparent 24rem),
		      radial-gradient(circle at 108% 58%, rgba(255, 138, 61, 0.13), transparent 22rem),
		      radial-gradient(circle at 104% 66%, rgba(146, 127, 255, 0.22), transparent 26rem),
		      radial-gradient(circle at 8% -10%, rgba(98, 113, 235, 0.18), transparent 28rem),
		      radial-gradient(circle at 92% 4%, rgba(146, 127, 255, 0.14), transparent 28rem),
		      linear-gradient(135deg, #f7f8ff 0%, #ffffff 52%, #f2f4ff 100%);
		    background-size:
		      46px 46px,
		      46px 46px,
		      auto,
		      auto,
		      auto,
		      auto,
		      auto,
		      auto;
		    content: '';
		    top: 0;
		    bottom: 0;
		    left: 50%;
		    width: 100vw;
		    transform: translateX(-50%);
		    pointer-events: none;
		    position: absolute;
		    z-index: 0;
	  }
  #video-generator-app {
    background: transparent;
	    color: #171821;
	    font-family: Sora, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	    isolation: isolate;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow-x: clip;
    overflow-y: visible;
    position: relative;
    width: 100vw;
    -webkit-text-size-adjust: 100%;
  }
	  body.giz-ai-video-generator-page #main > * {
	    position: relative;
	    z-index: 1;
	  }
		  body.giz-ai-video-generator-page #app {
		    background: transparent !important;
		    margin-top: 0 !important;
		  }
		  #video-generator-app .vg-orb {
		    border-radius: 999px;
		    filter: blur(16px);
		    height: 420px;
		    opacity: 0.45;
		    animation: vgFloatOrb 14s ease-in-out infinite;
		    pointer-events: none;
		    position: absolute;
		    width: 420px;
		    z-index: 0;
		  }
		  #video-generator-app .vg-orb-one {
		    background: conic-gradient(from 120deg, rgba(98, 113, 235, 0.64), rgba(146, 127, 255, 0.44), rgba(190, 198, 255, 0.44), rgba(98, 113, 235, 0.64));
		  }
		  #video-generator-app .vg-orb-two {
		    background: conic-gradient(from 40deg, rgba(146, 127, 255, 0.42), rgba(98, 113, 235, 0.5), rgba(255, 138, 61, 0.22), rgba(146, 127, 255, 0.42));
		    animation-delay: -5s;
		  }
		  @keyframes vgFloatOrb {
		    0%,
		    100% {
		      transform: translate3d(0, 0, 0) scale(1);
		    }
		    50% {
		      transform: translate3d(18px, -20px, 0) scale(1.04);
		    }
		  }
  #video-generator-app video,
  #video-generator-app img {
    max-width: 100%;
    height: auto;
  }
  #use-cases video[data-showcase-video] {
    cursor: pointer;
  }
		  #video-generator-app .vg-shell {
		    color: #182032;
		    display: flex;
		    flex-direction: column;
			    margin: 0 auto 34px;
			    padding: 0;
			    position: relative;
			    z-index: 1;
			  }
		  #video-generator-app .vg-hero {
	    display: block;
	    order: 2;
	    position: relative;
	    z-index: 1;
	  }
	  #video-generator-app .vg-copy {
	    align-items: center;
	    background: transparent;
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	    display: grid;
	    gap: 12px 28px;
	    grid-template-columns: minmax(0, 1fr) auto;
    overflow: visible;
    padding: 20px 20px 10px;
    position: relative;
  }
  #video-generator-app .vg-eyebrow {
    align-items: center;
    color: #6f61f6;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 8px;
    letter-spacing: 0;
    position: relative;
    text-transform: uppercase;
    grid-column: 1;
  }
	  #video-generator-app .vg-title {
	    color: #111827;
	    font-family: Fraunces, Georgia, serif;
	    font-size: clamp(2.25rem, 4vw, 4.25rem);
	    font-weight: 850;
	    letter-spacing: 0;
	    line-height: 0.92;
	    margin: 6px 0 0;
	    max-width: none;
    position: relative;
    grid-column: 1;
  }
	  #video-generator-app .vg-title span {
	    background: linear-gradient(94deg, #171821, #6271eb 50%, #7d8cff);
	    background-clip: text;
	    color: transparent;
	    -webkit-background-clip: text;
	    display: inline;
	    overflow-wrap: anywhere;
	  }
	  #video-generator-app .vg-price-line {
	    align-items: center;
	    color: #3f4658;
	    display: flex;
	    flex-wrap: nowrap;
	    font-size: clamp(1rem, 1.7vw, 1.18rem);
	    gap: 10px;
	    line-height: 1.35;
	    margin: 0;
	    position: relative;
	    grid-column: 1;
	  }
	  #video-generator-app .vg-price-line span {
	    min-width: 0;
	  }
  #video-generator-app .vg-price-line strong {
    background: linear-gradient(135deg, #6f61f6, #8f7cff);
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(111, 97, 246, 0.22);
    color: #fff;
    display: inline-flex;
    font-size: 1.08em;
    font-weight: 900;
    padding: 8px 13px;
  }
  #video-generator-app .vg-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-self: center;
    grid-column: 2;
    grid-row: 1 / span 3;
    margin-top: 0;
    position: relative;
  }
  #video-generator-app .vg-plan-button,
  #video-generator-app .vg-pricing-button {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    text-decoration: none;
    transition:
      box-shadow 180ms ease,
      transform 180ms ease;
  }
  #video-generator-app .vg-plan-button {
    background: linear-gradient(135deg, #6f61f6, #8f7cff);
    border: 0;
    box-shadow: 0 16px 34px rgba(111, 97, 246, 0.25);
    color: #fff;
    cursor: pointer;
  }
  #video-generator-app .vg-plan-button:disabled {
    cursor: wait;
    opacity: 0.72;
  }
  #video-generator-app .vg-pricing-button {
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid rgba(111, 97, 246, 0.16);
    color: #4c45c7;
  }
  #video-generator-app .vg-plan-button:hover:not(:disabled),
  #video-generator-app .vg-pricing-button:hover {
    transform: translateY(-1px);
  }
  #video-generator-app .vg-value-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    grid-column: 1 / -1;
    margin-top: 6px;
    max-width: none;
    position: relative;
  }
  #video-generator-app .vg-value-row {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex: 1 1 520px;
    gap: 8px;
    min-width: 0;
    padding: 0;
  }
  #video-generator-app .vg-value-row strong {
    color: #4c45c7;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 850;
    text-transform: uppercase;
    white-space: nowrap;
  }
  #video-generator-app .vg-value-row strong::after {
    color: rgba(76, 69, 199, 0.42);
    content: '/';
    margin-left: 8px;
  }
  #video-generator-app .vg-value-row span {
    color: #596174;
    flex: 1 1 auto;
    font-size: 0.9rem;
    line-height: 1.35;
    min-width: 0;
  }
  #video-generator-app .vg-rate-link {
    color: #6f61f6;
    font-weight: 850;
    text-decoration: none;
  }
  #video-generator-app .vg-rate-link:hover {
    text-decoration: underline;
  }
  #video-generator-app .vg-use-sample {
    align-items: center;
    background: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(17, 19, 32, 0.08);
    color: #ffffff;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 850;
    gap: 6px;
    margin-top: 0;
    min-height: 28px;
    padding: 6px 9px;
    pointer-events: auto;
    position: absolute;
    right: 10px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.42);
    top: 10px;
    z-index: 3;
  }
  #video-generator-app .vg-result-sample .vg-use-sample {
    background: rgba(10, 12, 20, 0.24);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: none;
    font-size: 0.64rem;
    left: 9px;
    min-height: 26px;
    opacity: 0.78;
    padding: 5px 8px;
    right: auto;
    top: 9px;
  }
  #video-generator-app .vg-result-sample:hover .vg-use-sample,
  #video-generator-app .vg-result-sample:focus-visible .vg-use-sample,
  #video-generator-app .vg-result-sample .vg-use-sample:focus-visible {
    background: rgba(10, 12, 20, 0.34);
    opacity: 1;
  }
		  #video-generator-app .vg-workbench {
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	    box-sizing: border-box;
	    backdrop-filter: none;
	    order: 1;
	    position: relative;
	    z-index: 40;
	  }
		  #video-generator-app .vg-composer {
	    background:
	      radial-gradient(circle at 14% 0, rgba(98, 113, 235, 0.24), transparent 34%),
	      radial-gradient(circle at 94% 12%, rgba(146, 127, 255, 0.16), transparent 28%),
	      linear-gradient(145deg, #11141d, #1b1f2b 64%, #16152a);
	    box-shadow: none;
	    backdrop-filter: blur(22px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    overflow: visible;
    padding: 14px;
    position: relative;
    z-index: 20;
  }
		  #video-generator-app .vg-topbar {
		    display: contents;
		    padding: 0;
		  }
	  #video-generator-app .vg-mode-tabs {
	    background: transparent;
	    display: grid;
	    gap: 6px;
	    grid-template-columns: repeat(3, minmax(0, 1fr));
	    margin: 0;
	    overflow-x: auto;
	    padding: 0;
	    order: 0;
	    scrollbar-width: none;
	  }
  #video-generator-app .vg-mode-tabs::-webkit-scrollbar,
  #video-generator-app .vg-tool-row::-webkit-scrollbar {
    display: none;
  }
  #video-generator-app .vg-mode-button {
	    background: rgba(255, 255, 255, 0.07);
	    border: 1px solid rgba(255, 255, 255, 0.11);
	    border-radius: 999px;
	    color: rgba(247, 249, 255, 0.72);
    cursor: pointer;
	    flex: 0 0 auto;
    font-weight: 750;
    min-height: 34px;
    padding: 8px 11px;
    transition:
      background 160ms ease,
      box-shadow 160ms ease,
      color 160ms ease;
    white-space: nowrap;
    width: 100%;
  }
  #video-generator-app .vg-mode-short {
    display: none;
  }
	  #video-generator-app .vg-mode-button.is-active {
	    background: linear-gradient(135deg, #927fff, #6f61f6);
	    box-shadow: 0 10px 22px rgba(111, 97, 246, 0.26);
	    color: #fff;
	  }
			  #video-generator-app .vg-tool-row {
			    align-items: stretch;
				    background: transparent;
					    display: grid;
					    gap: 8px;
					    grid-template-columns: repeat(4, minmax(0, 1fr));
					    justify-content: stretch;
					    margin-top: auto;
				    min-width: 0;
				    order: 3;
				    overflow: visible;
				    padding: 0;
			    position: relative;
			    scrollbar-width: none;
			    z-index: 5;
		  }
		  #video-generator-app .vg-tool,
		  #video-generator-app .vg-upload-tile {
	    background: rgba(255, 255, 255, 0.08);
	    border: 1px solid rgba(255, 255, 255, 0.12);
	    border-radius: 999px;
	    color: #f7f9ff;
	    display: inline-flex;
	    flex: 0 0 auto;
	    font-size: 0.82rem;
	    font-weight: 800;
	    gap: 7px;
	    justify-content: flex-start;
	    max-width: 100%;
	    line-height: 1.18;
	    min-width: 0;
	    padding: 6px 11px;
	    position: relative;
		    width: 100%;
		  }
  #video-generator-app .vg-tool > i,
  #video-generator-app .vg-upload-tile i {
    flex: 0 0 auto;
  }
  #video-generator-app .vg-tool-toggle {
    cursor: pointer;
    padding-right: 28px;
  }
  #video-generator-app .vg-tool-toggle::after {
    color: rgba(247, 249, 255, 0.58);
    content: '\f078';
    font-family: "Font Awesome 6 Free";
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  #video-generator-app .vg-tool-toggle:hover,
  #video-generator-app .vg-tool-toggle.is-open {
    background: rgba(255, 255, 255, 0.13);
    border-color: rgba(146, 127, 255, 0.44);
  }
  #video-generator-app .vg-upload-tile.is-extend-ready {
    animation: vg-extend-ready-pulse 900ms ease-out 1;
    background: rgba(118, 209, 163, 0.14);
  }
  #video-generator-app .vg-extend-feedback {
    align-items: center;
    background: rgba(17, 24, 39, 0.92);
    border-radius: 999px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
    color: #d7ffe8;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    left: 8px;
    letter-spacing: 0;
    line-height: 1;
    max-width: min(260px, calc(100vw - 48px));
    min-height: 28px;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 8px);
    white-space: nowrap;
    z-index: 6;
  }
  @keyframes vg-extend-ready-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(118, 209, 163, 0.52);
    }
    100% {
      box-shadow: 0 0 0 10px rgba(118, 209, 163, 0);
    }
  }
  #video-generator-app .vg-tool-toggle:focus-visible,
  #video-generator-app .vg-upload-target:focus-visible,
  #video-generator-app .vg-submit:focus-visible {
    outline: 2px solid rgba(247, 249, 255, 0.68);
    outline-offset: 3px;
  }
	  #video-generator-app .vg-tool.is-open {
	    z-index: 5000;
	  }
  #video-generator-app .vg-tool-menu {
    background: #202433;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
    display: grid;
    gap: 4px;
    left: 0;
    min-width: max(100%, 176px);
    max-width: min(320px, calc(100vw - 28px));
    padding: 6px;
	    position: absolute;
	    top: calc(100% + 8px);
	    z-index: 5001;
	  }
  #video-generator-app .vg-tool:nth-last-child(-n + 2) .vg-tool-menu {
    left: auto;
    right: 0;
  }
  #video-generator-app .vg-tool-option {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 11px;
    color: #f7f9ff;
    cursor: pointer;
    display: flex;
    font-size: 0.84rem;
    font-weight: 750;
    justify-content: space-between;
    min-height: 34px;
    padding: 0 10px;
    text-align: left;
    white-space: nowrap;
  }
  #video-generator-app .vg-tool-option-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #video-generator-app .vg-tool-option-badge {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #ffe0ad;
    flex: 0 0 auto;
    font-size: 0.64rem;
    font-weight: 900;
    line-height: 1;
    margin-left: 10px;
    padding: 4px 7px;
    text-transform: uppercase;
  }
  #video-generator-app .vg-tool-option:hover,
  #video-generator-app .vg-tool-option.is-selected {
    background: rgba(146, 127, 255, 0.16);
    color: #d9d4ff;
  }
  #video-generator-app .vg-tool-option.is-selected::after {
    content: '✓';
    font-weight: 900;
    margin-left: 14px;
  }
			  #video-generator-app .vg-prompt-box {
			    display: flex;
			    flex: 1 1 auto;
			    min-height: 104px;
			    order: 1;
			    padding: 2px 4px 6px;
			    position: relative;
			    z-index: 1;
		  }
	  #video-generator-app .vg-prompt-box textarea {
	    background: transparent;
		    border: 0;
		    color: #f7f9ff;
		    flex: 1 1 auto;
		    font-size: 1.05rem;
		    height: 100%;
	    line-height: 1.52;
	    min-height: 112px;
	    outline: 0;
	    padding: 4px 2px;
	    resize: none;
	    width: 100%;
	  }
	  #video-generator-app .vg-prompt-box textarea::placeholder {
	    color: rgba(247, 249, 255, 0.42);
	  }
	  #video-generator-app .vg-action-deck {
	    background: transparent;
	    display: grid;
	    gap: 10px;
	    margin-top: 0;
	    order: 4;
	    padding: 0;
	    position: relative;
	    z-index: 4;
	  }
		  #video-generator-app .vg-face-strip {
		    display: flex;
		    gap: 8px;
		    grid-column: 1 / -1;
		    min-width: 0;
		    overflow-x: auto;
		    padding: 0 0 2px;
		    scrollbar-width: none;
		  }
		  #video-generator-app .vg-face-strip::-webkit-scrollbar {
		    display: none;
		  }
		  #video-generator-app .vg-face-choice {
		    background: rgba(255, 255, 255, 0.08);
		    border: 1px solid rgba(255, 255, 255, 0.12);
		    border-radius: 15px;
		    cursor: pointer;
		    flex: 0 0 54px;
		    height: 54px;
		    overflow: hidden;
		    padding: 0;
		    position: relative;
		  }
		  #video-generator-app .vg-face-choice img {
		    display: block;
		    height: 100%;
		    object-fit: cover;
		    width: 100%;
		  }
		  #video-generator-app .vg-face-choice.is-active {
		    border-color: rgba(146, 127, 255, 0.92);
		    box-shadow: 0 0 0 3px rgba(146, 127, 255, 0.18);
		  }
	  #video-generator-app .vg-upload-target {
	    cursor: pointer;
	    flex: 1 1 auto;
	    gap: 7px;
	  }
	  #video-generator-app .vg-upload-target img {
	    border-radius: 999px;
	    height: 24px;
	    object-fit: cover;
	    width: 24px;
	  }
		  #video-generator-app .vg-clear-upload {
	    align-items: center;
	    border: 0;
	    border-radius: 999px;
	    cursor: pointer;
	    display: inline-flex;
	    font-weight: 900;
	    justify-content: center;
	  }
	  #video-generator-app .vg-clear-upload {
	    background: rgba(17, 20, 29, 0.78);
	    color: #fff;
	    height: 22px;
	    width: 22px;
	  }
	  #video-generator-app .vg-clear-upload:hover {
	    background: rgba(146, 127, 255, 0.22);
	    color: #fff;
	  }
  #video-generator-app .vg-upload-count {
    align-items: center;
    background: #6f61f6;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    justify-content: center;
    min-width: 22px;
    padding: 3px 7px;
  }
  #video-generator-app .vg-settings {
		    align-items: center;
		    background: transparent;
		    border-top: 0;
	    display: flex;
	    gap: 10px;
	    justify-content: flex-end;
	    min-width: 0;
	    padding: 0;
	  }
  #video-generator-app .vg-settings .vg-mini-action {
    flex: 0 0 auto;
    min-height: 52px;
  }
  #video-generator-app .vg-settings .vg-submit {
    flex: 1 1 auto;
  }
  #video-generator-app .vg-submit {
    align-items: center;
    background: linear-gradient(135deg, #927fff, #6f61f6);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 38px rgba(111, 97, 246, 0.24);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 850;
    gap: 10px;
    justify-content: center;
    min-height: 52px;
    width: 100%;
  }
  #video-generator-app .vg-submit:disabled {
    cursor: wait;
    opacity: 0.74;
  }
	  @media (min-width: 768px) {
	    #video-generator-app .vg-action-deck {
	      align-items: center;
	      grid-template-columns: minmax(0, 1fr);
	    }
	  }
	  @media (min-width: 1024px) {
	    #video-generator-app .vg-tool-row {
	      grid-template-columns: repeat(4, minmax(0, 1fr));
	    }
	    #video-generator-app .vg-tool,
	    #video-generator-app .vg-upload-tile {
	      font-size: 0.78rem;
	      gap: 6px;
	      padding-left: 10px;
	      padding-right: 10px;
	    }
	    #video-generator-app .vg-tool-toggle {
	      padding-right: 24px;
	    }
	  }
		  @media (max-width: 900px) {
	    #video-generator-app .vg-tool-row {
	      grid-template-columns: repeat(3, minmax(0, 1fr));
	      justify-content: flex-start;
	      overflow: visible;
	      width: 100%;
	    }
	  }
  #video-generator-app .vg-prompt-box.has-prompt-actions textarea {
    padding-right: 58px;
  }
  #video-generator-app .vg-prompt-action {
    align-items: center;
    appearance: none;
    background: rgba(247, 249, 255, 0.14);
    backdrop-filter: blur(14px);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
    color: #f7f9ff;
    display: inline-flex;
    font-size: 0.86rem;
    height: 38px;
    justify-content: center;
    min-height: 38px;
    min-width: 38px;
    padding: 0;
    position: absolute;
    right: 12px;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
    width: 38px;
    z-index: 20;
  }
  #video-generator-app .vg-clear-prompt {
    top: 12px;
  }
  #video-generator-app .vg-prompt-action.vg-enhance-prompt {
    top: 58px;
  }
  #video-generator-app .vg-prompt-action:hover:not(:disabled) {
    background: rgba(146, 127, 255, 0.38);
    transform: translateY(-1px);
  }
  #video-generator-app .vg-prompt-action:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  #video-generator-app .vg-prompt-action span {
    display: none;
  }

  #video-generator-app .vg-tool,
  #video-generator-app .vg-upload-tile {
    align-items: center;
    box-sizing: border-box;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    touch-action: manipulation;
    white-space: nowrap !important;
  }
  #video-generator-app .vg-tool {
    display: flex;
  }
  #video-generator-app .vg-tool > i,
  #video-generator-app .vg-upload-target > i,
  #video-generator-app .vg-upload-target > img,
  #video-generator-app .vg-upload-target > video,
  #video-generator-app .vg-clear-upload {
    flex: 0 0 auto;
  }
  #video-generator-app .vg-upload-target {
    align-items: center;
    display: flex;
    min-width: 0;
    width: 100%;
  }
  #video-generator-app .vg-tool,
  #video-generator-app .vg-upload-target span {
    min-width: 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #video-generator-app .vg-tool.vg-tool-toggle {
    overflow: visible !important;
  }
  #video-generator-app .vg-premium-soft-gate {
    align-items: center;
    background: rgba(80, 86, 210, 0.08);
    border: 1px solid rgba(80, 86, 210, 0.14);
    border-radius: 14px;
    color: #283064;
    display: flex;
    font-size: 0.82rem;
    font-weight: 700;
    gap: 8px;
    line-height: 1.35;
    padding: 9px 10px;
  }
  #video-generator-app .vg-premium-soft-gate span {
    flex: 1 1 auto;
    min-width: 0;
  }
  #video-generator-app .vg-premium-soft-gate button {
    background: #5056d2;
    border: 0;
    border-radius: 999px;
    color: #fff;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 850;
    min-height: 30px;
    padding: 0 11px;
  }
  #video-generator-app .vg-upload-target span {
    display: block;
    line-height: 1;
  }
  #video-generator-app .vg-upload-video-thumb {
    border-radius: 999px;
    height: 24px;
    object-fit: cover;
    width: 24px;
  }

  #video-generator-app .vg-media-history,
  body > .vg-viewer-backdrop .vg-viewer-gallery {
    cursor: grab;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    touch-action: auto;
    user-select: none;
  }
  #video-generator-app .vg-media-history:active {
    cursor: grabbing;
  }
  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage {
    background: #03050c;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #video-generator-app .vg-media-surface.is-panel {
    background: #03050c;
  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-frame > .vg-media-asset,
  body > .vg-viewer-backdrop .vg-viewer-media img,
  body > .vg-viewer-backdrop .vg-viewer-media video {
    background: #03050c;
    box-shadow: 0 28px 120px rgba(0, 0, 0, 0.42);
    width: auto;
  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-frame > video.vg-media-asset {
	    aspect-ratio: auto !important;
	    height: auto !important;
	    max-height: 100% !important;
	    max-width: 100% !important;
	  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-history {
    cursor: grab;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    touch-action: auto;
    user-select: none;
  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-history:active,
  body > .vg-viewer-backdrop .vg-viewer-gallery:active {
    cursor: grabbing;
  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-history::-webkit-scrollbar {
    display: none;
  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-thumb {
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
    flex: 0 0 96px;
    height: 72px;
  }
  #video-generator-app .vg-media-surface.is-panel .vg-media-thumb.is-active {
    box-shadow:
      inset 0 0 0 2px rgba(220,216,255,0.92),
      0 0 0 4px rgba(146,127,255,0.2);
  }
  #video-generator-app .vg-media-thumb-remove,
  body > .vg-viewer-backdrop .vg-media-thumb-remove {
    align-items: center;
    background: rgba(8, 10, 24, 0.58);
    border: 0;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.7rem;
    height: 20px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: opacity 140ms ease, transform 140ms ease, background 140ms ease;
    width: 20px;
    z-index: 3;
  }
  #video-generator-app .vg-media-thumb:hover .vg-media-thumb-remove,
  #video-generator-app .vg-media-thumb:focus-visible .vg-media-thumb-remove,
  #video-generator-app .vg-media-thumb-remove:focus-visible,
  body > .vg-viewer-backdrop .vg-media-thumb:hover .vg-media-thumb-remove,
  body > .vg-viewer-backdrop .vg-media-thumb:focus-visible .vg-media-thumb-remove,
  body > .vg-viewer-backdrop .vg-media-thumb-remove:focus-visible {
    opacity: 1;
  }
  #video-generator-app .vg-media-thumb-remove:hover,
  #video-generator-app .vg-media-thumb-remove:focus-visible,
  body > .vg-viewer-backdrop .vg-media-thumb-remove:hover,
  body > .vg-viewer-backdrop .vg-media-thumb-remove:focus-visible {
    background: rgba(245, 75, 88, 0.92);
    transform: scale(1.04);
  }
  @media (hover: none) {
    #video-generator-app .vg-media-thumb-remove,
    body > .vg-viewer-backdrop .vg-media-thumb-remove {
      opacity: 1;
    }
  }
  @media (max-width: 1360px) and (min-width: 1024px) {
    #video-generator-app .vg-composer {
      flex-basis: clamp(520px, 44vw, 600px);
      min-width: 500px;
    }
    #video-generator-app .vg-tool-row {
      gap: 7px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    #video-generator-app .vg-tool,
    #video-generator-app .vg-upload-tile {
      font-size: 0.76rem;
      gap: 5px;
      min-height: 34px;
      padding-left: 9px;
      padding-right: 9px;
    }
    #video-generator-app .vg-tool-toggle {
      padding-right: 24px;
    }
  }
	  @media (max-width: 1180px) and (min-width: 901px) {
	    #video-generator-app .vg-workbench {
	      height: auto;
	      flex-direction: column;
	    }
    #video-generator-app .vg-composer {
      flex: 0 0 auto;
      min-height: 420px;
      min-width: 0;
      width: 100%;
    }
    #video-generator-app .vg-result-panel {
      min-height: 460px;
      width: 100%;
    }
  }
  @media (max-width: 900px) {
    #video-generator-app .vg-media-surface.is-panel .vg-media-actions {
      left: 10px;
      right: 10px;
      top: 12px;
    }
  }
		  @media (max-width: 640px) {
		    #video-generator-app .vg-hero {
		      margin-inline: 10px;
		    }
		    #video-generator-app .vg-copy {
		      grid-template-columns: 1fr;
		      padding: 18px;
		    }
        #video-generator-app .vg-eyebrow,
        #video-generator-app .vg-title,
        #video-generator-app .vg-price-line,
        #video-generator-app .vg-cta-row,
        #video-generator-app .vg-value-panel {
          grid-column: 1;
        }
        #video-generator-app .vg-cta-row {
          grid-row: auto;
          justify-content: stretch;
        }
        #video-generator-app .vg-plan-button,
        #video-generator-app .vg-pricing-button {
          justify-content: center;
        }
		    body.giz-ai-video-generator-page #app {
		      left: 50%;
		      margin-left: -50vw;
		      margin-right: -50vw;
		      position: relative;
		      width: 100vw;
		    }
		    body.giz-ai-video-generator-page #app .container {
		      max-width: min(100%, calc(100vw - 10px));
		      padding-left: 5px;
		      padding-right: 5px;
		    }
		    #video-generator-app .vg-use-sample {
		      bottom: auto;
		      min-height: 24px;
		      padding: 5px 9px;
		      right: 8px;
		      top: 8px;
		    }
		    #video-generator-app .vg-composer {
		      border-radius: 22px;
		      gap: 8px;
		      padding: 12px;
		    }
		    #video-generator-app .vg-topbar {
		      padding: 0;
		    }
		    #video-generator-app .vg-price-line {
		      flex-wrap: wrap;
		    }
		    #video-generator-app .vg-title {
		      font-size: clamp(2.6rem, 11vw, 3.35rem);
		      line-height: 0.92;
		    }
		    #video-generator-app .vg-title span {
		      display: inline;
		    }
		    #video-generator-app .vg-mode-tabs {
	      gap: 7px;
	    }
	    #video-generator-app .vg-tool-row {
	      gap: 7px;
	      grid-template-columns: repeat(2, minmax(0, 1fr));
	      padding-top: 0;
	    }
	    #video-generator-app .vg-tool {
	      flex: 1 1 calc(50% - 4px);
	      font-size: 0.78rem;
	      min-height: 32px;
	      overflow: visible;
	      padding: 6px 10px;
	      white-space: normal;
	    }
	    #video-generator-app .vg-tool-toggle {
	      padding-right: 26px;
	    }
		    #video-generator-app .vg-mode-button {
	      border-radius: 14px;
	      font-size: 0.82rem;
	      min-height: 32px;
	      min-width: 0;
	      padding: 7px 10px;
	      width: 100%;
	    }
	    #video-generator-app .vg-mode-button i {
	      display: none;
	    }
	    #video-generator-app .vg-mode-label {
	      display: none;
	    }
	    #video-generator-app .vg-mode-short {
	      display: inline;
	      min-width: 0;
	      overflow: hidden;
	      text-overflow: ellipsis;
	    }
	    #video-generator-app .vg-value-row {
	      grid-template-columns: 1fr;
      gap: 4px;
      padding: 10px 12px;
    }
	    #video-generator-app .vg-prompt-box {
	      padding: 0 2px 2px;
	    }
	    #video-generator-app .vg-prompt-box textarea {
	      min-height: 30px;
	    }
	    #video-generator-app .vg-action-deck {
	      gap: 6px;
	      padding: 0;
	    }
	    #video-generator-app .vg-upload-tile {
	      border-radius: 14px;
	      gap: 8px;
	    }
	    #video-generator-app .vg-upload-target {
	      gap: 8px;
	    }
	    #video-generator-app .vg-submit {
	      min-height: 48px;
	    }
      #video-generator-app .vg-result-panel {
        border-radius: 0;
        gap: 0;
        margin-top: 0;
        padding: 0;
      }
      #video-generator-app .vg-result-stage {
        border-radius: 0;
        min-height: 132px;
      }
      #video-generator-app .vg-result-stage video {
        max-height: 260px;
      }
      #video-generator-app .vg-result-stage img.vg-result-image {
        max-height: 260px;
      }
      #video-generator-app .vg-result-empty {
        gap: 7px;
        padding: 14px 12px;
      }
      #video-generator-app .vg-result-empty i {
        border-radius: 14px;
        font-size: 1rem;
        height: 36px;
        width: 36px;
      }
      #video-generator-app .vg-result-empty strong {
        font-size: 0.92rem;
      }
      #video-generator-app .vg-result-empty span {
        font-size: 0.8rem;
        line-height: 1.25;
      }
	      #video-generator-app .vg-result-samples {
	        gap: 10px;
	        padding: 0;
	      }
      #video-generator-app .vg-result-sample {
        flex-basis: 144px;
        height: 164px;
      }
	      #video-generator-app .vg-result-sample-meta {
	        padding: 32px 9px 10px;
	      }
      #video-generator-app .vg-result-sample-title {
        font-size: 0.68rem;
      }
      #video-generator-app .vg-result-sample-model {
        font-size: 0.6rem;
      }
      #video-generator-app .vg-storyboard-head {
        align-items: stretch;
        flex-direction: column;
      }
      #video-generator-app .vg-upload-tile {
        font-size: 0.78rem;
        justify-content: flex-start;
        min-height: 32px;
        overflow: visible;
        padding: 6px 10px;
      }
      #video-generator-app .vg-upload-target span {
        min-width: 0;
        overflow: visible;
        white-space: normal;
      }
      #video-generator-app .vg-upload-target i,
      #video-generator-app .vg-tool i {
        flex: 0 0 auto;
        font-size: 0.88rem;
      }
      #video-generator-app .vg-storyboard-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      #video-generator-app .vg-shot-list {
        max-height: 190px;
      }
      #video-generator-app .vg-result-actions {
        grid-template-columns: 1fr;
      }
	      #video-generator-app .vg-paywall {
	        border-radius: 24px;
	        padding: 22px;
	      }
  }
  @media (min-width: 768px) {
	    #video-generator-app .vg-shell {
	      gap: 10px;
	      padding-top: 0;
	    }
	    #video-generator-app .vg-hero {
	      order: 2;
	    }
	    #video-generator-app .vg-workbench {
	      grid-template-columns: minmax(520px, 820px);
	      justify-content: center;
	      order: 1;
	    }
				  @media (min-width: 1024px) {
				    #video-generator-app .vg-shell {
				      display: grid;
				      grid-template-columns: minmax(0, 1fr);
				      grid-template-areas:
				        "hero"
				        "workbench";
				      gap: 14px;
				      max-width: min(1440px, calc(100vw - 56px));
			      padding: 0 28px 0;
			    }
	    #video-generator-app .vg-hero {
	      align-self: stretch;
	      display: block;
	      grid-area: hero;
	      order: initial;
	    }
		    #video-generator-app .vg-workbench {
		      align-self: stretch;
		      display: flex;
          flex-direction: row;
          gap: 8px;
		      grid-area: workbench;
          justify-self: center;
          max-width: 1320px;
          min-width: 0;
		      order: initial;
          width: 100%;
		    }
        #video-generator-app .vg-composer {
          flex: 0 1 620px;
          min-width: 0;
        }
        #video-generator-app .vg-result-panel {
          flex: 1 1 620px;
          min-width: 0;
        }
        #video-generator-app .vg-result-panel {
          align-self: stretch;
          margin-top: 0;
        }
        #video-generator-app .vg-result-stage {
          height: 100%;
          min-height: 344px;
        }
	    #video-generator-app .vg-copy {
	      margin: 2px auto 0;
	      max-width: 1320px;
	      min-height: 0;
	      padding: 18px 20px;
	    }
			    #video-generator-app .vg-title {
			      font-size: clamp(2.4rem, 3vw, 3.2rem);
			      max-width: min(1380px, calc(100vw - 56px));
		    }
	    #video-generator-app .vg-cta-row {
	      margin-top: 12px;
	    }
	    #video-generator-app .vg-value-panel {
	      gap: 7px;
	      margin-top: 14px;
	    }
	    #video-generator-app .vg-value-row {
	      padding: 8px 12px;
	    }
			    #video-generator-app .vg-composer {
		      border-radius: 28px;
	      min-height: 0;
	      width: 100%;
	    }
	  }
	    #video-generator-app .vg-submit {
	      width: 100%;
	    }
    #video-generator-app .container {
      padding-top: 0.5rem;
    }
  }
  body.giz-ai-video-generator-page #app .container {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }
  #video-generator-app .vg-orb-one {
    left: -180px;
    opacity: 0.28;
    top: clamp(520px, 42vw, 720px);
  }
  #video-generator-app .vg-orb-two {
    opacity: 0.26;
    right: -210px;
    top: clamp(780px, 64vw, 1040px);
  }
  #video-generator-app .vg-shell {
    gap: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100vw;
    width: 100vw;
  }
  #video-generator-app.vg-video-generator-page {
    margin-top: -16px;
  }
  #video-generator-app .vg-workbench {
    background:
      radial-gradient(circle at 8% 110%, rgba(111, 97, 246, 0.16), transparent 28rem),
      radial-gradient(circle at 94% -20%, rgba(146, 127, 255, 0.18), transparent 28rem),
      linear-gradient(135deg, rgba(247, 248, 255, 0.16), rgba(255, 255, 255, 0.72));
    display: flex;
    flex-direction: column;
    gap: 0;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100vw;
  }
  #video-generator-app .vg-composer,
  #video-generator-app .vg-result-panel {
    border-radius: 0;
  }
  #video-generator-app .vg-composer {
    border: 0;
  }
  #video-generator-app .vg-result-stage,
  #video-generator-app .vg-result-panel.has-samples .vg-result-stage {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #video-generator-app .vg-copy {
    margin: 22px auto 0;
    max-width: min(1320px, calc(100vw - 40px));
  }
  @media (min-width: 1024px) {
    #video-generator-app .vg-shell {
      max-width: 100vw;
      padding: 0;
    }
    #video-generator-app .vg-workbench {
      align-items: stretch;
      flex-direction: row;
      justify-content: stretch;
      max-width: none;
      padding: 0;
    }
    #video-generator-app .vg-composer {
      flex: 0 0 clamp(600px, 42vw, 760px);
      min-width: 540px;
    }
    #video-generator-app .vg-result-panel {
      flex: 1 1 auto;
      min-width: 0;
    }
    #video-generator-app .vg-result-stage {
      min-height: 420px;
    }
  }
  @media (max-width: 640px) {
    #video-generator-app .vg-shell {
      max-width: 100vw;
      width: 100vw;
    }
    #video-generator-app .vg-workbench {
      padding: 0;
    }
    #video-generator-app .vg-orb-one {
      top: 860px;
    }
    #video-generator-app .vg-orb-two {
      top: 1260px;
    }
    #video-generator-app .vg-copy {
      margin-top: 18px;
      max-width: calc(100vw - 20px);
    }
  }
  #video-generator-app .vg-workbench {
    margin-bottom: 0;
  }
  #video-generator-app .vg-result-panel {
    background:
      radial-gradient(circle at 76% 112%, rgba(255, 138, 61, 0.16), transparent 24rem),
      radial-gradient(circle at 12% -18%, rgba(111, 97, 246, 0.18), transparent 26rem),
      #080a13;
    min-height: 0;
    overflow: hidden;
    position: relative;
  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage {
	    align-items: center;
	    aspect-ratio: auto;
	    display: grid;
	    grid-template-columns: minmax(0, 1fr);
	    grid-template-rows: minmax(0, 1fr);
	    height: 100%;
	    justify-items: center;
	    min-height: 0;
	    padding: 0;
	    width: 100%;
	  }
  #video-generator-app .vg-reset-media {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #f7f9ff;
    cursor: pointer;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    min-height: 36px;
    padding: 0;
    width: 36px;
  }
  #video-generator-app .vg-reset-media:hover {
    background: rgba(146, 127, 255, 0.22);
    border-color: rgba(146, 127, 255, 0.44);
  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > video,
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > img.vg-result-image {
	    align-self: center;
	    border-radius: 0;
	    height: auto;
	    justify-self: center;
	    max-height: calc(100% - 8px);
	    max-width: 100%;
	    object-fit: contain;
	  }
  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > video {
    width: 100%;
  }
	  #video-generator-app .vg-result-side {
	    align-items: center;
	    background: linear-gradient(180deg, rgba(8, 10, 19, 0), rgba(8, 10, 19, 0.84));
	    bottom: 0;
	    display: grid;
	    gap: 12px;
	    grid-template-columns: auto minmax(0, 1fr);
    left: 0;
    min-height: 0;
    padding: 18px 22px;
    position: absolute;
    right: 0;
    z-index: 6;
  }
	  #video-generator-app .vg-live-card {
    align-items: flex-start;
    background: linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    color: #f7f9ff;
    display: flex;
    gap: 11px;
	    padding: 13px;
	  }
	  #video-generator-app .vg-result-side .vg-live-card:only-child {
	    max-width: min(460px, calc(100vw - 48px));
	  }
  #video-generator-app .vg-live-card > i {
    align-items: center;
    background: rgba(146, 127, 255, 0.18);
    border-radius: 999px;
    color: #a99dff;
    display: inline-flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
  }
  #video-generator-app .vg-live-card.is-error > i {
    background: rgba(255, 102, 102, 0.14);
    color: #ffb4b4;
  }
  #video-generator-app .vg-live-card strong {
    display: block;
    font-size: 0.86rem;
    font-weight: 880;
    line-height: 1.2;
  }
  #video-generator-app .vg-live-card span {
    color: rgba(247, 249, 255, 0.66);
    display: block;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.35;
    margin-top: 4px;
  }
  #video-generator-app .vg-status-action {
    align-items: center;
    background: linear-gradient(135deg, #6f61f6, #8f7cff);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 840;
    justify-content: center;
    margin-top: 12px;
    min-height: 34px;
    padding: 0 14px;
  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-progress-overlay {
	    bottom: auto;
	    left: 18px;
	    max-width: min(420px, calc(100% - 44px));
	    padding: 10px 12px;
	    right: auto;
	    top: 78px;
	    border-radius: 16px;
	    background: rgba(8, 10, 19, 0.52);
	    backdrop-filter: blur(12px);
	  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-progress-overlay .vg-progress-log {
	    display: none;
	  }
	  #video-generator-app .vg-media-history {
	    align-items: center;
	    display: flex;
	    gap: 9px;
	    min-height: 0;
	    overflow-x: auto;
	    padding: 2px;
	  }
  #video-generator-app .vg-media-thumb {
    background: rgba(255,255,255,0.055);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    cursor: pointer;
    flex: 0 0 132px;
    height: 74px;
    min-height: 74px;
    overflow: hidden;
    padding: 0;
    position: relative;
  }
  #video-generator-app .vg-media-thumb.is-active {
    border-color: rgba(146, 127, 255, 0.78);
    box-shadow: 0 0 0 2px rgba(146, 127, 255, 0.2);
  }
	  #video-generator-app .vg-media-thumb img,
	  #video-generator-app .vg-media-thumb video {
	    display: block;
	    height: 100%;
	    object-fit: cover;
	    pointer-events: none;
	    width: 100%;
	  }
	  #video-generator-app .vg-media-thumb-type {
	    align-items: center;
	    background: rgba(8, 10, 19, 0.46);
	    backdrop-filter: blur(10px);
	    border-radius: 999px;
	    bottom: 8px;
	    color: rgba(255, 255, 255, 0.92);
	    display: inline-flex;
	    font-size: 0.64rem;
	    height: 22px;
	    justify-content: center;
	    left: 8px;
	    padding: 0;
	    pointer-events: none;
	    position: absolute;
	    width: 22px;
	  }
  #video-generator-app .vg-result-actions {
    background: rgba(10, 12, 22, 0.46);
    backdrop-filter: blur(16px);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
    display: flex;
    gap: 8px;
    left: auto;
    padding: 8px;
    position: absolute;
    right: 22px;
    top: 18px;
    z-index: 12;
  }
  #video-generator-app .vg-result-action {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    border-radius: 13px;
    box-shadow: none;
    color: #fff;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 760;
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
  }
  @media (min-width: 1024px) {
    #video-generator-app .vg-workbench {
      height: clamp(420px, 32vw, 560px);
    }
    #video-generator-app .vg-composer,
    #video-generator-app .vg-result-panel {
      height: 100%;
    }
  }
  @media (max-width: 900px) {
    #video-generator-app .vg-result-panel.has-samples .vg-result-stage {
      min-height: 288px;
    }
    #video-generator-app .vg-result-sample-rows {
      padding: 64px 10px 10px;
    }
    #video-generator-app .vg-result-samples.is-reverse {
      display: none;
    }
    #video-generator-app .vg-result-sample {
      flex-basis: clamp(184px, 52vw, 238px);
      height: 238px;
    }
    #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      box-sizing: border-box;
      justify-self: stretch;
      max-width: 100%;
      min-height: clamp(340px, 62dvh, 400px);
      overflow: hidden;
      padding: 0;
      width: 100%;
    }
    #video-generator-app .vg-result-side {
      border-left: 0;
      border-top: 1px solid rgba(255,255,255,0.08);
      bottom: 0;
      grid-template-columns: 1fr;
      left: 0;
      margin: 0;
      max-height: 146px;
      padding: 12px 16px 10px;
      right: 0;
    }
    #video-generator-app .vg-live-card {
      display: none;
    }
    #video-generator-app .vg-media-history {
      display: flex;
      overflow-x: auto;
    }
    #video-generator-app .vg-media-thumb {
      flex: 0 0 112px;
      height: 76px;
    }
	    #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > video,
	    #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > img.vg-result-image {
	      max-height: 260px;
	      max-width: 100%;
	      min-width: 0;
	      width: 100%;
	    }
    #video-generator-app .vg-result-actions {
      bottom: auto;
      display: flex;
      padding: 6px;
      top: 14px;
    }
    #video-generator-app .vg-result-action {
      font-size: 0.68rem;
      gap: 5px;
      min-height: 34px;
      white-space: nowrap;
    }
    #video-generator-app .vg-result-action i {
      font-size: 0.78rem;
    }
  }
	  @media (max-width: 640px) {
	    #video-generator-app .vg-result-panel.has-samples .vg-result-stage {
	      min-height: 270px;
	    }
		    #video-generator-app .vg-result-sample-rows {
	      padding: 74px 0 8px;
	    }
    #video-generator-app .vg-result-sample {
      flex-basis: 146px;
      height: 166px;
    }
  }
  #video-generator-app .vg-tool.is-active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: none;
    color: #f7f9ff;
  }
	  #video-generator-app .vg-result-stage > video,
	  #video-generator-app .vg-result-stage > img.vg-result-image {
	    cursor: zoom-in;
	  }
	  #video-generator-app .vg-mode-button {
	    min-width: 0;
	    overflow: visible;
	    text-overflow: clip;
	  }
	  #video-generator-app .vg-mode-label {
	    min-width: 0;
	    overflow: visible;
	    text-overflow: clip;
	  }
	  #video-generator-app .vg-prompt-box:focus-within {
	    box-shadow: inset 0 0 0 1px rgba(220, 216, 255, 0.42);
	  }
	  #video-generator-app .vg-prompt-box textarea:focus {
	    box-shadow: none !important;
	    outline: 0 !important;
	  }
			  @media (max-width: 900px) {
    #video-generator-app .vg-composer {
      min-height: auto;
    }
    #video-generator-app .vg-mode-tabs {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      overflow: visible;
    }
	    #video-generator-app .vg-mode-button {
	      align-items: center;
	      display: inline-flex;
	      font-size: 0.78rem;
	      gap: 5px;
	      justify-content: center;
      min-width: 0;
      overflow: visible;
      padding-left: 6px;
      padding-right: 6px;
      white-space: nowrap;
    }
    #video-generator-app .vg-mode-button i {
      display: inline-flex;
      flex: 0 0 auto;
    }
    #video-generator-app .vg-mode-label {
      display: inline;
      min-width: 0;
      overflow: visible;
      text-overflow: clip;
    }
    #video-generator-app .vg-mode-short {
      display: none;
    }
    #video-generator-app .vg-prompt-box {
      flex: 0 0 auto;
      min-height: 126px;
      max-height: 176px;
      overflow: hidden;
    }
    #video-generator-app .vg-prompt-box textarea {
      min-height: 118px;
      max-height: 168px;
      overflow-y: auto;
    }
	    #video-generator-app .vg-prompt-box:focus-within {
	      border-radius: 14px;
	      box-shadow: inset 0 0 0 1px rgba(220, 216, 255, 0.46);
	    }
	    #video-generator-app .vg-prompt-box textarea:focus {
	      outline: 0;
	    }
	    #video-generator-app .vg-result-actions {
      left: auto;
      right: 14px;
      width: auto;
      grid-template-columns: repeat(4, minmax(72px, auto));
    }
    #video-generator-app .vg-result-action {
      padding: 0 9px;
    }
		  }
		  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > img.vg-result-image {
	    max-height: min(100%, calc(100vh - 220px));
	    max-width: 100%;
	    width: 100%;
	  }
	  #video-generator-app .vg-result-media-frame {
	    align-items: center;
	    display: flex;
	    height: 100%;
	    justify-content: center;
	    max-height: 100%;
	    max-width: 100%;
	    min-height: 0;
	    min-width: 0;
	    overflow: hidden;
	    width: 100%;
	  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > .vg-result-media-frame {
	    align-self: stretch;
	    grid-area: 1 / 1;
	    justify-self: stretch;
	  }
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > video,
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > .vg-result-side,
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > .vg-result-actions,
	  #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage > .vg-progress-overlay {
	    grid-area: 1 / 1;
	  }
	  #video-generator-app .vg-result-media-frame > img.vg-result-image {
	    display: block;
	    flex: 0 1 auto;
	    height: auto;
	    max-height: 100%;
	    max-width: 100%;
	    object-fit: contain;
	    width: 100%;
	  }
		  body > .vg-viewer-backdrop {
	    align-items: center;
	    background: #03050c;
	    inset: 0;
	    justify-content: center;
	    padding: 0;
	    position: fixed;
	    z-index: 2147483600;
	  }
	  body > .vg-viewer-backdrop .vg-viewer {
	    background: #03050c;
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	    display: block;
	    height: 100dvh;
	    overflow: hidden;
	    position: relative;
	    width: 100vw;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-actions,
	  body > .vg-viewer-backdrop .vg-result-actions {
	    align-items: center;
	    display: flex;
	    flex-wrap: wrap;
	    gap: 8px;
	    justify-content: flex-end;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-actions button,
	  body > .vg-viewer-backdrop .vg-result-action {
	    align-items: center;
	    background: rgba(255, 255, 255, 0.12);
	    backdrop-filter: blur(14px);
	    border: 0;
	    border-radius: 999px;
	    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
	    color: #fff;
	    display: inline-flex;
	    font-weight: 820;
	    gap: 7px;
	    min-height: 36px;
	    padding: 0 12px;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-actions .is-primary,
	  body > .vg-viewer-backdrop .vg-result-action.is-primary {
	    background: linear-gradient(135deg, #7d68ff, #6257ee);
	  }
	  body > .vg-viewer-backdrop .vg-viewer-media {
	    align-items: center;
	    cursor: grab;
	    display: flex;
	    height: 100dvh;
	    justify-content: center;
	    overflow: hidden;
	    padding: 0;
	    touch-action: none;
	    width: 100vw;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-media.is-panning {
	    cursor: grabbing;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-media img,
	  body > .vg-viewer-backdrop .vg-viewer-media video {
	    background: #03050c;
	    max-height: calc(100dvh - 24px);
	    max-width: calc(100vw - 24px);
	    object-fit: contain;
	    transition: transform 80ms linear;
	    user-select: none;
	    will-change: transform;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-media video {
	    box-shadow: 0 28px 120px rgba(0,0,0,0.52);
	    cursor: default;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-gallery {
	    align-items: center;
	    background: linear-gradient(0deg, rgba(3,5,12,0.86), rgba(3,5,12,0.42), rgba(3,5,12,0));
	    bottom: 0;
	    display: flex;
	    gap: 10px;
	    justify-content: safe center;
	    left: 0;
	    opacity: 0;
	    overflow-x: auto;
	    padding: 56px 18px calc(16px + env(safe-area-inset-bottom, 0px));
	    pointer-events: none;
	    position: fixed;
	    right: 0;
	    scrollbar-width: none;
	    overscroll-behavior-x: contain;
	    touch-action: auto;
	    transform: translateY(10px);
	    transition: opacity 180ms ease, transform 180ms ease;
	    z-index: 2147483600;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-gallery.is-visible {
	    opacity: 1;
	    pointer-events: auto;
	    transform: translateY(0);
	  }
	  body > .vg-viewer-backdrop .vg-viewer-gallery::-webkit-scrollbar {
	    display: none;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-thumb {
	    background: rgba(255,255,255,0.08);
	    border: 0;
	    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	    color: #fff;
	    cursor: pointer;
	    flex: 0 0 96px;
	    height: 72px;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	  }
	  body > .vg-viewer-backdrop .vg-viewer-thumb.is-active {
	    box-shadow:
	      inset 0 0 0 2px rgba(220,216,255,0.92),
	      0 0 0 4px rgba(146,127,255,0.2);
	  }
		  body > .vg-viewer-backdrop .vg-viewer-thumb img,
		  body > .vg-viewer-backdrop .vg-viewer-thumb video {
		    display: block;
		    height: 100%;
		    object-fit: cover;
		    pointer-events: none;
		    width: 100%;
		  }
		  body > .vg-viewer-backdrop .vg-viewer-thumb .vg-media-thumb-type {
		    align-items: center;
		    background: rgba(3,5,12,0.46);
		    backdrop-filter: blur(10px);
		    border-radius: 999px;
		    bottom: 6px;
		    color: rgba(255, 255, 255, 0.92);
		    display: inline-flex;
		    font-size: 0.66rem;
		    height: 22px;
		    justify-content: center;
		    left: 6px;
		    padding: 0;
		    pointer-events: none;
		    position: absolute;
		    width: 22px;
		  }
	  #video-generator-app .vg-media-actions,
	  body > .vg-viewer-backdrop .vg-media-actions {
	    align-items: center;
	    background: transparent;
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	    display: flex;
	    flex-wrap: nowrap;
	    gap: 8px;
	    justify-content: flex-end;
	    max-width: calc(100vw - 36px);
	    overflow-x: auto;
	    padding: 0;
	    scrollbar-width: none;
	  }
	  #video-generator-app .vg-media-actions::-webkit-scrollbar,
	  body > .vg-viewer-backdrop .vg-media-actions::-webkit-scrollbar {
	    display: none;
	  }
	  #video-generator-app .vg-media-actions .vg-result-action,
	  body > .vg-viewer-backdrop .vg-media-actions .vg-result-action {
	    align-items: center;
	    background: rgba(10, 12, 22, 0.52);
	    backdrop-filter: blur(16px);
	    border: 0;
	    border-radius: 13px;
	    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
	    color: #fff;
	    display: inline-flex;
	    font-size: 0.9rem;
	    font-weight: 820;
	    gap: 8px;
	    justify-content: center;
	    min-height: 38px;
	    padding: 0 12px;
	    white-space: nowrap;
	  }
	  #video-generator-app .vg-media-actions .vg-result-action.is-primary,
	  body > .vg-viewer-backdrop .vg-media-actions .vg-result-action.is-primary {
	    background: rgba(112, 96, 255, 0.72);
	    color: #fff;
	  }
	  #video-generator-app .vg-media-actions .vg-result-action:disabled,
	  body > .vg-viewer-backdrop .vg-media-actions .vg-result-action:disabled {
	    cursor: not-allowed;
	    opacity: 0.48;
	  }
	  #video-generator-app .vg-media-surface {
	    min-height: 0;
	    min-width: 0;
	  }
	  #video-generator-app .vg-media-meta,
	  body > .vg-viewer-backdrop .vg-media-meta {
	    background: rgba(8, 10, 19, 0.42);
	    backdrop-filter: blur(16px);
	    border: 0;
	    border-radius: 999px;
	    box-shadow: none;
	    box-sizing: border-box;
	    color: #fff;
	    display: flex;
	    align-items: center;
	    gap: 7px;
	    max-width: min(48vw, 720px);
	    min-height: 34px;
	    padding: 6px 8px 6px 11px;
	    pointer-events: auto;
	    position: absolute;
	    overflow: hidden;
	    text-align: left;
	    z-index: 13;
	  }
	  #video-generator-app .vg-media-meta-model,
	  body > .vg-viewer-backdrop .vg-media-meta-model {
	    color: rgba(255,255,255,0.92);
	    flex: 0 0 auto;
	    font-size: 0.73rem;
	    font-weight: 860;
	    line-height: 1;
	    white-space: nowrap;
	  }
	  #video-generator-app .vg-media-meta-caption,
	  body > .vg-viewer-backdrop .vg-media-meta-caption {
	    color: rgba(247,249,255,0.7);
	    flex: 1 1 auto;
	    font-size: 0.73rem;
	    font-weight: 460;
	    line-height: 1.2;
	    min-width: 0;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	  }
	  #video-generator-app .vg-media-meta.is-expanded,
	  body > .vg-viewer-backdrop .vg-media-meta.is-expanded {
	    align-items: flex-start;
	    border-radius: 15px;
	    flex-wrap: wrap;
	    max-width: min(52vw, 760px);
	  }
	  #video-generator-app .vg-media-meta.is-expanded .vg-media-meta-caption,
	  body > .vg-viewer-backdrop .vg-media-meta.is-expanded .vg-media-meta-caption {
	    flex-basis: 100%;
	    max-height: min(34vh, 260px);
	    order: 2;
	    overflow-y: auto;
	    white-space: normal;
	  }
	  #video-generator-app .vg-media-meta-toggle,
	  body > .vg-viewer-backdrop .vg-media-meta-toggle {
	    align-items: center;
	    align-self: center;
	    background: rgba(255, 255, 255, 0.1);
	    border: 0;
	    border-radius: 999px;
	    color: #fff;
	    display: inline-flex;
	    flex: 0 0 24px;
	    font-size: 0.84rem;
	    font-weight: 850;
	    height: 24px;
	    justify-content: center;
	    line-height: 1;
	    order: 1;
	    padding: 0 0 2px;
	    width: 24px;
	  }
	  #video-generator-app .vg-media-meta-copy,
	  body > .vg-viewer-backdrop .vg-media-meta-copy {
	    background: transparent;
	    border: 0;
	    box-shadow: none;
	    color: inherit;
	    margin-left: auto;
	    padding: 0;
	  }
	  #video-generator-app .vg-media-meta-toggle,
	  body > .vg-viewer-backdrop .vg-media-meta-toggle {
	    margin-left: 2px;
	  }
	  #video-generator-app .vg-media-surface.is-panel {
	    align-self: stretch;
	    display: grid;
	    grid-area: 1 / 1;
	    grid-template-columns: minmax(0, 1fr);
	    grid-template-rows: minmax(0, 1fr);
	    height: 100%;
	    justify-self: stretch;
	    position: relative;
	    width: 100%;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-frame {
	    align-items: center;
	    display: flex;
	    grid-area: 1 / 1;
	    justify-content: center;
	    min-height: 0;
	    min-width: 0;
	    overflow: hidden;
	    padding: 86px 0 118px;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-frame > .vg-media-asset {
	    cursor: zoom-in;
	    display: block;
	    height: auto;
	    max-height: 100%;
	    max-width: 100%;
	    object-fit: contain;
	    width: 100%;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-frame > video.vg-media-asset {
	    width: 100%;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-actions {
	    position: absolute;
	    right: 18px;
	    top: 18px;
	    z-index: 16;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-meta {
	    left: 18px;
	    max-width: min(44%, max(160px, calc(100% - 340px)));
	    top: 18px;
	  }
	  #video-generator-app .vg-media-surface.is-panel .vg-media-history {
	    align-items: center;
	    background: transparent;
	    bottom: 0;
	    display: flex;
	    gap: 9px;
	    justify-content: safe center;
	    left: 0;
	    min-height: 114px;
	    overflow-x: auto;
	    padding: 18px 22px;
	    position: absolute;
	    right: 0;
	    z-index: 6;
	  }
	  @media (min-width: 1024px) {
	    #video-generator-app .vg-media-surface.is-panel .vg-media-history {
	      align-content: center;
	      align-items: center;
	      display: flex;
	      flex-wrap: nowrap;
	      justify-content: start;
	      min-height: 114px;
	      overscroll-behavior-x: contain;
	      padding: 18px 22px;
	      scrollbar-width: none;
	    }
	    #video-generator-app .vg-media-surface.is-panel .vg-media-history::-webkit-scrollbar {
	      display: none;
	    }
	  }
	  body > .vg-viewer-backdrop .vg-media-surface.is-viewer {
	    inset: 0;
	    position: absolute;
	  }
	  body > .vg-viewer-backdrop .vg-media-surface.is-viewer .vg-media-actions {
	    opacity: 0;
	    pointer-events: none;
	    position: fixed;
	    right: 18px;
	    top: calc(14px + env(safe-area-inset-top, 0px));
	    touch-action: manipulation;
	    transform: translateY(-8px);
	    transition: opacity 180ms ease, transform 180ms ease;
	    z-index: 2147483600;
	  }
	  body > .vg-viewer-backdrop .vg-media-surface.is-viewer .vg-media-actions.is-visible {
	    opacity: 1;
	    pointer-events: auto;
	    transform: translateY(0);
	  }
	  body > .vg-viewer-backdrop .vg-media-surface.is-viewer .vg-media-meta {
	    left: 28px;
	    opacity: 0;
	    top: calc(28px + env(safe-area-inset-top, 0px));
	    transform: translateY(-8px);
	    transition: opacity 180ms ease, transform 180ms ease;
	    z-index: 2147483600;
	  }
	  body > .vg-viewer-backdrop .vg-media-surface.is-viewer .vg-media-meta.is-visible {
	    opacity: 1;
	    transform: translateY(0);
	  }
	  @media (max-width: 900px) {
	    body > .vg-viewer-backdrop .vg-viewer-actions button {
	      font-size: 0.78rem;
	      min-height: 34px;
	      padding: 0 10px;
	    }
	    body > .vg-viewer-backdrop .vg-viewer-gallery {
	      gap: 8px;
	      padding-left: 10px;
	      padding-right: 10px;
	    }
	    body > .vg-viewer-backdrop .vg-viewer-thumb {
	      flex-basis: 82px;
	      height: 64px;
	    }
	    #video-generator-app .vg-media-surface.is-panel .vg-media-meta {
	      left: 12px;
	      max-width: calc(100% - 24px);
	      right: 12px;
	      top: 58px;
	    }
	    #video-generator-app .vg-result-panel:not(.has-samples) .vg-progress-overlay {
	      left: 12px;
	      max-width: calc(100% - 24px);
	      right: 12px;
	      top: 104px;
	    }
	    #video-generator-app .vg-result-panel:not(.has-samples) .vg-result-stage.has-live-preview .vg-progress-overlay {
	      top: 112px;
	    }
	    body > .vg-viewer-backdrop .vg-media-surface.is-viewer .vg-media-meta {
	      left: 12px;
	      max-width: calc(100vw - 24px);
	      top: calc(14px + env(safe-area-inset-top, 0px));
	    }
	    #video-generator-app .vg-media-meta,
	    body > .vg-viewer-backdrop .vg-media-meta {
	      max-width: calc(100vw - 24px);
	    }
	    #video-generator-app .vg-media-surface.is-panel .vg-media-frame {
	      padding: 122px 0 76px;
	    }
	    #video-generator-app .vg-result-stage.has-live-preview .vg-media-surface.is-panel .vg-media-frame {
	      padding-top: 242px;
	    }
	    #video-generator-app .vg-media-surface.is-panel .vg-media-history {
	      min-height: 76px;
	      padding: 8px 12px;
	    }
	    #video-generator-app .vg-media-surface.is-panel .vg-media-thumb {
	      flex-basis: 84px;
	      height: 62px;
	      min-height: 62px;
	    }
	  }
  #video-generator-app :is(
    .vg-result-stage video,
    .vg-result-stage img.vg-result-image,
    .vg-result-sample,
    .vg-result-sample video,
    .vg-media-surface.is-panel .vg-media-frame > .vg-media-asset,
    .vg-media-thumb
  ),
  body > .vg-viewer-backdrop :is(
    .vg-viewer-media img,
    .vg-viewer-media video,
    .vg-viewer-thumb
  ) {
    border-radius: 0;
  }

  #video-generator-app .vg-composer:not(.is-storyboard) {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-topbar,
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-tool-row,
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-action-deck {
    flex: 0 0 auto;
  }
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-prompt-box {
    align-items: stretch;
    display: grid;
    flex: 1 1 auto;
    min-height: 120px;
    max-height: none;
    overflow: hidden;
    padding: 0;
    position: relative;
  }
	  #video-generator-app .vg-composer:not(.is-storyboard) .vg-prompt-box textarea {
	    appearance: none;
	    background: transparent;
	    border: 0;
	    box-sizing: border-box;
	    color: #f7f9ff;
	    grid-area: 1 / 1;
	    display: block;
	    height: 100% !important;
	    line-height: 1.52;
	    min-height: 120px;
	    max-height: none;
	    outline: 0;
	    overflow-y: auto !important;
    padding: 12px;
    position: relative;
    resize: none;
    width: 100%;
  }
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-enhance-prompt {
    align-items: center;
    appearance: none;
    background: rgba(247, 249, 255, 0.14);
    backdrop-filter: blur(14px);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
    color: #f7f9ff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.86rem;
    height: 38px;
    justify-content: center;
    min-height: 38px;
    min-width: 38px;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 38px;
    z-index: 20;
  }
  #video-generator-app .vg-composer:not(.is-storyboard) .vg-enhance-prompt span {
    display: none;
  }

  #video-generator-app .vg-workbench.is-storyboard,
  #video-generator-app .vg-composer.is-storyboard,
  #video-generator-app .vg-composer.is-storyboard .vg-tool-row,
  #video-generator-app .vg-composer.is-storyboard .vg-action-deck {
    overflow: visible;
  }
  #video-generator-app .vg-composer.is-storyboard {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-topbar,
  #video-generator-app .vg-composer.is-storyboard .vg-prompt-box,
  #video-generator-app .vg-composer.is-storyboard .vg-tool-row,
  #video-generator-app .vg-composer.is-storyboard .vg-action-deck {
    flex: 0 0 auto;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-prompt-box {
    align-items: stretch;
    display: grid;
    height: 58px;
    min-height: 58px;
    max-height: 58px;
    overflow: hidden;
    padding: 0;
    position: relative;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-prompt-box textarea {
    appearance: none;
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: #f7f9ff;
    display: block;
    grid-area: 1 / 1;
    height: 58px;
    line-height: 1.35;
    min-height: 58px;
    max-height: 58px;
    outline: 0;
    overflow-y: auto;
    padding: 10px 58px 10px 12px;
    resize: none;
    width: 100%;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-prompt-action {
    top: 10px;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-storyboard {
    display: grid;
    flex: 1 1 220px;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 170px;
    max-height: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-storyboard-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-shot-list {
    align-content: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 126px;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-shot-card {
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 126px;
    max-height: 126px;
    min-height: 0;
    overflow: hidden;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-shot-card.has-frame {
    grid-template-columns: 86px minmax(0, 1fr) minmax(0, 1fr);
  }
  #video-generator-app .vg-composer.is-storyboard .vg-shot-title,
  #video-generator-app .vg-composer.is-storyboard .vg-shot-status {
    grid-column: 1 / -1;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-shot-card textarea {
    box-sizing: border-box;
    min-height: 0;
    overflow-y: auto;
    resize: none;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-tool-row {
    margin-top: 0;
    position: relative;
    z-index: 10000;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-action-deck {
    margin-top: 0;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-tool.vg-tool-toggle.is-open {
    z-index: 10001;
  }
  #video-generator-app .vg-composer.is-storyboard .vg-tool-menu {
    bottom: calc(100% + 8px);
    max-height: min(220px, calc(100vh - 48px));
    overflow-y: auto;
    top: auto;
    z-index: 10002;
  }
  @media (min-width: 1024px) {
    #video-generator-app .vg-workbench.is-storyboard {
      height: clamp(420px, 32vw, 560px);
    }
  }
  @media (max-width: 900px) {
    #video-generator-app .vg-composer.is-storyboard .vg-storyboard {
      min-height: 210px;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-storyboard-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-storyboard-head {
      align-items: stretch;
      display: grid;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-list,
    #video-generator-app .vg-composer.is-storyboard .vg-shot-card {
      grid-template-columns: 1fr;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-list {
      grid-auto-rows: 178px;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-card {
      grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) auto;
      height: 178px;
      max-height: 178px;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-card.has-frame {
      grid-template-columns: 84px minmax(0, 1fr);
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-card.has-frame .vg-shot-frame {
      grid-row: 2 / 4;
    }
    #video-generator-app .vg-composer.is-storyboard .vg-shot-card.has-frame .vg-shot-status {
      grid-column: 1 / -1;
    }
  }

  #video-generator-app.is-light-theme {
    --vg-ink: #171821;
    --vg-muted: #5f6270;
    --vg-panel: rgba(255, 255, 255, 0.88);
    --vg-line: rgba(42, 47, 88, 0.14);
    --vg-primary: #6271eb;
    --vg-primary-dark: #4e5bc5;
    --vg-alt: #927fff;
    --vg-shadow: none;
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-workbench {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(42, 47, 88, 0.1);
    border-top: 1px solid rgba(42, 47, 88, 0.1);
    box-shadow: none;
  }
  #video-generator-app.is-light-theme .vg-composer {
    background: #ffffff;
    border: 0;
    box-shadow: var(--vg-shadow);
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-mode-button,
  #video-generator-app.is-light-theme .vg-tool,
  #video-generator-app.is-light-theme .vg-upload-tile,
  #video-generator-app.is-light-theme .vg-setting,
  #video-generator-app.is-light-theme .vg-mini-action,
  #video-generator-app.is-light-theme .vg-reset-media {
    background: rgba(255, 255, 255, 0.74);
    border-color: rgba(42, 47, 88, 0.13);
    color: #343953;
  }
  #video-generator-app.is-light-theme .vg-grace-nudge {
    background: linear-gradient(135deg, rgba(98, 113, 235, 0.12), rgba(255, 138, 61, 0.1));
    border-color: rgba(42, 47, 88, 0.12);
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-grace-timer {
    background: rgba(98, 113, 235, 0.12);
    color: #313984;
  }
  #video-generator-app.is-light-theme .vg-grace-copy,
  #video-generator-app.is-light-theme .vg-grace-copy strong {
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-grace-cta {
    background: #20264f;
    color: #fff;
  }
  #video-generator-app.is-light-theme .vg-mode-button.is-active,
  #video-generator-app.is-light-theme .vg-tool.is-active {
    background: linear-gradient(135deg, var(--vg-primary), var(--vg-alt));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(98, 113, 235, 0.22);
    color: #fff;
  }
  #video-generator-app.is-light-theme .vg-tool-toggle::after {
    color: rgba(52, 57, 83, 0.56);
  }
  #video-generator-app.is-light-theme .vg-tool-toggle:hover,
  #video-generator-app.is-light-theme .vg-tool-toggle.is-open,
  #video-generator-app.is-light-theme .vg-mini-action:hover,
  #video-generator-app.is-light-theme .vg-reset-media:hover {
    background: rgba(98, 113, 235, 0.1);
    border-color: rgba(98, 113, 235, 0.28);
    color: #313984;
  }
  #video-generator-app.is-light-theme .vg-tool-menu {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(42, 47, 88, 0.14);
    box-shadow: 0 22px 54px rgba(40, 50, 120, 0.18);
  }
  #video-generator-app.is-light-theme .vg-tool-option {
    color: #343953;
  }
  #video-generator-app.is-light-theme .vg-tool-option:hover,
  #video-generator-app.is-light-theme .vg-tool-option.is-selected {
    background: rgba(98, 113, 235, 0.1);
    color: #313984;
  }
  #video-generator-app.is-light-theme .vg-tool-option-badge {
    background: rgba(255, 138, 61, 0.12);
    border-color: rgba(255, 138, 61, 0.2);
    color: #a45712;
  }
  #video-generator-app.is-light-theme .vg-prompt-box textarea,
  #video-generator-app.is-light-theme .vg-composer:not(.is-storyboard) .vg-prompt-box textarea,
  #video-generator-app.is-light-theme .vg-composer.is-storyboard .vg-prompt-box textarea,
  #video-generator-app.is-light-theme .vg-shot-title input,
  #video-generator-app.is-light-theme .vg-shot-card textarea {
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-prompt-box textarea::placeholder {
    color: rgba(95, 98, 112, 0.66);
  }
  #video-generator-app.is-light-theme .vg-enhance-prompt,
  #video-generator-app.is-light-theme .vg-composer:not(.is-storyboard) .vg-enhance-prompt,
  #video-generator-app.is-light-theme .vg-prompt-action {
    background: rgba(245, 247, 255, 0.94);
    box-shadow: inset 0 0 0 1px rgba(98, 113, 235, 0.22);
    color: #2f367e;
  }
  #video-generator-app.is-light-theme .vg-prompt-action i {
    color: currentColor;
  }
  #video-generator-app.is-light-theme .vg-enhance-prompt:hover:not(:disabled),
  #video-generator-app.is-light-theme .vg-prompt-action:hover:not(:disabled) {
    background: rgba(98, 113, 235, 0.12);
    color: #313984;
  }
  #video-generator-app.is-light-theme .vg-storyboard-head span,
  #video-generator-app.is-light-theme .vg-shot-status {
    color: rgba(95, 98, 112, 0.78);
  }
  #video-generator-app.is-light-theme .vg-shot-card {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(42, 47, 88, 0.12);
  }
  #video-generator-app.is-light-theme .vg-shot-title strong {
    background: rgba(98, 113, 235, 0.13);
    color: #4e5bc5;
  }

  body :where(.vg-alert-modal) .vg-alert-actions.is-confirm {
    display: flex;
  }
  body :where(.vg-alert-modal) .vg-alert-actions.is-confirm :is(.vg-alert-secondary, .vg-alert-primary) {
    box-sizing: border-box;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
  body :where(.vg-alert-modal) .vg-alert-primary.is-destructive {
    background: linear-gradient(135deg, #c53333, #e24f5f);
    box-shadow: 0 14px 28px rgba(197, 51, 51, 0.2);
  }

  #video-generator-app.is-light-theme .vg-result-panel,
  #video-generator-app.is-light-theme .vg-result-panel:not(.has-samples),
  #video-generator-app.is-light-theme .vg-result-stage,
  #video-generator-app.is-light-theme .vg-result-panel:not(.has-samples) .vg-result-stage,
  #video-generator-app.is-light-theme .vg-result-panel.has-samples .vg-result-stage,
  #video-generator-app.is-light-theme .vg-media-surface.is-panel,
  #video-generator-app.is-light-theme .vg-media-surface.is-panel .vg-media-frame {
    background: #fff;
    box-shadow: none;
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-result-panel {
    border-left: 1px solid rgba(42, 47, 88, 0.1);
  }
  #video-generator-app.is-light-theme .vg-guided-return {
    background: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(42, 47, 88, 0.1);
  }
  #video-generator-app.is-light-theme .vg-result-side {
    background: transparent;
    border: 0;
    inset: 0;
    padding: 24px;
    place-items: center;
    pointer-events: none;
  }
  #video-generator-app.is-light-theme .vg-live-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(42, 47, 88, 0.12);
    box-shadow: 0 18px 42px rgba(40, 50, 120, 0.12);
    color: var(--vg-ink);
    justify-content: center;
    max-width: min(520px, calc(100% - 48px));
    pointer-events: auto;
    text-align: center;
  }
  #video-generator-app.is-light-theme .vg-live-card.is-error {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(217, 75, 75, 0.2);
  }
  #video-generator-app.is-light-theme .vg-live-card > i {
    background: rgba(98, 113, 235, 0.12);
    color: #4e5bc5;
  }
  #video-generator-app.is-light-theme .vg-live-card.is-error > i {
    background: rgba(255, 102, 102, 0.12);
    color: #d94b4b;
  }
  #video-generator-app.is-light-theme .vg-live-card span {
    color: #4d536d;
  }
  #video-generator-app.is-light-theme .vg-live-card strong {
    color: #20264f;
  }
  #video-generator-app.is-light-theme .vg-progress-overlay {
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.94));
    color: #20264f;
  }
  #video-generator-app.is-light-theme .vg-progress-message,
  #video-generator-app.is-light-theme .vg-progress-log span {
    color: #343953;
  }
  #video-generator-app.is-light-theme .vg-result-placeholder {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
    color: rgba(95, 98, 112, 0.84);
  }
  #video-generator-app.is-light-theme .vg-result-placeholder strong {
    color: var(--vg-ink);
  }
  #video-generator-app.is-light-theme .vg-media-surface.is-panel .vg-media-frame > .vg-media-asset,
  #video-generator-app.is-light-theme .vg-media-surface.is-panel .vg-media-frame > video.vg-media-asset {
    background: transparent;
    box-shadow: none;
  }
  #video-generator-app.is-light-theme .vg-media-actions .vg-result-action,
  #video-generator-app.is-light-theme .vg-result-action,
  #video-generator-app.is-light-theme .vg-media-meta {
    background: rgba(255, 255, 255, 0.72);
    box-shadow: none;
    color: #343953;
  }
  #video-generator-app.is-light-theme .vg-result-action.is-primary,
  #video-generator-app.is-light-theme .vg-media-actions .vg-result-action.is-primary {
    background: linear-gradient(135deg, var(--vg-primary), var(--vg-alt));
    color: #fff;
  }
  #video-generator-app.is-light-theme .vg-media-meta-model,
  #video-generator-app.is-light-theme .vg-media-meta-caption {
    color: #343953;
  }
	  #video-generator-app.is-light-theme .vg-media-meta-copy,
	  #video-generator-app.is-light-theme .vg-media-meta-toggle {
	    color: #3a428d;
	  }
	  body.giz-ai-video-generator-page #use-cases [data-aos] {
	    opacity: 1 !important;
	    transform: none !important;
	  }
	  @media (max-width: 640px) {
    #video-generator-app.is-light-theme .vg-result-panel {
      border-left: 0;
      border-top: 1px solid rgba(42, 47, 88, 0.08);
    }
    #video-generator-app .vg-guided-return {
      grid-template-columns: minmax(0, 1fr) auto;
      padding-right: 54px;
    }
    #video-generator-app .vg-guided-return > button:not(.vg-guided-return-close) {
      grid-column: 1 / -1;
      width: 100%;
    }
    #video-generator-app .vg-guided-return-close {
      position: absolute;
      right: 12px;
      top: 12px;
    }
    body.giz-ai-video-generator-page #use-cases,
    body.giz-ai-video-generator-page .cta-section {
      padding-left: 16px !important;
      padding-right: 16px !important;
    }
    body.giz-ai-video-generator-page #use-cases > .container,
    body.giz-ai-video-generator-page .cta-section > .container {
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
  }