/* Force default cursor on homepage instead of pointer */
    #app *:hover { cursor: default !important; }
    /* Neutralize inline pointer cursors set via JS */
    #app [style*="cursor: pointer"] { cursor: default !important; }
  


/* Extracted from inline styles in index.html */
.index-inline-001 { max-width: 65px; vertical-align: middle; }
#pro-tools-toolbar { margin: var(--space-sm) 0 var(--space-md) 0; flex-wrap: nowrap; }
.index-inline-002 { gap: 8px; align-items: flex-end; flex-wrap: wrap; }
#vli-list { max-height: 220px; overflow: auto; list-style: none; padding: 0; margin: 0; }
.index-inline-003 { align-items: center; gap: 8px; }
.index-inline-004 { width: 88px; font-size: 12px; text-transform: uppercase; }
.index-inline-005 { flex: 1; min-width: 140px; }
.index-inline-006 { flex: 1; min-width: 140px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
#qs-pro-auto-split-field { align-items: center; gap: 10px; margin-left: auto; }
#qs-auto-split-warning { color: #ef4444; margin-top: 6px; font-size: 12px; flex-basis: 100%; text-align: center; }
.index-inline-007 { margin-right: 6px; }
.index-inline-008 { margin-right: 6px; }
.index-inline-009 { min-width: 200px; }
.index-inline-010 { font-size: 11px; margin-left: 6px; }
.index-inline-011 { gap: 14px; align-items: center; flex-wrap: wrap; }
#script-history-search { flex: 1; min-width: 180px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 6px 8px; }
#script-history-list { overflow: auto; }
.index-inline-012 { align-items: flex-end; gap: 10px; flex-wrap: wrap; position: relative; }
.index-inline-013 { align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.index-inline-014 { flex-shrink: 0; opacity: 0.7; }
.index-inline-015 { position: absolute; left: 50%; transform: translateX(-50%); align-items: flex-end; gap: 10px; }
.index-inline-016 { font-size: 12px; opacity: 0.8; }
#flowboard-video-length { font-size: 16px; font-weight: 600; }
.index-inline-017 { align-items: center; justify-content: center; gap: 10px; padding: 8px 14px; background: rgba(255,255,255,0.04); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); flex-direction: row; }
.index-inline-018 { font-size: 12px; opacity: 0.9; white-space: nowrap; }
.index-inline-019 { align-items: center; justify-content: center; gap: 10px; padding: 8px 14px; background: rgba(255,255,255,0.04); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); flex-direction: row; }
.index-inline-020 { font-size: 12px; opacity: 0.9; white-space: nowrap; }
#flowboard-upload-voiceover { padding: 4px 8px; height: 24px; font-size: 12px; }
#flowboard-voiceover-name { font-size: 11px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #cbd5e1; }
#flowboard-remove-voiceover { padding: 4px; height: 24px; width: 24px; align-items: center; justify-content: center; }
#flowboard-project-title { margin-left: auto; background: transparent; border: none; border-bottom: 2px solid rgba(255,255,255,0.2); color: #e5e7eb; font-size: 20px; font-weight: 600; padding: 4px 8px; min-width: 200px; max-width: 300px; transition: border-color 0.2s ease; }
#flowboard-container { flex-direction: column; height: calc(100vh - 200px); gap: 12px; }
.index-inline-021 { flex: 1; gap: 12px; min-height: 0; }
#flowboard-mindmap { flex: 1; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; background: rgba(0,0,0,0.2); position: relative; overflow: auto; }
#flowboard-zoom-controls { position: absolute; top: 12px; right: 12px; z-index: 100; background: rgba(0,0,0,0.8); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; padding: 8px 12px; align-items: center; gap: 8px; backdrop-filter: blur(8px); }
#flowboard-zoom-out { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; width: 28px; height: 28px; align-items: center; justify-content: center; cursor: pointer; color: #e5e7eb; transition: all 0.2s; flex-shrink: 0; }
.index-inline-022 { flex-direction: column; align-items: center; gap: 4px; min-width: 80px; }
#flowboard-zoom-percentage { font-size: 11px; color: #e5e7eb; font-weight: 500; min-width: 45px; text-align: center; }
#flowboard-zoom-in { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; width: 28px; height: 28px; align-items: center; justify-content: center; cursor: pointer; color: #e5e7eb; transition: all 0.2s; flex-shrink: 0; }
#flowboard-mindmap-content { position: relative; width: 100%; height: 100%; transform-origin: 0 0; }
#flowboard-svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#flowboard-nodes { position: relative; width: 100%; height: 100%; min-height: 600px; }
#flowboard-inspector { width: 320px; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; background: rgba(0,0,0,0.2); padding: 16px; overflow-y: auto; }
.index-inline-023 { text-align: center; margin-top: 40px; }
#flowboard-timeline { height: 140px; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; background: rgba(0,0,0,0.2); padding: 12px; overflow-x: auto; overflow-y: auto; }
#flowboard-timeline-content { position: relative; height: 100%; min-width: 100%; min-height: 100px; }
#flowboard-timeline-ruler { position: absolute; top: 0; left: 0; right: 0; height: 24px; border-bottom: 1px solid rgba(255,255,255,0.12); z-index: 3; }
#flowboard-timeline-segments { position: absolute; top: 24px; left: 0; right: 0; bottom: 0; min-height: 100px; }
#flowboard-playhead { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; }
#flowboard-playhead-line { position: absolute; top: 24px; bottom: 0; width: 2px; background: #3b82f6; pointer-events: none; z-index: 5; left: 0; }
.index-inline-024 { margin-left: auto; align-items: center; gap: 8px; }
#script-shufflr-duration { width: 120px; font-size: 22px; font-weight: 600; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 6px 10px; text-align: center; }
#script-shufflr-duration-wordcount-hint { font-size: 12px; white-space: nowrap; }
.index-inline-025 { flex-wrap: wrap; gap: 8px; }
#script-shufflr-model { min-width: 200px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 6px 8px; }
#open-prompt-library { min-width: 120px; white-space: nowrap; }
.index-inline-026 { flex-direction: column; gap: 10px; }
#ideas-channel-add { flex-direction: column; gap: 6px; }
#ideas-channel-input { flex: 1; min-width: 400px; width: 100%; max-width: 600px; border: 2px solid rgba(147,197,253,0.3); background: rgba(255,255,255,0.04); color: #e5e7eb; border-radius: 10px; padding: 10px 14px; font-size: 14px; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.index-inline-027 { flex: 4 1 0; flex-direction: column; gap: 8px; }
#ideas-top { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
#yt-connection-section { min-width: 280px; flex-direction: column; gap: 8px; padding: 8px; border: 1px dashed rgba(255,255,255,0.12); border-radius: 10px; }
#yt-channel-thumbnail { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); }
.index-inline-028 { flex: 1; gap: 4px; }
.index-inline-029 { align-items: center; justify-content: space-between; gap: 8px; }
#yt-connect-btn { padding: 4px 8px; font-size: 12px; }
#yt-disconnect-btn { padding: 4px 8px; font-size: 12px; }
#yt-connection-status { font-size: 11px; min-height: 14px; }
#yt-analytics { gap: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.08); }
.index-inline-030 { gap: 12px; flex-wrap: wrap; align-items: center; }
#yt-refresh-analytics { padding: 4px 8px; font-size: 11px; margin-top: 4px; }
#ideas-account { min-width: 220px; flex-direction: column; gap: 6px; }
#ideas-account-icon { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); }
.index-inline-031 { gap: 4px; flex: 1; }
.index-inline-032 { align-items: center; gap: 6px; }
#ideas-account-select { min-width: 220px; flex: 1; }
#ideas-account-remove-btn { flex-shrink: 0; padding: 8px 12px; }
#ideas-stats { min-width: 220px; gap: 4px; padding: 8px; border: 1px dashed rgba(255,255,255,0.12); border-radius: 10px; margin-left: auto; }
.index-inline-033 { font-size: 12px; align-items: center; justify-content: space-between; gap: 8px; }
#ideas-stats-refresh { padding: 2px 6px; font-size: 12px; }
.index-inline-034 { gap: 12px; flex-wrap: wrap; align-items: center; }
#ideas-stats-status { min-height: 16px; font-size: 12px; }
.index-inline-035 { flex: 4 1 0; flex-direction: column; gap: 8px; }
.index-inline-036 { align-items: center; justify-content: space-between; gap: 8px; }
.index-inline-037 { gap: 8px; }
#ideas-time-filter { min-width: 140px; }
#ideas-slider { flex-direction: column; gap: 16px; overflow: auto; padding-bottom: 2px; }
.index-inline-038 { flex: 2 1 0; flex-direction: column; gap: 8px; }
#ideas-bottom { gap: 8px; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.index-inline-039 { margin-top: 6px; gap: 8px; }
.index-inline-040 { flex-direction: column; gap: 8px; align-items: stretch; }
.index-inline-041 { min-width: 260px; }
.index-inline-042 { gap: 12px; align-items: center; justify-content: flex-start; margin-top: 6px; flex-wrap: wrap; }
#ti-openai-model-wrap { flex-direction: row; align-items: center; gap: 6px; }
.index-inline-043 { gap: 8px; align-items: center; margin-top: 6px; }
#help-search { flex: 1; min-width: 200px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 6px 8px; }
.index-inline-044 { gap: 16px; margin-top: 10px; align-items: flex-start; }
.index-inline-045 { margin: 0; font-size: 14px; }
.index-inline-046 { flex: 1; min-width: 0; flex-direction: column; gap: 10px; }
.index-inline-047 { width: 100%; justify-content: flex-start; }
#research-restart { align-self: stretch; border-radius: 12px; }
.index-inline-048 { flex-direction: column; gap: 10px; margin-top: 10px; }
.index-inline-049 { min-width: 180px; }
#music-provider-select { width: 100%; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 8px 12px; font-size: 14px; }
.index-inline-050 { gap: 6px; }
#music-reference-file-info { font-size: 11px; margin-top: 4px; }
#suno-custom-mode { margin-top: 8px; width: 20px; height: 20px; }
.index-inline-051 { gap: 6px; }
#mubert-realtime { margin-top: 8px; width: 20px; height: 20px; }
#musicapi-instrumental { margin-top: 8px; width: 20px; height: 20px; }
#music-error-message { padding: 12px; background: rgba(248,113,113,0.15); border: 1px solid rgba(248,113,113,0.35); border-radius: 8px; color: #fecaca; font-size: 13px; margin-top: 8px; }
#music-queue { margin-top: 20px; }
.index-inline-052 { margin: 0 0 12px 0; font-size: 14px; }
.index-inline-053 { flex-direction: column; gap: 10px; margin-top: 10px; }
.index-inline-054 { width: 100%; justify-content: flex-start; }
#pg-script-status { min-height: 22px; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); margin-top: 8px; }
.index-inline-055 { padding: 12px; }
#pg-script-output-text { width: 100%; min-height: 200px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 10px 12px; font-size: 13px; font-family: monospace; resize: vertical; }
.index-inline-056 { gap: 8px; margin-top: 10px; }
#pg-thumbnail-file-info { align-self: center; }
#pg-thumbnail-generate-button { white-space: nowrap; align-self: stretch; border-radius: 12px; }
#pg-thumbnail-preview-img { max-width: 400px; max-height: 225px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.12); }
#pg-thumbnail-status { min-height: 22px; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); margin-top: 8px; }
.index-inline-057 { padding: 12px; }
#pg-thumbnail-output-text { width: 100%; min-height: 200px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 10px 12px; font-size: 13px; font-family: monospace; resize: vertical; }
.index-inline-058 { gap: 8px; margin-top: 10px; }
.index-inline-059 { flex-direction: column; gap: 10px; margin-top: 10px; }
#prompt-library-list { flex-direction: column; gap: 12px; }
#prompt-library-empty { text-align: center; padding: 40px 20px; }
.index-inline-060 { align-items: center; gap: 8px; margin-bottom: 16px; }
.index-inline-061 { gap: 8px; margin-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.12); padding-bottom: 8px; }
#narrators-info-open { margin-left: auto; width: 32px; height: 32px; align-items: center; justify-content: center; background: transparent; }
.index-inline-062 { margin-top: 6px; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 6px; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
#library-grid-home { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; flex: 1; overflow: auto; padding-right: 4px; min-height: 400px; }
#prompt-library-list-home { flex-direction: column; gap: 12px; }
#prompt-library-empty-home { text-align: center; padding: 40px 20px; }
#flows-library-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; padding: 8px 0; }
#flows-library-empty { text-align: center; padding: 40px 20px; }
.index-inline-063 { justify-content: flex-end; margin-bottom: 12px; }
.index-inline-064 { flex-direction: column; gap: 12px; }
.index-inline-065 { text-align: center; padding: 40px 20px; }
.index-inline-066 { width: min(92vw, 560px); }
#ideas-follow-input { width: 100%; min-width: 400px; max-width: 600px; border: 2px solid rgba(147,197,253,0.3); background: rgba(255,255,255,0.04); color: #e5e7eb; border-radius: 10px; padding: 10px 14px; font-size: 14px; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.index-inline-067 { width: min(92vw, 720px); }
.index-inline-068 { margin-bottom: 12px; }
#ideas-manage-status { min-height: 18px; margin-bottom: 12px; }
.index-inline-069 { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 12px; max-height: 480px; overflow-y: auto; }
#ideas-manage-list { list-style: none; margin: 0; padding: 0; flex-direction: column; gap: 8px; }
.index-inline-070 { width: min(92vw, 900px); max-height: 90vh; }
#research-history-modal-content { max-height: calc(90vh - 120px); overflow-y: auto; }
.index-inline-071 { width: min(92vw, 720px); max-height: 90vh; flex-direction: column; }
.index-inline-072 { flex-direction: column; gap: 12px; overflow: auto; padding-right: 4px; }
.index-inline-073 { font-size: 11px; }
.index-inline-074 { font-size: 11px; }
.index-inline-075 { font-size: 11px; }
#narrator-transcript-text { min-height: 160px; }
.index-inline-076 { gap: 8px; flex-wrap: wrap; }
#narrator-youtube-url { flex: 1; min-width: 220px; }
#narrator-modal-status { min-height: 18px; font-size: 12px; }
.index-inline-077 { width: min(92vw, 720px); max-height: 90vh; flex-direction: column; }
#narrator-chat-thread { flex: 1; overflow: auto; padding: 12px; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; background: rgba(255,255,255,0.02); }
.index-inline-078 { flex-direction: column; gap: 10px; margin-top: 12px; }
.index-inline-079 { justify-content: flex-end; gap: 8px; }
.index-inline-080 { width: min(92vw, 680px); max-height: 90vh; flex-direction: column; }
.index-inline-081 { flex-direction: column; gap: 10px; overflow: auto; padding-right: 4px; }
.index-inline-082 { cursor: pointer; font-weight: 600; }
.index-inline-083 { margin-top: 6px; }
.index-inline-084 { cursor: pointer; font-weight: 600; }
.index-inline-085 { margin-top: 6px; }
.index-inline-086 { cursor: pointer; font-weight: 600; }
.index-inline-087 { margin-top: 6px; }
.index-inline-088 { cursor: pointer; font-weight: 600; }
.index-inline-089 { margin-top: 6px; }
.index-inline-090 { width: min(92vw, 600px); }
#yt-upload-content { flex-direction: column; gap: 16px; }
#yt-upload-status { min-height: 20px; font-size: 12px; line-height: 1.5; }
#yt-upload-channel-row { gap: 6px; }
.index-inline-091 { align-items: center; gap: 8px; flex-wrap: wrap; }
#yt-upload-channel-avatar { width: 28px; height: 28px; border-radius: 999px; object-fit: cover; border: 1px solid rgba(255,255,255,0.16); background: rgba(15,23,42,0.9); }
#yt-upload-channel-select { max-width: 260px; }
#yt-upload-channel-note { font-size: 11px; line-height: 1.5; }
.index-inline-092 { color: rgba(255,255,255,0.5); }
#yt-upload-description { width: 100%; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; font-size: 14px; resize: vertical; }
#yt-upload-progress { margin-top: 8px; }
.index-inline-093 { align-items: center; justify-content: space-between; margin-bottom: 4px; }
.index-inline-094 { width: 100%; height: 8px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden; }
#yt-upload-progress-bar { width: 0%; height: 100%; background: #3b82f6; transition: width 0.3s ease; }
.index-inline-095 { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); }
.index-inline-096 { width: min(92vw, 800px); max-height: 86vh; flex-direction: column; overflow: hidden; }
#script-shufflr-prompt-new-text { resize: vertical; width: 100%; min-height: 100px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; font-family: inherit; }
.index-inline-097 { gap: 12px; align-items: center; flex-wrap: wrap; }
.index-inline-098 { border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.02); }
.index-inline-099 { gap: 12px; align-items: center; padding: 10px 12px; background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.08); position: sticky; top: 0; z-index: 10; }
.index-inline-100 { width: 32px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-101 { flex: 1; min-width: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-102 { width: 240px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-103 { width: 180px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
#script-shufflr-prompt-list-container { max-height: min(50vh, 400px); overflow-y: auto; overflow-x: hidden; }
.index-inline-104 { flex-direction: column; gap: 8px; padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.15s; cursor: move; }
.index-inline-105 { gap: 12px; align-items: center; }
.index-inline-106 { width: 32px; flex-shrink: 0; text-align: center; color: rgba(255,255,255,0.5); font-size: 18px; cursor: grab; user-select: none; }
.index-inline-107 { flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.index-inline-108 { width: 100%; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 8px 10px; font-size: 13px; font-weight: 500; }
.index-inline-109 { width: 100%; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.01); color: rgba(255,255,255,0.7); border-radius: 6px; padding: 6px 10px; font-size: 12px; }
.index-inline-110 { width: 240px; flex-shrink: 0; gap: 6px; flex-wrap: wrap; }
.index-inline-111 { width: 180px; flex-shrink: 0; gap: 8px; align-items: center; flex-wrap: wrap; }
.index-inline-112 { color: #fbbf24; }
.index-inline-113 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; }
.index-inline-114 { width: min(92vw, 800px); max-height: 86vh; flex-direction: column; overflow: hidden; }
#thumbnail-prompt-new-text { resize: vertical; width: 100%; min-height: 100px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; font-family: inherit; }
.index-inline-115 { gap: 12px; align-items: center; flex-wrap: wrap; }
.index-inline-116 { border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.02); }
.index-inline-117 { gap: 12px; align-items: center; padding: 10px 12px; background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.08); position: sticky; top: 0; z-index: 10; }
.index-inline-118 { width: 32px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-119 { flex: 1; min-width: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-120 { width: 240px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-121 { width: 180px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
#thumbnail-prompt-list-container { max-height: min(50vh, 400px); overflow-y: auto; overflow-x: hidden; }
.index-inline-122 { gap: 12px; align-items: center; padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.15s; cursor: move; }
.index-inline-123 { width: 32px; flex-shrink: 0; text-align: center; color: rgba(255,255,255,0.5); font-size: 18px; cursor: grab; user-select: none; }
.index-inline-124 { flex: 1; min-width: 0; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 8px 10px; font-size: 13px; }
.index-inline-125 { width: 240px; flex-shrink: 0; gap: 6px; flex-wrap: wrap; }
.index-inline-126 { width: 180px; flex-shrink: 0; gap: 8px; align-items: center; flex-wrap: wrap; }
.index-inline-127 { color: #fbbf24; }
.index-inline-128 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; }
.index-inline-129 { width: min(92vw, 600px); max-height: 86vh; flex-direction: column; overflow: hidden; }
.index-inline-130 { gap: 6px; align-items: center; }
.index-inline-131 { justify-content: space-between; align-items: center; }
#imggen-ref-grid { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px; margin-top: 8px; }
.index-inline-132 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; }
.index-inline-133 { width: min(92vw, 600px); max-height: 86vh; flex-direction: column; overflow: hidden; }
.index-inline-134 { flex: 1 1 200px; }
.index-inline-135 { flex: 1 1 200px; }
.index-inline-136 { flex: 1 1 150px; }
#ai-gen-duration { height: auto; width: 100%; }
#ai-gen-image-chip-modal { gap: 8px; align-items: center; border: 1px dashed rgba(255,255,255,0.18); padding: 8px 10px; border-radius: 8px; margin-top: 8px; }
#ai-gen-image-thumb-modal { width: 84px; height: 84px; object-fit: cover; border-radius: 6px; border: 1px solid rgba(255,255,255,0.12); }
.index-inline-137 { gap: 4px; flex: 1; }
.index-inline-138 { color: #94a3b8; margin-top: 8px; font-size: 12px; }
.index-inline-139 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; }
.index-inline-140 { width: min(92vw, 640px); }
.index-inline-141 { margin: 0 0 10px 0; }
#prompt-remix-original { resize: vertical; width: 100%; min-height: 100px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; }
#prompt-remix-adjustment { resize: vertical; width: 100%; min-height: 80px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.index-inline-142 { width: min(92vw, 520px); }
.index-inline-143 { align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; background: rgba(255,255,255,0.02); cursor: pointer; }
#pg-settings-script-shufflr { width: 20px; height: 20px; cursor: pointer; accent-color: #6366f1; }
.index-inline-144 { font-weight: 500; margin-bottom: 4px; }
.index-inline-145 { align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; background: rgba(255,255,255,0.02); cursor: pointer; }
#pg-settings-thumbnail { width: 20px; height: 20px; cursor: pointer; accent-color: #6366f1; }
.index-inline-146 { font-weight: 500; margin-bottom: 4px; }
.index-inline-147 { margin-top: 20px; }
.index-inline-148 { width: min(92vw, 1200px); max-width: 1200px; padding: 0; }
.index-inline-149 { position: relative; width: 100%; background: #000; }
#asset-preview-video-container { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; }
#asset-preview-video { width: 100%; height: 100%; object-fit: contain; }
#asset-preview-video-controls { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%); padding: 16px; align-items: center; justify-content: center; gap: 12px; }
#asset-preview-play-pause { width: 48px; height: 48px; border-radius: 50%; border: none; background: rgba(255,255,255,0.9); color: #000; cursor: pointer; align-items: center; justify-content: center; font-size: 20px; transition: background 0.2s; }
#asset-preview-youtube-container { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; }
#asset-preview-youtube-webview { width: 100%; height: 100%; }
#asset-preview-close { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; border: none; background: rgba(0,0,0,0.7); color: #fff; cursor: pointer; align-items: center; justify-content: center; font-size: 24px; z-index: 10; transition: background 0.2s; }
.index-inline-150 { padding: 20px; }
#asset-preview-title { margin: 0 0 8px 0; font-size: 18px; font-weight: 600; }
#asset-preview-url { font-size: 14px; word-break: break-all; }
.index-inline-151 { width: min(92vw, 640px); max-height: 86vh; flex-direction: column; overflow: hidden; }
#vl-provider { width: 100%; min-width: 200px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 8px; padding: 6px 8px; }
.index-inline-152 { grid-column: 1 / -1; gap: 8px; align-items: center; }
.index-inline-153 { border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.02); }
.index-inline-154 { gap: 12px; align-items: center; padding: 10px 12px; background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.08); position: sticky; top: 0; z-index: 10; }
.index-inline-155 { width: 90px; flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-156 { flex: 1; min-width: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-157 { flex: 1; min-width: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(255,255,255,0.6); font-weight: 500; }
.index-inline-158 { width: 80px; flex-shrink: 0; }
#vl-list-container { max-height: min(50vh, 400px); overflow-y: auto; overflow-x: hidden; }
.index-inline-159 { gap: 12px; align-items: center; padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.15s; }
.index-inline-160 { width: 90px; flex-shrink: 0; font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.7); font-weight: 500; }
.index-inline-161 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e5e7eb; }
.index-inline-162 { flex: 1; min-width: 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,0.6); }
.index-inline-163 { flex-shrink: 0; padding: 6px 12px; font-size: 12px; }
.index-inline-164 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; }
.index-inline-165 { width: min(92vw, 720px); max-height: 92vh; overflow-y: auto; }
#adjust-audio-content { flex-direction: column; gap: 16px; }
.index-inline-166 { margin: 0 0 8px 0; font-size: 16px; color: rgba(59, 130, 246, 1); }
.index-inline-167 { margin: 0 0 8px 0; font-size: 16px; color: rgba(168, 85, 247, 1); }
.index-inline-168 { margin: 0 0 8px 0; font-size: 16px; color: rgba(34, 197, 94, 1); }
#adjust-audio-empty { text-align: center; padding: 24px; color: rgba(255,255,255,0.5); }
.index-inline-169 { width: min(92vw, 840px); max-height: 92vh; flex-direction: column; overflow-y: auto; overflow-x: hidden; }
#ti-loading { margin: 6px 0; }
#ti-progress-bar { width: 0%; }
#ti-results-wrap { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; margin-top: 8px; min-height: 0; }
.index-inline-170 { position: sticky; bottom: 0; background: rgba(17,24,39,0.96); padding-top: 10px; margin-top: 10px; box-shadow: 0 -8px 20px rgba(0,0,0,0.35); }
.index-inline-171 { width: min(92vw, 980px); max-height: 92vh; flex-direction: column; overflow: hidden; }
.index-inline-172 { gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 6px; }
#ti-gallery-page { font-size: 12px; }
#ti-gallery-selected-count { font-size: 12px; }
#ti-gallery-status { font-size: 12px; }
.index-inline-173 { margin-left: auto; gap: 8px; align-items: center; }
#ti-gallery-grid-wrap { flex: 1 1 auto; overflow: auto; margin-top: 10px; border: 1px solid rgba(255,255,255,0.10); border-radius: 12px; padding: 10px; background: rgba(0,0,0,0.12); }
#ti-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.index-inline-174 { position: sticky; bottom: 0; background: rgba(17,24,39,0.96); padding-top: 10px; margin-top: 10px; box-shadow: 0 -8px 20px rgba(0,0,0,0.35); }
.index-inline-175 { width: min(92vw, 880px); max-height: 92vh; flex-direction: column; }
#ti-viewer-img { max-width: 100%; max-height: 80vh; object-fit: contain; border-radius: 10px; }
.index-inline-176 { width: min(92vw, 1200px); max-height: 92vh; flex-direction: column; padding: 0; }
#video-preview-close { position: absolute; top: 16px; right: 16px; z-index: 10; }
.index-inline-177 { position: relative; width: 100%; background: #000; align-items: center; justify-content: center; min-height: 400px; }
#video-preview-player { width: 100%; max-height: 90vh; object-fit: contain; }
.index-inline-178 { width: min(92vw, 1200px); max-height: 92vh; flex-direction: column; padding: 0; }
#history-video-modal-close { position: absolute; top: 16px; right: 16px; z-index: 10; }
.index-inline-179 { position: relative; width: 100%; background: #000; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; }
#history-video-player { width: 100%; max-height: 75vh; object-fit: contain; }
#history-video-controls { width: 100%; padding: 16px; background: rgba(15,23,42,0.95); border-top: 1px solid rgba(255,255,255,0.12); align-items: center; gap: 12px; }
#history-video-play-pause { width: 48px; height: 48px; padding: 0; align-items: center; justify-content: center; border-radius: 50%; background: rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.3); color: #818cf8; position: relative; flex-shrink: 0; }
#history-video-play-icon { font-size: 24px; position: absolute; }
#history-video-pause-icon { font-size: 24px; position: absolute; }
.index-inline-180 { flex: 1; align-items: center; gap: 8px; }
#history-video-time { font-size: 14px; font-weight: 600; color: #e5e7eb; min-width: 60px; text-align: right; }
#history-video-scrub { flex: 1; height: 6px; cursor: pointer; background: rgba(255,255,255,0.1); border-radius: 3px; -webkit-appearance: none; appearance: none; }
#history-video-total { font-size: 14px; font-weight: 600; color: #94a3b8; min-width: 60px; }
.index-inline-181 { width: min(92vw, 800px); }
.index-inline-182 { font-size: 20px; }
.index-inline-183 { font-size: 20px; }
.index-inline-184 { align-items: center; gap: 8px; }
.index-inline-185 { margin-top: 8px; }
.index-inline-186 { flex-direction: column; gap: 10px; margin-top: 6px; }
.index-inline-187 { font-size: 11px; }
#vc-scenes-style-description { min-width: 240px; font-size: 12px; line-height: 1.5; }
.index-inline-188 { font-size: 12px; }
.index-inline-189 { gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.index-inline-190 { font-size: 12px; }
.index-inline-191 { gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.index-inline-192 { font-size: 12px; }
#vc-scenes-status { min-height: 18px; color: #94a3b8; }
#vc-scenes-progress-bar { width: 0%; }
.index-inline-193 { gap: 8px; justify-content: flex-end; }
.index-inline-194 { justify-content: space-between; gap: 8px; align-items: center; }
.index-inline-195 { justify-content: flex-end; gap: 8px; }
.index-inline-196 { width: min(92vw, 720px); max-height: 92vh; flex-direction: column; }
.index-inline-197 { flex-direction: column; gap: 12px; }
.index-inline-198 { justify-content: space-between; align-items: center; }
#vc-motion-graphics-source { color: #94a3b8; }
.index-inline-199 { color: #94a3b8; }
#vc-motion-graphics-details { min-height: 90px; }
#vc-motion-graphics-status { min-height: 18px; color: #94a3b8; }
#vc-motion-graphics-progress-bar { width: 0%; }
#vc-motion-graphics-preview { width: 100%; max-height: 320px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.12); background: #000; }
.index-inline-200 { justify-content: flex-end; gap: 8px; margin-top: 8px; }
.index-inline-201 { justify-content: flex-end; gap: 8px; }
.index-inline-202 { width: min(92vw, 840px); max-height: 92vh; flex-direction: column; overflow-y: auto; overflow-x: hidden; }
.index-inline-203 { gap: 8px; align-items: center; margin: 6px 0; flex-wrap: wrap; }
.index-inline-204 { gap: 8px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
#yt-provider-youtube { margin-top: 4px; }
.index-inline-205 { margin-bottom: 4px; }
#yt-url { height: auto; width: 100%; max-width: 560px; font-size: 14px; padding: 6px 10px; }
#yt-multiple-urls-link { color: #ffffff; text-decoration: underline; cursor: pointer; font-size: 13px; }
.index-inline-206 { margin-top: 8px; align-items: center; gap: 8px; }
.index-inline-207 { justify-content: space-between; align-items: center; margin-bottom: 4px; }
#yt-change-source { padding: 6px 12px; font-size: 12px; }
#yt-search-loading { margin: 3px 0; }
#yt-search-progress-bar { width: 0%; }
#yt-search-stage-text { margin-top: 3px; color: #94a3b8; }
#yt-duration-filter { margin-top: 8px; margin-bottom: 8px; }
.index-inline-208 { color: #94a3b8; font-size: 12px; }
.index-inline-209 { gap: 8px; align-items: center; margin: 6px 0; }
.index-inline-210 { min-width: 120px; }
#yt-save-loc { height: auto; flex: 1; }
.index-inline-211 { margin: 6px 0 12px; }
#yt-progress-text { margin-top: 8px; color: #94a3b8; }
#yt-provider-yarn { margin-top: 4px; }
.index-inline-212 { margin: 6px 0 0; }
#fv-loading { margin: 6px 0; }
#fv-progress-bar { width: 0%; }
#fv-results-wrap { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; margin-top: 8px; min-height: 0; }
#fv-results { grid-template-columns: 1fr 1fr; gap: 10px; }
.index-inline-213 { position: sticky; bottom: 0; background: rgba(17,24,39,0.96); padding-top: 10px; margin-top: 10px; box-shadow: 0 -8px 20px rgba(0,0,0,0.35); }
.index-inline-214 { margin-top: 8px; color: #94a3b8; text-align: right; }
#pexels-attrib { color: #94a3b8; text-decoration: underline; }
.index-inline-215 { width: min(92vw, 700px); max-height: 92vh; flex-direction: column; }
.index-inline-216 { flex: 1; flex-direction: column; min-height: 0; }
.index-inline-217 { margin: 6px 0 12px; }
#yt-multiple-urls-textarea { flex: 1; min-height: 300px; width: 100%; font-family: monospace; font-size: 13px; padding: 12px; resize: vertical; background: rgba(255,255,255,0.05); border: 2px solid rgba(147,197,253,0.3); border-radius: 8px; color: #e5e7eb; }
.index-inline-218 { margin-top: 12px; align-items: center; gap: 12px; flex-wrap: wrap; }
.index-inline-219 { margin-left: auto; gap: 8px; }
#yt-multiple-progress-text { margin: 8px 0; color: #94a3b8; }
#yt-multiple-progress-bar { width: 0%; }
#yt-multiple-status-text { margin-top: 8px; color: #94a3b8; font-size: 12px; }
.index-inline-220 { width: min(92vw, 1400px); max-height: 92vh; overflow: auto; }
.index-inline-221 { justify-content: space-between; align-items: center; margin-bottom: 6px; }
#custom-status { margin: 0; color: #94a3b8; }
.index-inline-222 { position: relative; margin-bottom: 16px; flex: 0 0 auto; min-width: 500px; }
#custom-preview-wrap { position: relative; height: 400px; align-items: center; justify-content: center; background: #000; border-radius: 10px; border: 1px solid rgba(255,255,255,0.12); overflow: hidden; }
#custom-vignette-overlay { position: absolute; inset: 0; pointer-events: none; border-radius: 10px; }
#vc-preview-wrap { position: relative; height: 400px; align-items: center; justify-content: center; background: #000; border-radius: 10px; border: 1px solid rgba(255,255,255,0.12); overflow: hidden; }
#vc-canvas { max-width: 100%; max-height: 100%; object-fit: contain; }
#vc-bg-color-btn { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; padding: 0; align-items: center; justify-content: center; border-radius: 8px; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.2); color: #e5e7eb; cursor: pointer; z-index: 10; backdrop-filter: blur(8px); transition: all 0.2s; }
.index-inline-223 { font-size: 18px; }
#vc-bg-color-picker-popup { position: absolute; top: 48px; right: 8px; padding: 12px; background: rgba(11,18,32,0.95); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; z-index: 20; backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
.index-inline-224 { gap: 8px; align-items: center; }
#vc-bg-color-picker { width: 50px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; cursor: pointer; }
#vc-bg-color-hex-picker { width: 90px; padding: 6px 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; color: #e5e7eb; font-size: 13px; }
#vc-controls { align-items: center; gap: 12px; padding: 12px; background: rgba(15,23,42,0.8); border-radius: 8px; margin-top: 12px; border: 1px solid rgba(255,255,255,0.12); }
#vc-play { width: 40px; height: 40px; padding: 0; align-items: center; justify-content: center; border-radius: 50%; background: rgba(99,102,241,0.2); border: 1px solid rgba(99,102,241,0.3); color: #818cf8; position: relative; }
#vc-play-icon-play { font-size: 20px; position: absolute; }
#vc-play-icon-pause { font-size: 20px; position: absolute; }
.index-inline-225 { flex: 1; align-items: center; gap: 8px; }
#vc-time { font-size: 13px; font-weight: 600; color: #e5e7eb; min-width: 50px; text-align: right; }
#vc-scrub { flex: 1; height: 6px; cursor: pointer; }
#vc-total { font-size: 13px; font-weight: 600; color: #94a3b8; min-width: 50px; }
.index-inline-226 { align-items: center; gap: 8px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,0.12); }
.index-inline-227 { font-size: 18px; color: #94a3b8; }
#vc-volume { width: 80px; height: 6px; cursor: pointer; }
#vc-volume-value { font-size: 12px; font-weight: 600; color: #94a3b8; min-width: 35px; }
#vc-editor { order: 0; flex: 1 1 auto; min-width: 400px; }
.index-inline-228 { justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.index-inline-229 { gap: 8px; align-items: center; flex: 1; }
#vc-project-name { flex: 1; min-width: 150px; max-width: 250px; height: 36px; padding: 8px 12px; font-size: 14px; }
.index-inline-230 { gap: 6px; align-items: center; padding-left: 8px; border-left: 1px solid rgba(255,255,255,0.12); position: relative; }
#vc-new-project { padding: 8px 14px; font-weight: 600; font-size: 13px; white-space: nowrap; position: relative; }
.index-inline-231 { margin-left: 4px; }
#vc-new-project-menu { position: absolute; top: 100%; left: 0; margin-top: 4px; min-width: 200px; z-index: 10000; }
#vc-new-blank { padding: 12px 16px; text-align: left; width: 100%; }
.index-inline-232 { margin-right: 8px; }
#vc-new-with-ai { padding: 12px 16px; text-align: left; width: 100%; }
.index-inline-233 { margin-right: 8px; }
#vc-load-project { padding: 8px 14px; font-weight: 600; font-size: 13px; white-space: nowrap; }
#vc-save-project { padding: 8px 14px; font-weight: 600; font-size: 13px; white-space: nowrap; }
.index-inline-234 { gap: 8px; align-items: center; margin-left: auto; }
.index-inline-235 { gap: 8px; align-items: center; justify-content: flex-start; }
.index-inline-236 { font-weight: 600; }
.index-inline-237 { gap: 16px; }
#vc-script-section { margin-bottom: 16px; padding: 16px; background: rgba(99,102,241,0.08); border: 1px solid rgba(99,102,241,0.2); border-radius: 10px; }
.index-inline-238 { justify-content: space-between; align-items: center; margin-bottom: 12px; }
.index-inline-239 { margin: 0; align-items: center; gap: 8px; }
.index-inline-240 { color: #818cf8; }
#vc-script-close { width: 32px; height: 32px; padding: 0; }
#vc-script-dropdown-wrap { margin-bottom: 12px; }
#vc-script-toggle-to-paste { font-size: 13px; color: #818cf8; text-decoration: none; cursor: pointer; }
#vc-script-paste-wrap { margin-bottom: 12px; }
#vc-script-input { height: 120px; width: 100%; font-size: 14px; line-height: 1.5; }
#vc-script-toggle-to-dropdown { font-size: 13px; color: #818cf8; text-decoration: none; cursor: pointer; }
.index-inline-241 { gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.index-inline-242 { flex: 1 1 200px; min-width: 150px; }
.index-inline-243 { flex: 1 1 150px; min-width: 120px; }
#vc-script-duration { width: 100%; height: auto; }
.index-inline-244 { gap: 8px; justify-content: flex-end; }
#vc-script-create { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(99,102,241,0.28); padding: 10px 24px; font-weight: 700; }
#vc-script-status { margin-top: 8px; color: #94a3b8; min-height: 20px; }
.index-inline-245 { gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
#vc-find-images { padding: 10px 16px; font-weight: 600; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(99,102,241,0.28); }
#vc-scenes { padding: 10px 16px; font-weight: 600; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(99,102,241,0.28); }
#vc-find-video { padding: 10px 16px; font-weight: 600; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(99,102,241,0.28); }
#vc-add-composition { padding: 10px 16px; font-weight: 600; }
#vc-add-bit-toggle { padding: 10px 16px; font-weight: 600; background: linear-gradient(135deg, #10b981, #059669); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(16,185,129,0.28); }
#vc-add-bit-menu { min-width: 200px; }
.index-inline-246 { font-weight: 600; }
#vc-asset-items { flex-direction: column; gap: 6px; max-height: 300px; overflow-y: auto; }
.index-inline-247 { justify-content: flex-end; align-items: center; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); gap: 10px; }
#vc-save { padding: 10px 18px; font-weight: 600; }
#vc-add { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; border-color: transparent; box-shadow: 0 8px 22px rgba(99,102,241,0.28); padding: 10px 24px; font-weight: 700; }
#vc-edit-panel { position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background: rgba(17,24,39,0.98); border-left: 1px solid rgba(255,255,255,0.12); z-index: 10000; transform: translateX(100%); transition: transform 0.3s ease; flex-direction: column; box-shadow: -4px 0 20px rgba(0,0,0,0.3); }
#vc-edit-panel-header { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.12); flex-shrink: 0; background: rgba(17,24,39,0.98); position: sticky; top: 0; z-index: 10; }
.index-inline-248 { justify-content: space-between; align-items: center; }
.index-inline-249 { margin: 0; font-size: 18px; font-weight: 600; }
#vc-edit-panel-close { width: 32px; height: 32px; padding: 0; }
#vc-edit-form { padding: 20px; overflow-y: auto; flex: 1; }
.index-inline-250 { flex-direction: row; gap: 10px; align-items: stretch; flex-wrap: wrap; }
.index-inline-251 { order: 2; flex: 1 1 360px; min-width: 300px; }
#custom-bg-video-row { gap: 8px; align-items: center; flex-wrap: wrap; }
.index-inline-252 { margin-left: auto; align-items: center; gap: 8px; }
#custom-bg-video-start { height: auto; width: 100px; }
.index-inline-253 { gap: 8px; align-items: center; margin-top: 4px; }
.index-inline-254 { order: 1; flex: 2 1 480px; min-width: 320px; }
.index-inline-255 { gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
#custom-ov-media-row { gap: 12px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 6px; }
.index-inline-256 { gap: 6px; min-width: 260px; }
.index-inline-257 { gap: 6px; min-width: 260px; }
#custom-ov-video-start { height: auto; width: 90px; }
#custom-ov-appear-start { height: auto; width: 90px; }
#custom-ov-appear-end { height: auto; width: 90px; }
#custom-ov-intensity { width: 140px; }
#custom-ov-size { width: 140px; }
.index-inline-258 { gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.index-inline-259 { flex: 1 1 320px; min-width: 280px; }
#custom-text { height: 110px; width: 100%; }
#custom-shadow-blur { width: 120px; }
#custom-shadow-x { height: auto; width: 70px; }
#custom-shadow-y { height: auto; width: 70px; }
#custom-emboss-depth { width: 120px; }
.index-inline-260 { margin-top: 6px; }
.index-inline-261 { margin-bottom: 4px; }
#custom-pos-grid { grid-template-columns: repeat(3, 28px); gap: 6px; }
.index-inline-262 { background: rgba(255,255,255,0.16); }
.index-inline-263 { order: 2; flex: 1 1 360px; min-width: 300px; }
.index-inline-264 { order: 3; flex: 1 1 360px; min-width: 300px; }
.index-inline-265 { order: 4; flex: 1 1 420px; min-width: 300px; }
#custom-duration { height: auto; width: 120px; }
.index-inline-266 { justify-content: space-between; width: 100%; }
.index-inline-267 { gap: 8px; }
.index-inline-268 { order: 5; flex: 0 0 100%; border-top: 1px dashed rgba(255,255,255,0.28); margin: 4px 0; }
.index-inline-269 { flex: 2 1 760px; min-width: 320px; }
.index-inline-270 { align-items: center; justify-content: space-between; }
#imggen-settings-btn { margin-left: 8px; }
.index-inline-271 { gap: 6px; flex: 1 1 360px; min-width: 320px; }
#imggen-prompt { height: 120px; width: 100%; }
#imggen-generate { width: 100%; }
#imggen-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-top: 6px; }
.index-inline-272 { gap: 8px; justify-content: flex-end; margin-top: 6px; }
.index-inline-273 { justify-content: flex-end; gap: 8px; margin-top: 8px; }
#custom-library-container { flex-direction: column; height: 100%; min-height: 500px; }
.index-inline-274 { gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.index-inline-275 { margin-top: 8px; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 8px; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
#custom-library-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; flex: 1; overflow: auto; padding-right: 4px; min-height: 400px; }
.index-inline-276 { width: min(92vw, 840px); max-height: 92vh; flex-direction: column; overflow-y: auto; overflow-x: hidden; }
#fi-tabs { gap: 8px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.12); }
#fi-tab-images { padding: 8px 16px; background: none; border: none; border-bottom: 2px solid rgba(99,102,241,0.9); color: #e5e7eb; cursor: pointer; font-size: 14px; font-weight: 600; }
#fi-tab-giphy { padding: 8px 16px; background: none; border: none; border-bottom: 2px solid transparent; color: #94a3b8; cursor: pointer; font-size: 14px; font-weight: 600; }
#fi-term { width: 80%; }
#fi-loading { margin: 6px 0; }
#fi-progress-bar { width: 0%; }
#fi-results-wrap { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; margin-top: 8px; min-height: 0; }
#fi-results { grid-template-columns: 1fr 1fr; gap: 10px; }
.index-inline-277 { position: sticky; bottom: 0; background: rgba(17,24,39,0.96); padding-top: 10px; margin-top: 10px; }
.index-inline-278 { margin: 0 0 8px 0; color: #94a3b8; text-align: right; }
#fi-giphy-attrib { color: #94a3b8; text-decoration: underline; }
.index-inline-279 { width: min(92vw, 720px); }
.index-inline-280 { flex-direction: column; align-items: flex-start; gap: 10px; }
.index-inline-281 { flex-wrap: wrap; gap: 8px; align-items: center; width: 100%; }
.index-inline-282 { flex: 1; min-width: 200px; margin: 0; }
.index-inline-283 { font-size: 11px; }
#script-viewer-voice-select { width: 100%; font-size: 13px; }
#script-voice-status { min-height: 18px; font-size: 12px; }
#script-voice-progress { width: 100%; height: 8px; background: rgba(255,255,255,0.08); border-radius: 6px; overflow: hidden; }
#script-voice-progress-bar { width: 0%; height: 100%; background: linear-gradient(90deg, #22d3ee, #3b82f6); transition: width 0.2s ease; }
#script-viewer-body { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); padding: 12px; border-radius: 10px; max-height: 60vh; overflow: auto; margin-top: 10px; }
.index-inline-284 { width: min(92vw, 760px); }
.index-inline-285 { grid-template-columns: 1fr; }
#script-editor-text { resize: vertical; width: 100%; min-height: 240px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.index-inline-286 { width: min(92vw, 560px); }
.index-inline-287 { margin: 0 0 12px; }
.index-inline-288 { flex-direction: column; gap: 10px; }
#create-project-cta-paste { text-align: center; text-decoration: underline; }
.index-inline-289 { width: min(92vw, 680px); }
.index-inline-290 { font-size: 12px; }
#create-project-script-paste-text { resize: vertical; width: 100%; min-height: 220px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.index-inline-291 { width: min(92vw, 520px); max-height: 92vh; overflow: auto; position: relative; }
.index-inline-292 { gap: 12px; }
.index-inline-293 { align-items: center; gap: 12px; }
.index-inline-294 { width: min(92vw, 760px); max-height: 92vh; overflow: auto; position: relative; }
.index-inline-295 { gap: 12px; }
.index-inline-296 { gap: 8px; align-items: center; flex-wrap: wrap; }
#floating-progress-wrap { width: 260px; height: 8px; background: rgba(255,255,255,0.12); border-radius: 6px; overflow: hidden; margin-top: 6px; }
#floating-progress-bar { width: 0%; height: 100%; background: linear-gradient(90deg, #22d3ee, #3b82f6); transition: width 0.2s ease; }
#floating-time-remaining { font-size: 12px; margin-top: 4px; }
.index-inline-297 { width: min(92vw, 840px); max-height: 92vh; flex-direction: column; }
.index-inline-298 { margin: 0 0 6px 0; align-items: center; gap: 8px; }
#runware-arch { min-width: 160px; }
#runware-category { min-width: 140px; }
#runware-models-status { min-height: 18px; margin: 6px 0; }
#runware-models-results { flex: 1 1 auto; overflow: auto; }
.index-inline-299 { justify-content: flex-end; gap: 8px; margin-top: 10px; }
.index-inline-300 { width: min(92vw, 520px); }
#confirm-delete-confirm { background: #ef4444; border-color: #ef4444; }
.index-inline-301 { width: min(92vw, 560px); }
.index-inline-302 { width: min(92vw, 560px); }
#ideas-text { resize: vertical; width: 100%; min-height: 100px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.02); color: #e5e7eb; border-radius: 10px; padding: 10px 12px; }
.index-inline-303 { width: min(92vw, 560px); }
.index-inline-304 { flex-direction: column; gap: 16px; }
.index-inline-305 { margin: 6px 0 0 0; font-size: 12px; }
.index-inline-306 { width: min(92vw, 600px); }
.index-inline-307 { flex-direction: column; gap: 16px; }
#flowboard-ai-script-input { width: 100%; min-height: 200px; font-family: inherit; resize: vertical; padding: 12px; line-height: 1.5; }
#flowboard-ai-progress-message { margin-bottom: 8px; font-size: 14px; color: #cbd5e1; }
.index-inline-308 { width: 100%; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; }
#flowboard-ai-progress-bar { height: 100%; background: linear-gradient(90deg, #3b82f6, #8b5cf6); width: 0%; transition: width 0.3s ease; border-radius: 4px; }
.index-inline-309 { width: min(92vw, 800px); max-height: 90vh; flex-direction: column; }
#flowboard-open-project-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; padding: 8px 0; overflow-y: auto; flex: 1; min-height: 0; }
#flowboard-open-project-empty { text-align: center; padding: 40px 20px; }
.index-inline-310 { width: min(92vw, 520px); max-height: 90vh; overflow: auto; position: relative; }
.index-inline-311 { margin: 0 0 12px; }
.index-inline-312 { gap: 10px; }
.index-inline-313 { gap: 6px; }
.index-inline-314 { font-size: 12px; }
.index-inline-315 { font-size: 12px; }
.index-inline-316 { gap: 6px; }
.index-inline-317 { font-size: 12px; }
.index-inline-318 { font-size: 12px; }
.index-inline-319 { align-items: center; gap: 10px; }
#home-bgm-auto-mute { width: 16px; height: 16px; cursor: pointer; }
.index-inline-320 { font-size: 12px; }
.index-inline-321 { align-items: center; justify-content: space-between; margin-bottom: 20px; }
#toggle-storage-view { padding: 8px 16px; }
.index-inline-322 { margin-bottom: 12px; font-size: 12px; }
#storage-save-location { flex: 1; min-width: 0; }
.index-inline-323 { width: 20px; height: 20px; vertical-align: middle; }
#storage-save-location-btn { margin-left: 8px; }
.index-inline-324 { margin-bottom: 12px; font-size: 12px; }
.index-inline-325 { margin-top: 12px; font-size: 12px; }
.index-inline-326 { width: 20px; height: 20px; vertical-align: middle; }
.index-inline-327 { font-size: 12px; line-height: 1.4; }
.index-inline-328 { margin-bottom: 20px; }
.index-inline-329 { background: #6366f1; }
.index-inline-330 { background: #8b5cf6; }
.index-inline-331 { background: #0b1220; }
.index-inline-332 { background: #10b981; }
.index-inline-333 { background: #14b8a6; }
.index-inline-334 { background: #071a16; }
.index-inline-335 { background: #f97316; }
.index-inline-336 { background: #ef4444; }
.index-inline-337 { background: #1f1309; }
.index-inline-338 { background: #0ea5e9; }
.index-inline-339 { background: #2563eb; }
.index-inline-340 { background: #071524; }
.index-inline-341 { font-size: 12px; line-height: 1.4; }
.index-inline-342 { border: 2px solid rgba(239, 68, 68, 0.3); border-radius: 12px; padding: 16px; background: rgba(239, 68, 68, 0.05); }
.index-inline-343 { margin-top: 0; align-items: center; gap: 8px; }
.index-inline-344 { margin-bottom: 12px; font-size: 13px; line-height: 1.5; }
.index-inline-345 { gap: 8px; align-items: center; flex-wrap: wrap; }
#yt-account-status { font-size: 13px; flex: 1; min-width: 200px; }
#yt-link-account { padding: 8px 16px; }
#yt-unlink-account { padding: 8px 16px; }
.index-inline-346 { gap: 8px; flex-wrap: wrap; }
.index-inline-347 { gap: 8px; flex-wrap: wrap; }
#homepage-hub-layout-settings { grid-column: 1 / -1; }
.index-inline-348 { font-size: 12px; }
.index-inline-349 { flex-wrap: wrap; }
.index-inline-350 { align-items: flex-start; }
.index-inline-351 { flex: 1; min-width: 260px; }
.index-inline-352 { flex: 1; min-width: 260px; }
.index-inline-353 { flex-wrap: wrap; margin: 6px 0 6px; }
#auto-split-warning { color: #ef4444; margin-top: 6px; font-size: 12px; }
.index-inline-354 { width: min(92vw, 980px); max-height: 92vh; overflow: auto; position: relative; }
.index-inline-355 { width: min(92vw, 820px); max-height: 92vh; overflow: auto; position: relative; }
.index-inline-356 { flex-direction: column; gap: 10px; }
.index-inline-357 { position: sticky; top: 8px; z-index: 10; background: rgba(17,24,39,0.96); box-shadow: 0 8px 20px rgba(0,0,0,0.35); }
#trim-preview-wrap { position: relative; height: 300px; align-items: center; justify-content: center; overflow: hidden; margin: 6px 0 8px; }
#trim-preview { height: 100%; width: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; border: 1px solid rgba(255,255,255,0.12); }
#trim-splitter { height: 6px; cursor: row-resize; background: rgba(255,255,255,0.06); border-top: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 6px; }
.index-inline-358 { gap: 10px; align-items: center; }
#trim-play { align-items: center; justify-content: center; gap: 0; position: relative; pointer-events: auto; z-index: 1; }
#trim-icon-play { position: absolute; color: #000; pointer-events: none; }
#trim-icon-pause { position: absolute; color: #000; pointer-events: none; }
#trim-time { min-width: 60px; text-align: right; }
#trim-total { min-width: 60px; text-align: right; }
.index-inline-359 { gap: 10px; align-items: center; flex-wrap: wrap; }
.index-inline-360 { flex: 1 1 220px; }
.index-inline-361 { flex: 1 1 220px; }
.index-inline-362 { flex: 1 1 220px; }
#trim-zoom-val { opacity: 0.75; }
.index-inline-363 { flex-direction: column; gap: 6px; width: 100%; }
#trim-start-val { margin-left: 4px; font-weight: 600; }
.index-inline-364 { margin-top: 6px; }
#trim-end-val { margin-left: 4px; font-weight: 600; }
.index-inline-365 { justify-content: flex-end; gap: 8px; margin-top: 6px; }
.index-inline-366 { margin: 4px 0 12px; }
.index-inline-367 { justify-content: flex-end; gap: 8px; margin-top: 6px; }
#trim-busy { position: absolute; inset: 0; background: rgba(17,24,39,0.66); backdrop-filter: blur(2px); align-items: center; justify-content: center; z-index: 1000; }
.index-inline-368 { min-width: 260px; max-width: 80%; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; padding: 16px; text-align: center; }
.index-inline-369 { font-size: 16px; margin-bottom: 10px; }
.index-inline-370 { width: 100%; height: 8px; }
#trim-busy-text { margin-top: 8px; opacity: 0.8; }


/* Extracted remaining inline styles in index.html */
.index-inline-001 { display: flex; }
#qs-pro-auto-split-field { display: flex; }
#qs-auto-split { display: none; }
#qs-auto-split-warning { display: none; }
#voice-text-progress { display: none; }
.index-inline-002 { display: flex; }
.index-inline-003 { display: flex; }
.index-inline-004 { display: flex; }
.index-inline-005 { display: flex; }
.index-inline-006 { display: flex; }
#flowboard-remove-voiceover { display: flex; }
#flowboard-container { display: flex; }
.index-inline-007 { display: flex; }
#flowboard-zoom-controls { display: flex; }
#flowboard-zoom-out { display: flex; }
.index-inline-008 { display: flex; }
#flowboard-zoom-in { display: flex; }
.index-inline-009 { display: inline-flex; }
.index-inline-010 { display: flex; }
#ideas-channel-add { display: flex; }
.index-inline-011 { display: flex; }
#ideas-top { display: flex; }
#yt-connection-section { display: flex; }
#yt-channel-thumbnail { display: none; }
.index-inline-012 { display: flex; }
#yt-disconnect-btn { display: none; }
#yt-analytics { display: none; }
#ideas-account { display: none; }
#ideas-account-icon { display: none; }
.index-inline-013 { display: flex; }
#ideas-stats { display: none; }
.index-inline-014 { display: flex; }
.index-inline-015 { display: flex; }
.index-inline-016 { display: flex; }
#ideas-slider { display: flex; }
.index-inline-017 { display: flex; }
#ti-open-gallery { display: none; }
.index-inline-018 { display: flex; }
#ti-nanobanana-option { display: none; }
#ti-openai-model-wrap { display: flex; display: none; }
.index-inline-019 { display: flex; }
.index-inline-020 { display: flex; }
#research-restart { display: none; }
.index-inline-021 { display: flex; }
.index-inline-022 { display: flex; }
#music-reference-file-info { display: none; }
.index-inline-023 { display: flex; }
#music-error-message { display: none; }
.index-inline-024 { display: flex; }
#pg-thumbnail-generate-button { display: none; }
.index-inline-025 { display: flex; }
#prompt-library-list { display: flex; }
.index-inline-026 { display: flex; }
.index-inline-027 { display: flex; }
#narrators-info-open { display: none; }
#library-assets-content { display: block; }
#library-grid-home { display: grid; }
#prompt-library-list-home { display: flex; }
#flows-library-grid { display: grid; }
#flows-library-empty { display: none; }
.index-inline-028 { display: flex; }
#ideas-manage-list { display: flex; }
.index-inline-029 { display: flex; }
.index-inline-030 { display: flex; }
.index-inline-031 { display: flex; }
.index-inline-032 { display: flex; }
.index-inline-033 { display: flex; }
.index-inline-034 { display: flex; }
#yt-upload-content { display: flex; }
.index-inline-035 { display: flex; }
#yt-upload-channel-avatar { display: none; }
#yt-upload-progress { display: none; }
.index-inline-036 { display: flex; }
.index-inline-037 { display: flex; }
.index-inline-038 { display: flex; }
.index-inline-039 { display: flex; }
.index-inline-040 { display: flex; }
.index-inline-041 { display: flex; }
.index-inline-042 { display: flex; }
.index-inline-043 { display: flex; }
.index-inline-044 { display: flex; }
.index-inline-045 { display: flex; }
.index-inline-046 { display: flex; }
.index-inline-047 { display: flex; }
.index-inline-048 { display: flex; }
.index-inline-049 { display: flex; }
.index-inline-050 { display: flex; }
.index-inline-051 { display: flex; }
#imggen-ref-grid { display: grid; }
.index-inline-052 { display: flex; }
#ai-gen-image-chip-modal { display: none; }
.index-inline-053 { display: flex; }
.index-inline-054 { display: flex; }
#asset-preview-video-container { display: none; }
#asset-preview-video-controls { display: flex; }
#asset-preview-play-pause { display: flex; }
#asset-preview-youtube-container { display: none; }
#asset-preview-youtube-webview { display: inline-flex; }
#asset-preview-close { display: flex; }
.index-inline-055 { display: flex; }
.index-inline-056 { display: flex; }
.index-inline-057 { display: flex; }
.index-inline-058 { display: flex; }
#adjust-audio-content { display: flex; }
.index-inline-059 { display: flex; }
#ti-loading { display: none; }
.index-inline-060 { display: flex; }
.index-inline-061 { display: flex; }
#ti-gallery-grid { display: grid; }
.index-inline-062 { display: flex; }
.index-inline-063 { display: flex; }
.index-inline-064 { display: flex; }
#video-preview-player { display: block; }
.index-inline-065 { display: flex; }
.index-inline-066 { display: flex; }
#history-video-player { display: block; }
#history-video-controls { display: flex; }
#history-video-play-pause { display: flex; }
#history-video-play-icon { display: block; }
#history-video-pause-icon { display: none; }
.index-inline-067 { display: flex; }
.index-inline-068 { display: flex; }
#vc-scenes-setup-panel { display: none; }
#vc-scenes-upload-style-input { display: none; }
#vc-scenes-upload-characters-input { display: none; }
#vc-scenes-progress-wrap { display: none; }
#vc-scenes-preview-wrap { display: none; }
#vc-scenes-retry { display: none; }
#vc-scenes-insert { display: none; }
.index-inline-069 { display: flex; }
.index-inline-070 { display: flex; }
#vc-motion-graphics-progress-wrap { display: none; }
#vc-motion-graphics-preview-wrap { display: none; }
#vc-motion-graphics-retry { display: none; }
#vc-motion-graphics-replace { display: none; }
.index-inline-071 { display: flex; }
.index-inline-072 { display: inline-flex; }
#yt-search-loading { display: none; }
#yt-duration-filter { display: none; }
#yt-step-ready { display: block; }
#yt-provider-yarn { display: none; }
#fv-loading { display: none; }
#fv-results { display: grid; }
#pexels-attrib { display: none; }
.index-inline-073 { display: flex; }
.index-inline-074 { display: flex; }
.index-inline-075 { display: flex; }
.index-inline-076 { display: flex; }
#custom-preview-wrap { display: none; }
#vc-preview-wrap { display: flex; }
#vc-canvas { display: block; }
#vc-bg-color-btn { display: flex; }
#vc-bg-color-picker-popup { display: none; }
.index-inline-077 { display: flex; }
#vc-controls { display: flex; }
#vc-play { display: flex; }
#vc-play-icon-play { display: block; }
#vc-play-icon-pause { display: none; }
.index-inline-078 { display: flex; }
.index-inline-079 { display: flex; }
#vc-new-project-menu { display: none; }
#vc-script-section { display: none; }
.index-inline-080 { display: flex; }
#vc-script-paste-wrap { display: none; }
#vc-add-bit-dropdown { display: inline-block; }
#vc-asset-items { display: flex; }
#vc-save { display: none; }
#vc-edit-panel { display: flex; }
.index-inline-081 { display: flex; }
.index-inline-082 { display: flex; }
#custom-bg-video-row { display: none; }
.index-inline-083 { display: inline-flex; }
#custom-ov-media-row { display: none; }
#custom-pos-grid { display: grid; }
.index-inline-084 { display: flex; }
.index-inline-085 { display: flex; }
#imggen-grid { display: grid; }
.index-inline-086 { display: flex; }
#custom-library-container { display: flex; }
.index-inline-087 { display: flex; }
#custom-library-grid { display: grid; }
.index-inline-088 { display: flex; }
#fi-tabs { display: flex; }
#fi-loading { display: none; }
#fi-results { display: grid; }
#fi-giphy-attrib { display: none; }
.index-inline-089 { display: flex; }
.index-inline-090 { display: flex; }
#script-voice-progress { display: none; }
.index-inline-091 { display: flex; }
#create-project-script-file { display: none; }
.index-inline-092 { display: flex; }
#beat-icon-pause { display: none; }
#floating-progress-wrap { display: none; }
#floating-time-remaining { display: none; }
.index-inline-093 { display: flex; }
.index-inline-094 { display: flex; }
.index-inline-095 { display: flex; }
.index-inline-096 { display: flex; }
.index-inline-097 { display: flex; }
.index-inline-098 { display: flex; }
#flowboard-open-project-grid { display: grid; }
#flowboard-open-project-empty { display: none; }
#home-projects-empty { display: none; }
#home-bgm-icon-pause { display: none; }
.index-inline-099 { display: flex; }
.index-inline-100 { display: flex; }
.index-inline-101 { display: flex; }
#yt-unlink-account { display: none; }
#auto-split-warning { display: none; }
.index-inline-102 { display: flex; }
#trim-preview-wrap { display: flex; }
#trim-preview { display: block; }
#trim-play { display: inline-flex; }
#trim-icon-pause { display: none; }
.index-inline-103 { display: flex; }
.index-inline-104 { display: flex; }
.index-inline-105 { display: flex; }
.index-inline-106 { display: flex; }
#trim-busy { display: none; }