#aiVideoGeneratorContainer>.page-header{text-align:center;justify-content:center}.ai-video-chip-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ai-video-chip-row .ai-video-topic-chips,.ai-video-chip-row .ai-video-template-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-video-template-chips{display:none!important}.ai-video-creation-box[data-mode=slides] .ai-video-template-chips{display:flex!important}.ai-video-template-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);white-space:nowrap;line-height:1;display:inline-flex}.ai-video-template-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.ai-video-template-chip.selected{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-subtle)}.ai-video-template-chip-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ai-video-template-chip.selected .ai-video-template-chip-icon{opacity:1}.ai-video-template-chip-icon svg{width:14px;height:14px;display:block}.ai-video-creation-toolbar{align-items:center;gap:var(--space-3);min-height:40px;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);margin-top:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-video-composer-topbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.ai-video-composer-topbar .ai-video-input-tabs{flex-wrap:wrap;margin-bottom:0}.ai-video-composer-topbar .wizard-format-cards{margin-left:auto}.ai-video-toolbar-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.ai-video-advanced-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ai-video-advanced-toggle:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-hover)}.ai-video-advanced-toggle svg{transition:color var(--transition-fast)}.ai-video-advanced-toggle.open{color:var(--primary-color);border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 6%, var(--bg-surface))}.ai-video-advanced-panel{opacity:0;max-height:0;transition:max-height var(--transition-normal), opacity var(--transition-normal), padding-top var(--transition-normal), margin-top var(--transition-normal), border-top-color var(--transition-normal);border-top:1px solid #0000;margin-top:0;padding-top:0;overflow:hidden}.ai-video-advanced-panel.open{opacity:1;max-height:700px;padding-top:var(--space-4);margin-top:var(--space-4);border-top-color:var(--border-subtle)}.ai-video-advanced-content{gap:var(--space-4);flex-direction:column;align-items:flex-start;width:100%;min-width:0;display:flex}.ai-video-advanced-content>.generate-images-toggle{max-width:fit-content}.ai-video-advanced-content .wizard-options-row,.ai-video-advanced-content .wizard-style-row{min-width:0;padding:0}.ai-video-advanced-content .wizard-style-row{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-sunken) 45%, var(--bg-surface))}.ai-video-advanced-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.ai-video-template-trigger{gap:var(--space-1)}.ai-video-slides-only{display:none!important}.ai-video-creation-box[data-mode=slides] .ai-video-slides-only{display:inline-flex!important}.ai-video-cards-only{display:none!important}.ai-video-creation-box[data-mode=video] .ai-video-cards-only{display:inline-flex!important}.ai-video-toolbar-ratio-select{align-items:center;display:inline-flex}.ai-video-toolbar-select{font-size:var(--text-2xs);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);outline:none}.ai-video-toolbar-select:hover{border-color:var(--primary-color)}.ai-video-toolbar-select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.ratio-dropdown{display:inline-flex;position:relative}.ratio-dropdown-trigger{align-items:center;gap:var(--space-1);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);height:30px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);outline:none;line-height:1;display:inline-flex}.ratio-dropdown-trigger:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-hover)}.ratio-dropdown.open .ratio-dropdown-trigger{border-color:var(--primary-color);color:var(--text-primary);box-shadow:var(--shadow-focus)}.ratio-dropdown-chevron{opacity:.45;transition:transform var(--transition-fast), opacity var(--transition-fast);flex-shrink:0}.ratio-dropdown.open .ratio-dropdown-chevron{opacity:.7;transform:rotate(180deg)}.ratio-dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:116px;box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);padding:var(--space-1);flex-direction:column;gap:1px;display:none;position:absolute;top:calc(100% + 4px);left:0}.ratio-dropdown.open .ratio-dropdown-menu{animation:ratio-menu-in var(--duration-fast) var(--ease-out) both;display:flex}.ratio-dropdown.open-upward .ratio-dropdown-menu{animation:ratio-menu-in-up var(--duration-fast) var(--ease-out) both;top:auto;bottom:calc(100% + 4px)}@keyframes ratio-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ratio-menu-in-up{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ratio-dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;text-align:left;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;line-height:1.4;display:flex}.ratio-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ratio-dropdown-item.selected{color:var(--primary-color);font-weight:var(--weight-semibold)}.ratio-dropdown-item-check{opacity:0;color:var(--primary-color);transition:opacity var(--transition-fast);flex-shrink:0}.ratio-dropdown-item.selected .ratio-dropdown-item-check{opacity:1}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--text-xs);white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);letter-spacing:.01em;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--tooltip-bg);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}.ai-video-toolbar-speed{align-items:center;display:inline-flex}.ai-video-toolbar-speed-select{font-size:var(--text-2xs);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer}.ai-video-creation-box[data-mode=video] .ai-video-slides-only{display:none!important}.ai-video-slides-model-selector{display:none}.ai-video-creation-box[data-mode=slides] .ai-video-slides-model-selector,.ai-video-creation-box[data-mode=lecture] .ai-video-slides-model-selector{align-items:center;gap:var(--space-1);display:flex;position:relative}.ai-video-slides-voice-btn,.ai-video-creation-box[data-mode=slides] .ai-video-slides-voice-btn{display:none}.ai-video-creation-box[data-mode=slides]:has(#wizardNarration:checked) .ai-video-slides-voice-btn{display:inline-flex}.ai-video-creation-box[data-mode=lecture] .ai-video-slides-voice-btn{display:inline-flex}.ai-video-creation-box[data-mode=video] .ai-video-slides-voice-btn{display:none}.ai-video-creation-box[data-mode=lecture] .ai-video-template-chips{display:none!important}.ai-video-slides-voice-btn #vpresentListVoiceName,.ai-video-slides-voice-btn #slidesVoiceName{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.ai-video-model-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ai-video-model-dropdown{top:calc(100% + var(--space-1));background:var(--dropdown-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);padding:var(--space-1);display:none;position:absolute;left:0}.ai-video-model-dropdown.open{animation:sp-fade-down var(--duration-fast) var(--ease-out);display:block}@keyframes sp-fade-down{0%{opacity:0;transform-origin:top;transform:scaleY(.92)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.ai-video-model-option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);font-size:var(--text-xs);background:0 0;border:none;display:flex}.ai-video-model-option:hover{background:var(--bg-sunken)}.ai-video-model-option.selected{background:var(--primary-subtle);font-weight:var(--weight-semibold)}.ai-video-model-option-name{flex:1}.ai-video-model-option-desc{font-size:var(--text-2xs);color:var(--text-tertiary)}.ai-video-toolbar-generate{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:var(--primary-color);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-normal), transform var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm);border:none;flex-shrink:0;margin-left:0;line-height:1;display:inline-flex}.ai-video-toolbar-generate:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ai-video-toolbar-generate:active{transform:translateY(0)}.ai-video-toolbar-generate:disabled{background:var(--border-default);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.ai-video-toolbar-generate .ai-video-quota-badge{font-size:var(--text-2xs);font-weight:var(--weight-medium);opacity:.8;padding:1px var(--space-1);border-radius:var(--radius-sm);background:#ffffff2e}@media (width<=900px){.ai-video-composer-topbar{gap:var(--space-2);flex-wrap:wrap}.ai-video-composer-topbar .wizard-format-cards{order:-1;margin-left:0}.ai-video-creation-box{padding:var(--space-4)}.ai-video-advanced-toggle{margin-left:0}.ai-video-toolbar-generate{width:100%;padding:var(--space-2) var(--space-4);justify-content:center}}.ai-video-project-type-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:3px var(--space-2);border-radius:var(--radius-sm);margin-top:var(--space-0-5);width:fit-content;display:inline-block}.ai-video-creation-box{border:1px solid var(--border-default);border-radius:var(--radius-3xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-7);background:var(--bg-surface);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);max-width:960px;margin-inline:auto;overflow:visible;box-shadow:0 12px 40px #1118270d}.ai-video-creation-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent), 0 20px 48px #11182714}.ai-video-input-area-wrap{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;min-height:130px;display:flex}.ai-video-creation-box .ai-video-text-input,.ai-video-creation-box .ai-video-url-input{padding:var(--space-2) 0;min-height:100px;box-shadow:none;resize:none;background:0 0;border:none;border-radius:0}.ai-video-creation-box .ai-video-text-input:hover,.ai-video-creation-box .ai-video-text-input:focus,.ai-video-creation-box .ai-video-url-input:hover,.ai-video-creation-box .ai-video-url-input:focus{box-shadow:none;border:none}.ai-video-list-text-input{width:100%;color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);resize:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;outline:none;min-height:120px;max-height:320px;padding:0;line-height:1.7;overflow-y:auto}.ai-video-list-text-input::placeholder{color:var(--text-tertiary);font-size:var(--text-base);line-height:1.7}.ai-video-enhance-prompt-bar{gap:var(--space-2);padding:var(--space-1) 0;display:flex}.ai-video-enhance-btn{font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 22%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;transition:all .15s;display:inline-flex}.ai-video-enhance-btn:hover{background:color-mix(in srgb, var(--primary-color) 14%, transparent);border-color:color-mix(in srgb, var(--primary-color) 40%, transparent)}.ai-video-enhance-btn:active{transform:scale(.97)}.ai-video-enhance-btn:focus-visible{box-shadow:var(--shadow-focus)}.ai-video-enhance-btn.loading{pointer-events:none;opacity:.6}.ai-video-enhance-btn.loading svg{animation:1s linear infinite enhance-spin}@keyframes enhance-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-video-list-url-input{width:100%;padding:var(--space-3) 0;color:var(--text-primary);font-size:var(--text-base);box-sizing:border-box;background:0 0;border:none;border-radius:0;outline:none}.ai-video-list-url-input::placeholder{color:var(--text-tertiary);font-size:var(--text-sm)}.ai-video-list-topic-chips{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.ai-video-quota-badge{font-size:var(--text-2xs);font-weight:var(--weight-medium);opacity:.75;padding:1px var(--space-1);border-radius:var(--radius-sm);background:#ffffff26}.ai-video-recent-section h3{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.ai-video-project-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ai-video-project-item{gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast) var(--ease-spring);flex-direction:column;display:flex;position:relative}.ai-video-project-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.ai-video-project-actions{align-items:center;gap:var(--space-0-5);opacity:0;transition:opacity var(--transition-fast);top:var(--space-2);right:var(--space-2);display:flex;position:absolute}.ai-video-project-item:hover .ai-video-project-actions{opacity:1}.ai-video-project-type-badge[data-type=slides],.ai-video-project-type-badge[data-type=video],.ai-video-project-type-badge[data-type=lecture]{background:var(--bg-sunken);color:var(--text-secondary)}.ai-video-project-item-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug);-webkit-line-clamp:2;margin-top:var(--space-1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-video-project-item-meta{font-size:var(--text-2xs);color:var(--text-tertiary);padding-top:var(--space-2);margin-top:auto}.ai-video-empty-state{text-align:center;padding:80px var(--space-5) 60px;color:var(--text-secondary);flex-direction:column;align-items:center;display:flex}.ai-video-empty-state svg{margin-bottom:var(--space-5);opacity:.25}.ai-video-empty-state h4{margin:0 0 var(--space-2) 0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.ai-video-empty-tagline{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);line-height:var(--leading-normal);max-width:400px;color:var(--text-secondary)}.ai-video-empty-hint{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4) 0;font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.ai-video-empty-hint kbd{min-width:20px;height:20px;padding:0 var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-sunken);font-family:var(--font-mono,monospace);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);box-shadow:0 1px 0 var(--border-strong);justify-content:center;align-items:center;display:inline-flex}.ai-video-empty-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.ai-video-empty-chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--transition-normal), color var(--transition-normal), background var(--transition-normal), transform var(--transition-normal) var(--ease-spring), box-shadow var(--transition-normal);display:inline-flex}.ai-video-empty-chip:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-sunken);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-video-empty-chip-icon{font-size:var(--text-base);line-height:1}.ai-video-generating-step{padding:var(--space-8) var(--space-6);justify-content:center;align-items:center;min-height:160px;display:flex}.ai-video-generating-inner{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;max-width:360px;display:flex}.ai-video-generating-icon{color:var(--primary-color);opacity:.85;animation:1.6s ease-in-out infinite ai-video-pulse}@keyframes ai-video-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.ai-video-generating-progress{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;padding:var(--space-4)}.ai-video-generating-bar-track{height:var(--progress-track-height-lg);background:var(--progress-track-bg);border-radius:var(--radius-full);overflow:hidden}.ai-video-generating-bar-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);width:0%}.ai-video-generating-status{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);text-align:center;display:block}.ai-video-hero-tabs-wrap{margin-top:var(--space-7);flex-direction:column;width:100%;max-width:960px;margin-inline:auto;display:flex}.ai-video-hero-tab-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.ai-video-hero-tab-bar{margin-bottom:0}.ai-video-hero-tab-panel{width:100%;min-height:160px}#vpresentFeaturedWorks.featured-works-strip,#aiVideoFeaturedWorks.featured-works-strip{border-top:none;margin-top:0;padding-top:0}#vpresentFeaturedWorks .featured-works-header,#vpresentMyWorks .rp-header{display:none}.ai-video-toolbar-controls .web-search-toggle,.ai-video-toolbar-controls .narration-toggle{height:30px;padding-top:0;padding-bottom:0;line-height:1}.ai-video-editor-layout{gap:var(--space-5);align-items:flex-start;min-height:500px;display:flex}.ai-video-editor-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-height:40px;display:flex}.ai-video-toolbar-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ai-video-toolbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ai-video-toolbar-btn{height:32px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-md);align-items:center;gap:var(--space-1-5);white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;line-height:1;display:inline-flex}.ai-video-toolbar-btn--ghost{color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;justify-content:center;width:32px;padding:0}.ai-video-toolbar-btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-video-toolbar-btn--outline{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}.ai-video-toolbar-btn--outline:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-subtle,color-mix(in srgb, var(--primary-color) 6%, var(--bg-surface)))}.ai-video-toolbar-btn--primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);font-weight:var(--weight-semibold);padding:0 var(--space-4)}.ai-video-toolbar-btn--primary:hover{background:var(--primary-hover,var(--primary-color));box-shadow:var(--shadow-sm)}.ai-video-toolbar-btn:disabled,.ai-video-toolbar-btn.loading{opacity:.6;cursor:not-allowed;pointer-events:none}.ai-video-toolbar-btn.loading>svg:first-child{display:none}.ai-video-toolbar-btn.loading:before{content:"";border:1.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite btn-spin;display:inline-block}.ai-video-style-dropdown{position:relative}.ai-video-style-dropdown-trigger:hover,.ai-video-style-dropdown.open .ai-video-style-dropdown-trigger{border-color:var(--primary-color);color:var(--primary-color)}.ai-video-style-dropdown-thumb{border-radius:var(--radius-sm);background:var(--bg-sunken);flex-shrink:0;width:20px;height:20px;overflow:hidden}.ai-video-style-dropdown-thumb svg{width:100%;height:100%;display:block}.ai-video-style-dropdown-panel{top:calc(100% + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-3);width:296px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown,200);display:none;position:absolute;right:0}.ai-video-style-dropdown.open .ai-video-style-dropdown-panel{display:block}.ai-video-dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--space-2) 0}.ai-video-dropdown-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) 0}.ai-video-dropdown-ratio{justify-content:stretch;width:100%}.ai-video-dropdown-ratio .option-group-item{flex:1;justify-content:center}.ai-video-gen-progress-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-subtle,color-mix(in srgb, var(--primary-color) 6%, var(--bg-surface)));border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);border-radius:var(--radius-xl);margin-bottom:var(--space-2);display:flex}.ai-video-gen-progress-icon{flex-shrink:0;animation:1.5s ease-in-out infinite ai-video-gen-pulse}@keyframes ai-video-gen-pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-video-gen-progress-info{flex:1;min-width:0}.ai-video-gen-progress-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1-5);display:block}.ai-video-gen-progress-track{background:color-mix(in srgb, var(--primary-color) 12%, transparent);border-radius:var(--radius-full);height:6px;overflow:hidden}.ai-video-gen-progress-bar{background:var(--primary-color);border-radius:var(--radius-full);width:0%;height:100%;transition:width .4s}.ai-video-card-skeleton{pointer-events:none;opacity:.5;border-color:var(--border-subtle)!important}.ai-video-skeleton-line{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-surface) 50%, var(--bg-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite ai-video-skeleton-shimmer}@keyframes ai-video-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-video-preview-panel{gap:var(--space-3);top:var(--space-4);flex-direction:column;flex:0 0 340px;align-self:flex-start;display:flex;position:sticky}.ai-video-preview-panel .ai-video-live-preview-wrap{border-radius:var(--radius-xl);background:0 0;border:none;padding:0;overflow:hidden}.ai-video-preview-panel .ai-video-live-preview-wrap canvas{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.ai-video-preview-nav{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.ai-video-preview-nav .tool-btn{border-radius:var(--radius-full);border-color:var(--border-default);width:30px;height:30px}.ai-video-preview-counter{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.ai-video-preview-progress{padding:var(--space-3);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ai-video-project-title-input{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);min-width:140px;max-width:520px;transition:border-color var(--transition-fast);text-overflow:ellipsis;background:0 0;border:1px solid #0000;outline:none;flex:1;line-height:1.4}.ai-video-project-title-input:hover{border-color:var(--border-default)}.ai-video-project-title-input:focus{background:var(--bg-sunken);border-color:var(--primary-color)}.ai-video-input-area{gap:var(--space-8);flex:1;align-items:flex-start;display:flex}.ai-video-input-form{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ai-video-input-preview{align-items:center;gap:var(--space-4);flex-direction:column;flex-shrink:0;width:280px;display:flex}.ai-video-preview-phone{border-radius:var(--radius-2xl);border:3px solid var(--border-default);width:220px;height:390px;box-shadow:var(--shadow-lg);background:var(--gray-900);overflow:hidden}.ai-video-preview-phone img,.ai-video-preview-phone video{object-fit:cover;object-position:top;width:100%;height:100%}.ai-video-preview-svg,.ai-video-preview-svg svg{width:100%;height:100%}.ai-video-preview-info{text-align:center}.ai-video-preview-style-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.ai-video-preview-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug)}.ai-video-preview-styles{gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.ai-video-topic-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-video-topic-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);white-space:nowrap}.ai-video-topic-chip:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-sunken)}.ai-video-input-tabs{background:var(--bg-sunken);border-radius:var(--radius-full);width:fit-content;margin-bottom:var(--space-1);gap:2px;padding:3px;display:inline-flex}.ai-video-input-tab{padding:var(--space-1) var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:0 0;border:none;line-height:1.4}.ai-video-input-tab:hover{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface) 50%, transparent)}.ai-video-input-tab.active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.ai-video-text-input{width:100%;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);resize:vertical;min-height:240px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.ai-video-text-input::placeholder{color:var(--input-placeholder)}.ai-video-text-input:hover{border-color:var(--border-strong)}.ai-video-text-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent)}.ai-video-url-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.ai-video-url-input::placeholder{color:var(--input-placeholder)}.ai-video-url-input:hover{border-color:var(--border-strong)}.ai-video-url-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent)}.ai-video-generate-actions{align-items:center;gap:var(--space-3);margin:var(--space-1) 0;flex-wrap:wrap;min-width:0;display:flex}.ai-video-generate-actions .web-search-toggle{flex-shrink:1;max-width:fit-content}.ai-video-generate-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);justify-content:center;align-self:stretch;align-items:center;gap:var(--space-2);display:inline-flex}.ai-video-card-list{gap:var(--space-2);min-width:0;max-width:500px;max-height:calc(100vh - 160px);padding-right:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-video-card-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-xs);flex-shrink:0;position:relative;overflow:hidden}.ai-video-card-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.ai-video-card-item.is-active{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-color) 18%, transparent), var(--shadow-card)}.ai-video-card-item+.ai-video-card-item{margin-top:0}.ai-video-card-item-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle);margin-bottom:0;display:flex}.ai-video-card-type-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.ai-video-card-type-badge.title{background:var(--tag-bg-primary);color:var(--tag-color-primary)}.ai-video-card-type-badge.content{background:var(--color-info-bg);color:var(--color-info-text)}.ai-video-card-type-badge.comparison{background:var(--color-warning-bg);color:var(--color-warning-text)}.ai-video-card-type-badge.quote{background:var(--color-success-bg);color:var(--color-success-text)}.ai-video-card-type-badge.ending{background:var(--color-error-bg);color:var(--color-error-text)}.ai-video-card-headline{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ai-video-card-delete-btn{width:26px;height:26px;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-video-card-item:hover .ai-video-card-delete-btn{opacity:1}.ai-video-card-delete-btn:hover{color:var(--color-error-text);background:var(--color-error-bg)}.ai-video-card-body{padding:var(--space-2) var(--space-3)}.ai-video-card-narration-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:flex}.ai-video-card-narration{width:100%;padding:var(--space-1-5) var(--space-3);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-sans);resize:none;field-sizing:content;min-height:36px;line-height:var(--leading-relaxed);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.ai-video-card-narration::placeholder{color:var(--text-tertiary)}.ai-video-card-narration:hover{border-color:var(--border-default)}.ai-video-card-narration:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent);background:var(--bg-surface)}.ai-video-card-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.ai-video-card-actions button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:var(--space-1);display:inline-flex}.ai-video-card-actions button:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-subtle);box-shadow:var(--shadow-xs)}.ai-video-narration-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-1-5);display:flex}#vpresentHeaderVoiceBtn{min-width:90px}.ai-video-voice-inline-btn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ai-video-card-audio-status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-success-text);background:var(--color-success-bg);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);display:inline-flex}.ai-video-settings-panel{gap:var(--space-3);top:var(--space-4);flex-direction:column;flex:0 0 300px;align-self:flex-start;display:flex;position:sticky}.ai-video-live-preview-wrap{background:var(--bg-sunken);border-radius:var(--radius-xl);padding:var(--space-3);border:1px solid var(--border-default);justify-content:center;display:flex}.ai-video-live-preview-wrap canvas{border-radius:var(--radius-md);width:100%;height:auto;display:block}.ai-video-settings-section h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.ai-video-style-mini-grid{gap:var(--space-1);grid-template-columns:repeat(5,1fr);display:grid}.ai-video-style-mini-card{cursor:pointer;border-radius:var(--radius-sm);border:2px solid var(--border-subtle);transition:border-color var(--transition-fast);background:var(--bg-surface);overflow:hidden}.ai-video-style-mini-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.ai-video-style-mini-card:hover{border-color:var(--primary-color)}.ai-video-style-mini-preview{aspect-ratio:9/16;background:var(--gray-900);overflow:hidden}.ai-video-style-mini-preview svg{width:100%;height:100%;display:block}.ai-video-style-mini-name{padding:2px var(--space-1) 3px;text-align:center;color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.2;overflow:hidden}.ai-video-voice-btn{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);font-size:var(--text-xs)}.ai-video-voice-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.ai-video-speed-control{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.ai-video-speed-control label{font-size:var(--text-xs);color:var(--text-secondary);min-width:40px}.ai-video-speed-control input[type=range]{flex:1}.ai-video-speed-control span{font-size:var(--text-xs);color:var(--text-primary);text-align:right;min-width:36px}.ai-video-progress-bar{height:var(--progress-track-height-lg);background:var(--progress-track-bg);border-radius:var(--radius-full);overflow:hidden}.ai-video-progress-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);width:0%}.ai-video-progress-text{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);display:block}.ai-video-export-step{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex}.ai-video-export-step:last-child{border-bottom:none}.ai-video-export-step-num{background:var(--primary-subtle);width:28px;height:28px;color:var(--primary-color);border:2px solid var(--primary-color);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-video-export-step-content{min-width:0;padding-top:var(--space-0-5);flex:1}.ai-video-export-step-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.ai-video-export-step-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.ai-video-export-cli-details{border-top:1px solid var(--border-subtle)}.ai-video-export-cli-details .ai-video-export-step:last-child{border-bottom:none}.ai-video-export-cli-summary{padding:var(--space-2) var(--space-6);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--space-1);transition:color var(--transition-fast);list-style:none;display:flex}.ai-video-export-cli-summary::-webkit-details-marker{display:none}.ai-video-export-cli-summary:after{content:"›";font-size:var(--text-base);transition:transform var(--transition-fast);line-height:1;display:inline-block}.ai-video-export-cli-details[open] .ai-video-export-cli-summary:after{transform:rotate(90deg)}.ai-video-export-cli-summary:hover{color:var(--text-secondary)}.ai-video-export-cmd{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-mono);display:flex}.ai-video-export-cmd code{font-size:var(--text-xs);color:var(--text-primary);word-break:break-all;line-height:var(--leading-snug);flex:1}.ai-video-export-copy{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0}.ai-video-export-copy:hover{color:var(--primary-color);background:var(--primary-subtle)}.ai-video-export-badge{font-size:var(--text-2xs);background:var(--bg-surface);color:var(--primary-color);border:1px solid var(--primary-color);padding:2px var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-2)}.ai-video-export-badge-beta{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-subtle)}body.dark .ai-video-export-badge-beta{background:var(--primary-subtle)}.ai-video-cloud-render-step{border-top:1px solid var(--border-subtle)}.ai-video-cloud-render-step .ai-video-export-progress,.ai-video-cloud-history{margin-top:var(--space-3)}.ai-video-cloud-history-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.ai-video-cloud-history-list{gap:var(--space-2);flex-direction:column;display:flex}.ai-video-cloud-history-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--panel-bg);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ai-video-cloud-history-info{flex-direction:column;min-width:0;display:flex}.ai-video-cloud-history-label{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-video-cloud-history-time{color:var(--text-tertiary);font-size:var(--text-2xs)}.ai-video-cloud-history-status{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ai-video-cloud-history-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--weight-medium);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.ai-video-cloud-history-badge--completed{color:var(--success-text);border-color:var(--success-border);background:var(--success-bg)}.ai-video-cloud-history-badge--failed{color:var(--error-text);border-color:var(--error-border);background:var(--error-bg)}.ai-video-cloud-history-badge--rendering,.ai-video-cloud-history-badge--generating,.ai-video-cloud-history-badge--synthesizing{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-subtle)}.ai-video-cloud-history-dl{padding:2px var(--space-2)!important;font-size:var(--text-2xs)!important;min-height:unset!important;height:auto!important}.ai-video-export-controls{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ai-video-export-ar-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-xs)}.ai-video-export-render-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-5)}.ai-video-export-status{font-size:var(--text-2xs);color:var(--text-tertiary)}.ai-video-export-progress{margin-top:var(--space-2)}.ai-video-export-progress-track{height:var(--progress-track-height-md);background:var(--panel-bg);border-radius:var(--radius-sm);overflow:hidden}.ai-video-export-progress-bar{background:var(--progress-fill-color);border-radius:var(--radius-sm);width:0%;height:100%;transition:width .3s ease-out}.ai-video-export-video-preview{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:#000;width:100%;max-width:100%;max-height:min(72vh,720px);display:block}.ai-video-inline-export-panel{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--bg-surface);box-shadow:var(--shadow-card)}.ai-video-inline-export-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.ai-video-inline-export-heading h3{font-size:var(--text-lg);color:var(--text-primary);margin:0}.ai-video-inline-export-heading p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.ai-video-inline-export-close{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.ai-video-inline-export-close:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-sunken)}.ai-video-inline-export-body{gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(280px,360px);align-items:start;display:grid}.ai-video-inline-export-preview-shell{min-width:0}.ai-video-inline-export-preview-frame{min-height:360px;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-default);background:radial-gradient(circle at top, color-mix(in srgb, var(--primary-color) 10%, transparent), transparent 60%), var(--bg-sunken);justify-content:center;align-items:center;display:flex}.ai-video-inline-export-placeholder{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.ai-video-inline-export-side{gap:var(--space-3);flex-direction:column;display:flex}.ai-video-inline-export-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-video-inline-export-actions .btn-secondary,.ai-video-inline-export-actions .btn-primary{flex:180px}.ai-clips-bgm-panel{width:auto;min-width:180px;padding:var(--space-2) 0}.ai-clips-bgm-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);white-space:nowrap;transition:background .1s,color .1s;display:flex}.ai-clips-bgm-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-clips-bgm-item.selected{color:var(--primary-color);font-weight:600}.ai-clips-bgm-item-label{flex:1;min-width:0}.ai-clips-bgm-preview-btn{width:20px;height:20px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,background .15s;display:flex}.ai-clips-bgm-item:hover .ai-clips-bgm-preview-btn{opacity:1}.ai-clips-bgm-preview-btn:hover{color:var(--primary-color);background:var(--bg-hover)}.ai-clips-bgm-preview-btn.playing{opacity:1;color:var(--primary-color)}.ai-clips-bgm-preview-btn.playing svg polygon{animation:.8s ease-in-out infinite alternate bgm-pulse}@keyframes bgm-pulse{0%{opacity:.6}to{opacity:1}}.ai-clips-captions-panel{width:auto;min-width:200px;padding:var(--space-2) 0}.ai-clips-captions-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.ai-clips-captions-row-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.ai-clips-captions-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.ai-clips-captions-toggle-track{background:var(--border-default);border-radius:9px;align-items:center;width:34px;height:18px;transition:background .2s;display:inline-flex;position:relative}.ai-clips-captions-toggle[aria-pressed=true] .ai-clips-captions-toggle-track{background:var(--primary-color)}.ai-clips-captions-toggle-thumb{background:var(--white);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;left:2px;box-shadow:0 1px 3px #0000004d}.ai-clips-captions-toggle[aria-pressed=true] .ai-clips-captions-toggle-thumb{transform:translate(16px)}.ai-clips-captions-size-btns{gap:var(--space-1);display:flex}.ai-clips-captions-size-btn{font-size:var(--text-xs);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;padding:3px 10px;transition:background .15s,color .15s,border-color .15s}.ai-clips-captions-size-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-clips-captions-size-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}@media (width<=900px){.ai-video-creation-footer{flex-direction:column;align-items:stretch}.ai-video-style-strip-wrap{overflow:hidden}.ai-video-list-generate-btn{justify-content:center}.ai-video-editor-layout{flex-direction:column}.ai-video-settings-panel,.ai-video-preview-panel{flex:none;width:100%;max-width:300px;position:static}.ai-video-inline-export-body{grid-template-columns:1fr}.ai-video-inline-export-preview-frame{min-height:280px}.ai-video-live-preview-wrap canvas{max-width:220px;margin:0 auto}.ai-video-input-area{flex-direction:column}.ai-video-style-dropdown-panel{left:0;right:auto}.ai-video-input-preview{flex-direction:row;align-items:center;width:100%}.ai-video-preview-phone{width:120px;height:213px}}@media (width<=480px){.ai-video-style-mini-grid{grid-template-columns:repeat(4,1fr)}.ai-video-style-dropdown-panel{width:min(260px,100vw - 32px)}}.lecture-viewer-container{flex-direction:column;height:calc(100vh - 60px);display:flex;overflow:hidden}.lecture-viewer-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-default);flex-shrink:0;display:flex}.lecture-viewer-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:360px;overflow:hidden}.lecture-viewer-header-spacer{flex:1}.lecture-viewer-gen-status{align-items:center;gap:var(--space-2);display:flex}.lecture-viewer-gen-status .lecture-panel-status-text{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.lecture-viewer-progress{height:var(--progress-track-height-sm);background:var(--border-subtle);flex-shrink:0}.lecture-viewer-progress-fill{background:var(--primary-color);border-radius:0 var(--radius-full) var(--radius-full) 0;height:100%;transition:width var(--transition-slow)}.lecture-action-row{gap:var(--space-2);display:flex}.lecture-action-row .tool-btn{border-color:var(--border-default)}.lecture-slides-stream{min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.lecture-slides-stream .lecture-slides-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;display:grid}.lecture-slide-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);transition:box-shadow var(--transition-fast), opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.lecture-slide-card:hover{box-shadow:var(--shadow-card-hover)}.lecture-slide-preview{aspect-ratio:16/9;background:var(--bg-sunken);flex-shrink:0;width:100%;position:relative;overflow:hidden}.lecture-slide-preview-inner{transform-origin:0 0;pointer-events:none;width:960px;height:540px}.lecture-slide-preview-inner .slide-page{width:960px!important;height:540px!important;display:flex!important;position:relative!important}.lecture-slide-num{top:var(--space-2);left:var(--space-2);color:var(--white);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);z-index:2;pointer-events:none;background:#00000073;position:absolute}.lecture-slide-narration{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.lecture-narration-textarea{resize:none;width:100%;min-height:54px;font-size:var(--text-xs);color:var(--text-secondary);background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6;display:block}.lecture-narration-textarea:focus{color:var(--text-primary)}.lecture-narration-textarea::placeholder{color:var(--text-tertiary)}@media (width<=768px){.lecture-slides-stream .lecture-slides-list{grid-template-columns:1fr}.lecture-viewer-gen-status{display:none}}.lecture-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s infinite lecture-pulse}.lecture-dot.done{background:var(--color-success);animation:none}.lecture-dot.error{background:var(--color-error);animation:none}@keyframes lecture-pulse{0%,to{opacity:1}50%{opacity:.3}}.lecture-slide-card.entering{opacity:0;transform:translateY(12px)scale(.97)}.lecture-slide-audio-btn{bottom:var(--space-5);right:var(--space-3);z-index:var(--z-raised);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);cursor:pointer;align-items:center;gap:var(--space-1);transition:background var(--transition-fast);background:#0009;border:1px solid #fff3;display:none;position:absolute}.lecture-slide-audio-btn:hover{background:#000000bf}.lecture-slide-audio-btn.ready{animation:lecture-audio-fade-in var(--duration-slow) var(--ease-out);display:flex}.lecture-slide-audio-btn.playing{color:var(--color-success);border-color:var(--color-success-border)}@keyframes lecture-audio-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.lecture-viewer{grid-template-columns:1fr}.lecture-panel{border-right:none;border-bottom:1px solid var(--border-default);max-height:200px}}.slide-thumb-card{border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--bg-sunken);cursor:pointer;width:96px;height:60px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background-position:50%;background-size:cover;flex-shrink:0;position:relative;overflow:hidden}.slide-thumb-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.slide-thumb-card.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle)}.slide-thumb-accent{border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.85;height:4px;position:absolute;top:0;left:0;right:0}.slide-thumb-body{padding:var(--space-1) var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;inset:4px 0 0}.slide-thumb-card[style*=background-image] .slide-thumb-body{background:linear-gradient(#0000 40%,#00000059)}.slide-thumb-title{font-size:6px;font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.2;overflow:hidden}.slide-thumb-card[style*=background-image] .slide-thumb-title{color:#fffffff2;text-shadow:0 1px 2px #00000080}.slide-thumb-meta{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:5px;line-height:1.2;overflow:hidden}.slide-thumb-card[style*=background-image] .slide-thumb-meta{color:#ffffffb3}.slide-thumb-layout-icon{bottom:var(--space-1);right:var(--space-1);width:12px;height:12px;color:var(--text-quaternary);opacity:.6;position:absolute}.slide-thumb-card[style*=background-image] .slide-thumb-layout-icon{color:#fff9;opacity:.8}.slide-thumb-audio-dot{bottom:var(--space-1);left:var(--space-1);border-radius:var(--radius-full);background:var(--color-success);width:6px;height:6px;box-shadow:0 0 4px var(--color-success);position:absolute}.slide-thumb-index{top:5px;left:var(--space-1);font-size:5px;font-weight:var(--weight-bold);color:var(--text-quaternary);background:var(--bg-surface);border-radius:var(--radius-xs);opacity:.8;padding:1px 3px;line-height:1;position:absolute}.slides-gen-phase{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);transition:color var(--transition-normal), background var(--transition-normal);background:0 0;display:flex}.slides-gen-phase:before{content:"";border-radius:var(--radius-full);background:var(--border-default);width:8px;height:8px;transition:background var(--transition-normal), box-shadow var(--transition-normal);flex-shrink:0}.slides-gen-phase.pending{color:var(--text-quaternary);opacity:.6}.slides-gen-phase.pending:before{background:var(--border-subtle)}.slides-gen-phase.active{color:var(--primary-color);background:var(--primary-subtle);font-weight:var(--weight-semibold)}.slides-gen-phase.active:before{background:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle);animation:phase-active-pulse 1.2s var(--ease-default) infinite}@keyframes phase-active-pulse{0%,to{box-shadow:0 0 0 3px var(--primary-subtle)}50%{box-shadow:0 0 0 5px var(--primary-subtle)}}.slides-gen-phase.done{color:var(--color-success-text)}.slides-gen-phase.done:before{background:var(--color-success)}.slides-synth-bar{border-radius:var(--radius-full);background:var(--bg-hover);height:3px;margin-top:var(--space-2);width:100%;overflow:hidden}.slides-synth-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary-color), var(--purple-400));height:100%;transition:width var(--transition-normal) var(--ease-default);min-width:4%}.slides-synth-spinner{border:2px solid #ffffff59;border-top-color:var(--text-inverse);border-radius:var(--radius-full);width:14px;height:14px;animation:spin var(--duration-slower) var(--ease-linear) infinite;vertical-align:middle;margin-right:var(--space-1);display:inline-block}.slides-synth-check{vertical-align:middle;width:16px;height:16px;margin-right:var(--space-1);animation:synth-check-pop var(--duration-slow) var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.slides-synth-check svg{stroke:currentColor;width:100%;height:100%}@keyframes synth-check-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.slides-export-step{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-tertiary);transition:color var(--transition-normal);display:flex}.slides-export-step-icon{border-radius:var(--radius-full);border:2px solid var(--border-default);width:22px;height:22px;font-size:var(--text-2xs);transition:border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);color:var(--text-quaternary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.slides-export-step-icon svg{stroke:currentColor;width:12px;height:12px}.slides-export-step.pending{opacity:.45}.slides-export-step.pending .slides-export-step-icon{border-color:var(--border-subtle);background:var(--bg-sunken)}.slides-export-step.active{color:var(--primary-color);font-weight:var(--weight-semibold);opacity:1}.slides-export-step.active .slides-export-step-icon{border-color:var(--primary-color);background:var(--primary-subtle);color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle);animation:export-step-pulse 1.4s var(--ease-default) infinite;position:relative}.slides-export-step.active .slides-export-step-icon:after{content:"";border:2px solid var(--primary-subtle);border-top-color:var(--primary-color);border-radius:var(--radius-full);width:10px;height:10px;animation:spin var(--duration-slower) var(--ease-linear) infinite;position:absolute}@keyframes export-step-pulse{0%,to{box-shadow:0 0 0 3px var(--primary-subtle)}50%{box-shadow:0 0 0 5px var(--primary-subtle)}}.slides-export-step.done{color:var(--text-secondary);opacity:1}.slides-export-step.done .slides-export-step-icon{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text)}.slides-export-cancel,.slides-export-share,.slides-export-download{justify-content:center;align-items:center;gap:var(--space-2);height:var(--height-btn-md);padding:0 var(--space-5);border-radius:var(--radius-btn);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1.5px solid #0000;text-decoration:none;display:inline-flex}.slides-export-cancel{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.slides-export-cancel:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.slides-export-share{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.slides-export-share:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.slides-export-download{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.slides-export-download:hover{background:var(--purple-700);border-color:var(--purple-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.slides-export-download:active,.slides-export-share:active,.slides-export-cancel:active{box-shadow:none;transform:translateY(0)}@keyframes lecture-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lecture-card-skeleton{pointer-events:none;border-color:var(--border-subtle)!important}.lecture-skeleton-preview{background:linear-gradient(90deg, var(--bg-sunken) 25%, var(--bg-hover) 50%, var(--bg-sunken) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite lecture-skeleton-shimmer}.lecture-skeleton-narration{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.lecture-skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-surface) 50%, var(--bg-hover) 75%);background-size:200% 100%;height:12px;animation:1.6s ease-in-out infinite lecture-skeleton-shimmer}.lecture-skeleton-line--short{width:60%}.lecture-export-overlay{z-index:var(--z-modal,1000);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lecture-export-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);align-items:center;gap:var(--space-4);min-width:280px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex}.lecture-export-modal-status{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.lecture-export-modal-progress{background:var(--bg-sunken);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}@keyframes ai-clips-view-enter{0%{transform:translateY(6px)}to{transform:translateY(0)}}.ai-clips-view-entering{animation:ai-clips-view-enter var(--duration-normal,.2s) var(--ease-out,cubic-bezier(0, 0, .2, 1))}@keyframes ai-clips-card-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(16px)scale(.96)}}.ai-clips-card-exiting{animation:ai-clips-card-exit var(--duration-normal,.2s) var(--ease-out,cubic-bezier(0, 0, .2, 1)) both;pointer-events:none}#aiClipsEditorContainer.page-container{padding:0}#aiClipsEditorContainer{height:calc(100vh - var(--header-height));flex-direction:column;display:none;overflow:hidden}#aiClipsEditorContainer.active{display:flex}.main-content:has(#aiClipsEditorContainer.active){padding:0;overflow:hidden}.ai-clips-creation{background:radial-gradient(at 50% 0,#5851b80d 0%,#0000 65%);flex-direction:column;flex:1;align-items:center;gap:0;padding:80px 24px 60px;display:flex;overflow-y:auto}.ai-clips-creation-hero{text-align:center;max-width:640px;margin-bottom:28px}.ai-clips-creation-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 10px;font-size:32px;font-weight:800}.ai-clips-creation-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.ai-clips-composer{background:var(--bg-surface);border:1.5px solid var(--border-default);width:100%;max-width:640px;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;box-shadow:0 2px 12px #0000000a}.ai-clips-composer:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #5851b81a,0 2px 12px #0000000a}body.dark .ai-clips-composer{background:var(--bg-secondary);border-color:#7f77dd33}body.dark .ai-clips-composer:focus-within{border-color:var(--purple-400);box-shadow:0 0 0 3px #7f77dd26}.ai-clips-composer-input{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;padding:18px 20px 10px;font-family:inherit;font-size:15px;line-height:1.65}.ai-clips-composer-input::placeholder{color:var(--text-tertiary)}.ai-clips-style-row{align-items:center;gap:6px;padding:0 10px 8px;display:flex}.ai-clips-style-btn{border:1.5px solid var(--border-default);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.ai-clips-style-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ai-clips-style-btn.selected{border-color:var(--primary-color);color:var(--primary-color);background:#5851b81f;font-weight:600}body.dark .ai-clips-style-btn.selected{background:#5851b833}.ai-clips-composer-bar{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 10px;display:flex}.ai-clips-composer-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ai-clips-composer-enhance-row{align-items:center;gap:10px;min-width:0;padding:4px 10px 8px;display:flex}.ai-clips-composer-enhance-row .ai-clips-composer-chips{flex:1;min-width:0}.ai-clips-voice-btn{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:6px;max-width:160px;padding:5px 10px;font-size:12px;display:inline-flex}.ai-clips-voice-btn:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-sunken)}.ai-clips-voice-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.ai-clips-count-field{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:6px;align-items:center;gap:4px;padding:5px 22px 5px 10px;font-size:12px;display:inline-flex;position:relative}.ai-clips-count-field:hover{border-color:var(--primary-color);color:var(--text-primary)}.ai-clips-count-label{font-weight:500}.ai-clips-count-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.ai-clips-count-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:inherit;background:0 0;border:none;position:absolute;inset:0}.ai-clips-count-chevron{pointer-events:none;color:var(--text-tertiary)}.ai-clips-composer-ratio{border:1px solid var(--border-default);border-radius:6px;flex-shrink:0;gap:2px;padding:2px;display:flex}.ai-clips-ratio-btn{cursor:pointer;color:var(--text-tertiary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.ai-clips-ratio-btn:hover{color:var(--text-primary)}.ai-clips-ratio-btn.selected{background:var(--primary-color);color:var(--white)}body.dark .ai-clips-composer-bar{border-top-color:#7f77dd1a}.ai-clips-enhance-btn{color:var(--primary-color);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:#5851b814;border:1px solid #5851b82e;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.ai-clips-enhance-btn:hover{background:#5851b824;border-color:#5851b84d}.ai-clips-enhance-btn:disabled{opacity:.4;cursor:not-allowed}.ai-clips-enhance-btn.loading{opacity:.6;pointer-events:none}.ai-clips-enhance-btn.loading svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-clips-composer-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;padding:2px 0;display:flex;overflow-x:auto}.ai-clips-composer-chips::-webkit-scrollbar{display:none}.ai-clips-chip{color:var(--primary-color);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);background:#5851b80f;border:1px solid #5851b81f;border-radius:100px;flex-shrink:0;padding:4px 12px;font-size:12px}body.dark .ai-clips-chip{color:var(--purple-300);background:#7f77dd1a;border-color:#7f77dd33}.ai-clips-chip:hover{border-color:var(--primary-color);background:#5851b824}.ai-clips-generate-btn{background:linear-gradient(135deg, var(--rose-500,var(--color-accent)), var(--purple-400,var(--brand-purple)));color:var(--white);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.ai-clips-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #d4537e4d}.ai-clips-generate-btn:active{transform:translateY(0)}.ai-clips-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ai-clips-quota-badge{opacity:.75;margin-left:2px;font-size:11px}.ai-clips-works{width:100%;max-width:1100px;margin-top:40px}.ai-clips-works-tabs{gap:var(--space-1);border-bottom:1px solid var(--border-default);width:100%;margin-bottom:var(--space-4);display:flex}.ai-clips-works-tabs:has(.ai-clips-works-tab[data-works-tab=mine][hidden]){margin-bottom:0;display:none}.ai-clips-works-solo-title{color:var(--text-primary);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:center;padding-bottom:10px;font-size:14px;font-weight:600;display:none}.ai-clips-works-tabs:has(.ai-clips-works-tab[data-works-tab=mine][hidden])~.ai-clips-works-solo-title{display:block}.ai-clips-works-tab{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + 2px);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.ai-clips-works-tab:after{content:"";background:var(--primary-color);height:2px;transition:transform var(--transition-normal,.2s) ease;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.ai-clips-works-tab:hover{color:var(--text-primary)}.ai-clips-works-tab.is-active{color:var(--primary-color);font-weight:600}.ai-clips-works-tab.is-active:after{transform:scaleX(1)}.ai-clips-works-tab[hidden]{display:none}.ai-clips-works-tab-count{background:var(--primary-subtle,#5851b81f);min-width:18px;height:18px;color:var(--primary-color);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.ai-clips-works-tab.is-active .ai-clips-works-tab-count{background:var(--primary-color);color:var(--text-inverse)}.ai-clips-works-tab-count[hidden]{display:none}#aiClipsFeaturedWorks.featured-works-strip,#aiClipsMyRenders.featured-works-strip{border-top:none;margin-top:0;padding:0}#aiClipsFeaturedWorks .wc-cover__bg,#aiClipsMyRenders .wc-cover__bg{filter:none}#aiClipsFeaturedWorks .wc-cover--portrait{max-height:none}#aiClipsMyRenders .wc-cover--portrait{aspect-ratio:3/4;max-height:none}#aiClipsFeaturedWorks .featured-works-grid{columns:4;column-gap:var(--space-3);margin-inline:auto;display:block}#aiClipsFeaturedWorks .featured-works-grid>*{break-inside:avoid;width:100%;margin-bottom:var(--space-3);display:block}#aiClipsFeaturedWorks .featured-works-grid:has(>:first-child:last-child){columns:1;max-width:340px}#aiClipsFeaturedWorks .featured-works-grid:has(>:nth-child(2):last-child){columns:2;max-width:700px}#aiClipsFeaturedWorks .featured-works-grid:has(>:nth-child(3):last-child){columns:3;max-width:1050px}.featured-works-sentinel{pointer-events:none;height:1px}@keyframes featured-works-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.featured-works-card-entering{animation:.22s ease-out both featured-works-card-in}#aiClipsMyRenders .featured-works-grid{gap:var(--space-3);grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;align-items:start;margin-inline:auto;display:grid}#aiClipsMyRenders .featured-works-grid .wc-card:not(.wc-card--portrait,.wc-card--square){grid-column:span 2}#aiClipsMyRenders .featured-works-grid .wc-card:not(.wc-card--portrait,.wc-card--square) .wc-cover{aspect-ratio:3/2}#aiClipsMyRenders .featured-works-grid .wc-cover--square{aspect-ratio:3/4;max-height:none}#aiClipsMyRenders .featured-works-grid:has(>:first-child:last-child){grid-template-columns:1fr;max-width:300px;margin-inline:0}#aiClipsMyRenders .featured-works-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:352px;margin-inline:0}#aiClipsMyRenders .featured-works-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:534px;margin-inline:0}#aiClipsMyRenders .featured-works-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr);max-width:716px;margin-inline:0}#aiClipsMyRenders .featured-works-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,1fr);max-width:898px;margin-inline:0}@media (width<=1400px){#aiClipsMyRenders .featured-works-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=1024px){#aiClipsMyRenders .featured-works-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){#aiClipsMyRenders .featured-works-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){#aiClipsMyRenders .featured-works-grid{grid-template-columns:repeat(2,1fr)}#aiClipsMyRenders .featured-works-grid .wc-card:not(.wc-card--portrait,.wc-card--square){grid-column:span 1}}.ai-clips-works-panel{display:none}.ai-clips-works-panel.is-active{display:block}.ai-clips-works-panel[hidden]{display:none}.ai-clips-toolbar{padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:var(--space-3);z-index:1;flex-shrink:0;min-height:52px;display:flex;position:relative}.ai-clips-toolbar-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ai-clips-toolbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ai-clips-cover-card-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:var(--space-1);flex-shrink:0;display:flex}.ai-clips-cover-card-item:hover,.ai-clips-cover-card-item.active{background:var(--primary-subtle);border-color:var(--primary-color);border-left-color:var(--primary-color)}.ai-clips-cover-thumb{border-radius:3px;flex-shrink:0;width:34px;height:60px;position:relative;overflow:hidden}.ai-clips-cover-thumb-deco{position:absolute;inset:0;overflow:hidden}.ai-clips-cover-thumb-title{-webkit-line-clamp:3;pointer-events:none;-webkit-box-orient:vertical;font-size:5px;font-weight:800;line-height:1.2;display:-webkit-box;position:absolute;bottom:6px;left:4px;right:4px;overflow:hidden}.ai-clips-cover-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ai-clips-cover-card-top{align-items:center;gap:var(--space-1);display:flex}.ai-clips-cover-card-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.ai-clips-cover-card-badge{border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}.ai-clips-cover-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ai-clips-cover-card-cycle{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-self:flex-end;padding:2px 8px;font-size:11px;font-weight:600}.ai-clips-cover-card-cycle:hover{background:var(--primary-subtle);color:var(--primary-color);border-color:var(--primary-color)}.ai-clips-cover-full{border-radius:var(--radius-md);width:100%;height:100%;position:relative;overflow:hidden}.ai-clips-cover-full-deco{position:absolute;inset:0;overflow:hidden}.ai-clips-cover-full-text{flex-direction:column;gap:6%;padding:5% 7%;display:flex;position:absolute;inset:38% 0 0}.ai-clips-cover-full-label{letter-spacing:3px;text-transform:uppercase;opacity:.8;font-size:clamp(8px,2.5%,14px);font-weight:700}.ai-clips-cover-full-title{letter-spacing:-.5px;font-size:clamp(16px,7%,48px);font-weight:800;line-height:1.15}.ai-clips-cover-full-divider{border-radius:2px;flex-shrink:0;width:12%;height:3px}.ai-clips-cover-full-subtitle{font-size:clamp(8px,3%,20px);line-height:1.4}.ai-clips-cover-full-cycle{color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast);z-index:2;background:#00000073;border:1px solid #ffffff40;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.ai-clips-cover-full-cycle:hover{background:#000000b3}.ai-clips-editor-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.ai-clips-main-row{flex-direction:row;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.ai-clips-preview-column{background:var(--bg-secondary);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ai-clips-preview-panel{width:100%;min-height:0;padding:var(--space-4);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:10px;display:flex;overflow:hidden}.ai-clips-preview-label{display:none}.ai-clips-preview-empty{width:100%;height:100%;color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.ai-clips-preview-empty small{opacity:.7;font-size:11px}.ai-clips-preview-empty--warn{color:var(--text-secondary)}.ai-clips-preview-frame{aspect-ratio:9/16;width:auto;max-width:100%;height:100%;max-height:100%;transition:aspect-ratio var(--transition-normal);background:#0f1729;border-radius:16px;flex-shrink:1;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0f}.ai-clips-preview-frame.ar-16-9{aspect-ratio:16/9;width:80%;height:auto;max-height:100%}.ai-clips-preview-frame.ar-1-1{aspect-ratio:1;max-width:min(62%,100vh - 280px);height:auto}.ai-clips-editor-body.is-video-only .ai-clips-card-column{display:none}.ai-clips-card-column{border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:380px;min-height:0;display:flex;overflow:hidden}.ai-clips-card-list{padding:var(--space-2) var(--space-3);gap:var(--space-1);box-sizing:border-box;flex-direction:column;flex:1 1 0;min-width:0;display:flex;overflow-y:auto}.ai-clips-card-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;flex-shrink:0}.ai-clips-card-item:hover{background:var(--bg-sunken);border-left-color:var(--primary-color)}.ai-clips-card-item.active{background:var(--primary-subtle);border-color:var(--primary-color);border-left-color:var(--primary-color);box-shadow:var(--shadow-sm)}.ai-clips-card-item.ai-updated{animation:.6s ai-clips-highlight}@keyframes ai-clips-highlight{0%{background:var(--purple-100);border-left-color:var(--primary-color)}to{background:var(--bg-surface)}}body.dark .ai-clips-card-item.ai-updated{animation-name:ai-clips-highlight-dark}@keyframes ai-clips-highlight-dark{0%{background:var(--purple-950);border-left-color:var(--purple-400)}to{background:var(--bg-surface)}}.ai-clips-card-header{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-1);display:flex}.ai-clips-card-swatch{border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.ai-clips-card-index{color:var(--text-tertiary);text-align:center;flex-shrink:0;width:14px;font-size:10px;font-weight:700}.ai-clips-card-type{text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color);background:var(--purple-50);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}body.dark .ai-clips-card-type{background:var(--purple-950);color:var(--purple-300)}.ai-clips-card-headline{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-sm,4px);cursor:text;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;margin:-1px -4px;padding:1px 4px;font-size:13px;font-weight:600;overflow:hidden}.ai-clips-card-headline:hover{background:var(--bg-sunken,#00000008)}.ai-clips-card-headline:focus{white-space:normal;text-overflow:unset;background:var(--bg-surface,var(--white));box-shadow:var(--shadow-focus);outline:none;overflow:visible}body.dark .ai-clips-card-headline:focus{background:var(--bg-surface-dark,#1a1a1a)}.ai-clips-card-delete{opacity:0;cursor:pointer;color:var(--text-tertiary);transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:3px}.ai-clips-card-item:hover .ai-clips-card-delete{opacity:1}.ai-clips-card-delete:hover{color:var(--danger-color,var(--color-error))}.ai-clips-card-narration{padding:0 var(--space-2) var(--space-2) 28px;color:var(--text-secondary);-webkit-line-clamp:3;cursor:text;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.ai-clips-card-item.active .ai-clips-card-narration{color:var(--text-primary);-webkit-line-clamp:unset}.ai-clips-card-narration:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.ai-clips-card-narration:focus{-webkit-line-clamp:unset;background:var(--bg-surface,var(--white));border-radius:var(--radius-sm,4px);box-shadow:var(--shadow-focus);padding:4px var(--space-2) 4px 28px;outline:none;display:block;overflow:visible}body.dark .ai-clips-card-narration:focus{background:var(--bg-surface-dark,#1a1a1a)}.ai-clips-narration-warn{padding:2px var(--space-2) var(--space-2) 28px;color:var(--color-warning,var(--color-warning));font-size:10px}.ai-clips-retry-banner{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--danger-color,var(--color-error));background:color-mix(in srgb, var(--danger-color,var(--color-error)) 8%, transparent);font-size:var(--text-sm);color:var(--danger-color,var(--color-error));margin-top:var(--space-2);display:flex}.ai-clips-retry-banner .ai-clips-retry-btn{border-radius:var(--radius-sm);border:1px solid var(--danger-color,var(--color-error));background:var(--danger-color,var(--color-error));color:var(--white);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;flex-shrink:0;padding:4px 12px}.ai-clips-retry-banner .ai-clips-retry-btn:hover{opacity:.85}.ai-clips-card-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px 16px;font-size:12px;display:flex}.ai-clips-card-empty small{opacity:.65;font-size:11px}.ai-clips-card-add-btn{border:1.5px dashed var(--border-subtle,#80808033);border-radius:var(--radius-md);width:100%;color:var(--text-tertiary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;display:flex}.ai-clips-card-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#5851b80d}body.dark .ai-clips-card-add-btn:hover{background:#7f77dd14}.ai-clips-card-skeleton{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:8px;display:flex}.ai-clips-skeleton-line{border-radius:var(--radius-sm);background:var(--bg-tertiary,var(--gray-200));height:12px;animation:1.2s ease-in-out infinite ai-clips-pulse}body.dark .ai-clips-skeleton-line{background:var(--gray-800)}.ai-clips-skeleton-line:first-child{width:40%}.ai-clips-skeleton-line:nth-child(2){width:90%}.ai-clips-skeleton-line:nth-child(3){width:70%}@keyframes ai-clips-pulse{0%,to{opacity:.4}50%{opacity:1}}.ai-clips-chat-bar{border-top:1px solid var(--border-default);background:var(--bg-surface);padding:var(--space-2) var(--space-3);box-sizing:border-box;flex-shrink:0;width:100%}.ai-clips-chat-thread{max-height:140px;margin-bottom:var(--space-2);scrollbar-width:thin;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.ai-clips-chat-thread:empty{display:none}.ai-clips-chat-msg{align-items:flex-start;gap:6px;padding:3px 0;font-size:11.5px;line-height:1.4;display:flex}.ai-clips-chat-msg-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;display:flex}.ai-clips-chat-msg--user .ai-clips-chat-msg-icon{color:var(--text-secondary);opacity:.7}.ai-clips-chat-msg--agent .ai-clips-chat-msg-icon{color:var(--primary-color);opacity:.9}.ai-clips-chat-msg-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ai-clips-chat-msg--user .ai-clips-chat-msg-text{color:var(--text-primary);white-space:normal;font-weight:500}.ai-clips-chat-msg--agent .ai-clips-chat-msg-text{color:var(--primary-color);font-style:italic}.ai-clips-chat-status{color:var(--text-secondary);align-items:center;gap:6px;padding:4px 0 6px;font-size:12px;display:flex}.ai-clips-chat-spinner{border:2px solid var(--border-default);border-top-color:var(--primary-color);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ai-clips-spin}@keyframes ai-clips-spin{to{transform:rotate(360deg)}}.ai-clips-chat-input-row{align-items:flex-end;gap:var(--space-3);display:flex}.ai-clips-chat-input{border:1.5px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-sunken);resize:none;min-height:40px;max-height:120px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;flex:1;overflow-y:auto}.ai-clips-chat-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--bg-surface)}.ai-clips-chat-input::placeholder{color:var(--text-tertiary)}.ai-clips-chat-send{border-radius:var(--radius-lg);background:var(--brand-gradient);width:40px;height:40px;color:var(--white);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-clips-chat-send:disabled{opacity:.4;cursor:not-allowed}.ai-clips-chat-send:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4537e40}.ai-clips-chat-send:not(:disabled):active{box-shadow:none;transform:scale(.95)}.ai-clips-chat-send[data-state=stop]{background:color-mix(in srgb, var(--text-tertiary) 12%, transparent);border:1.5px solid var(--border-default);color:var(--text-secondary);cursor:pointer}.ai-clips-chat-send[data-state=stop]:not(:disabled):hover{background:color-mix(in srgb, var(--text-secondary) 15%, transparent);border-color:var(--border-strong);color:var(--text-primary);box-shadow:none;transform:none}.ai-clips-thinking{width:100%;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;min-height:24px;padding:6px 0;font-size:12px;display:flex}.ai-clips-thinking-dots{flex-shrink:0;align-items:center;display:inline-flex}.ai-clips-thinking-dot{background:currentColor;border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1.2s ease-in-out infinite ai-clips-dot-bounce;display:inline-block}.ai-clips-thinking-dot:first-child{animation-delay:0s}.ai-clips-thinking-dot:nth-child(2){animation-delay:.2s}.ai-clips-thinking-dot:nth-child(3){animation-delay:.4s}@keyframes ai-clips-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.ai-clips-tts-btn{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:flex}.ai-clips-card-item:hover .ai-clips-tts-btn,.ai-clips-tts-btn.is-playing{opacity:1}.ai-clips-tts-btn:hover{color:var(--primary-color);background:#5851b814}.ai-clips-tts-btn.is-playing{color:var(--primary-color)}.ai-clips-tts-btn:disabled{opacity:.3;cursor:not-allowed}.ai-clips-render-banner{z-index:5;background:color-mix(in srgb, var(--bg-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-clips-render-banner-content{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:440px;display:flex}.ai-clips-render-banner-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.ai-clips-render-banner-pct{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:40px;font-weight:800;line-height:1}@keyframes ai-clips-pct-updated{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ai-clips-pct-updated{animation:ai-clips-pct-updated var(--duration-fast,.1s) var(--ease-out,cubic-bezier(0, 0, .2, 1)) both}.ai-clips-render-banner-stage{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);text-align:center}.ai-clips-render-banner-track{width:100%;height:var(--progress-track-height-2xl);background:var(--progress-track-bg);border-radius:var(--radius-full);overflow:hidden}.ai-clips-render-banner-fill{background:var(--brand-gradient);border-radius:var(--radius-full);width:0%;height:100%;transition:width .15s linear;position:relative}.ai-clips-render-banner-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s ease-in-out infinite render-shimmer;position:absolute;inset:0}@keyframes render-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-clips-render-banner-steps{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.ai-clips-step{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-quaternary);white-space:nowrap;align-items:center;gap:6px;transition:color .3s;display:inline-flex}.ai-clips-step+.ai-clips-step:before{content:"";background:var(--border-subtle);flex-shrink:0;width:24px;height:2px;margin-right:6px;transition:background .3s;display:block}.ai-clips-step-dot{border-radius:var(--radius-full);background:var(--border-default);flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;transition:all .3s;display:flex}.ai-clips-step.done .ai-clips-step-dot{background:var(--color-success)}.ai-clips-step.done .ai-clips-step-dot svg{display:block}.ai-clips-step.done{color:var(--color-success)}.ai-clips-step.done+.ai-clips-step:before,.ai-clips-step.done+.ai-clips-step.done:before{background:var(--color-success)}.ai-clips-step.done+.ai-clips-step.active:before{background:linear-gradient(90deg, var(--color-success), var(--primary-color))}.ai-clips-step.active .ai-clips-step-dot{background:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 15%, transparent);animation:1.2s ease-in-out infinite ai-clips-step-pulse}.ai-clips-step.active{color:var(--primary-color);font-weight:var(--weight-semibold)}@keyframes ai-clips-step-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary-color) 10%, transparent)}}.ai-clips-render-activity{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;padding:var(--space-3);gap:var(--space-1);flex-direction:column;max-height:80px;display:flex;overflow:hidden}.ai-clips-render-activity-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal);animation:.3s activity-slide-in;display:flex}.ai-clips-render-activity-item:before{content:"▸";color:var(--primary-color);flex-shrink:0;font-size:10px}@keyframes activity-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-clips-render-banner-warn{font-size:var(--text-xs);color:var(--color-warning);font-weight:var(--weight-medium);align-items:center;gap:6px;display:flex}.ai-clips-render-banner-warn svg{flex-shrink:0;animation:2s ease-in-out infinite ai-clips-dot-pulse}.ai-clips-video-banner{width:100%;min-height:0;padding:var(--space-4);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;animation:.4s ai-clips-banner-slide;display:flex;overflow:hidden}body.dark .ai-clips-video-banner{background:0 0}.ai-clips-video-banner-content{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex}.ai-clips-video-wrap{aspect-ratio:9/16;background:#000;border-radius:16px;flex:1 1 0;max-width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ai-clips-video-wrap.ar-16-9{aspect-ratio:16/9;flex:none;width:100%;height:auto}.ai-clips-video-wrap.ar-1-1{aspect-ratio:1;flex:none;width:65%;max-width:100%;height:auto}.ai-clips-video-banner .ai-clips-video-player{background:#000;width:100%;height:100%;position:absolute;inset:0}.ai-clips-video-banner-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-direction:row;flex-shrink:0;width:100%;display:flex}.ai-clips-video-banner-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ai-clips-video-banner-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-success);font-weight:600;display:flex}.ai-clips-video-banner-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ai-clips-video-banner-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ai-clips-video-dl-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-btn,8px);background:var(--primary-color);color:var(--white);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-clips-video-dl-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.ai-clips-video-share-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-btn,8px);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-clips-video-share-btn:hover{background:var(--bg-sunken);border-color:var(--border-strong);transform:translateY(-1px)}.ai-clips-video-share-btn:disabled{opacity:.5;pointer-events:none}.ai-clips-video-close-btn{border:1px solid var(--border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.ai-clips-video-close-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}@keyframes ai-clips-banner-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-clips-video-skeleton{z-index:1;background-color:#111;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.ai-clips-video-skeleton:after{content:"";pointer-events:none;background:#00000073;position:absolute;inset:0}.ai-clips-video-skeleton-spinner{z-index:1;border:2.5px solid #ffffff2e;border-top-color:#ffffffd9;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite ai-clips-spinner-rotate;position:relative}@keyframes ai-clips-spinner-rotate{to{transform:rotate(360deg)}}.ai-clips-video-banner[data-loading] .ai-clips-video-skeleton{display:flex}.ai-clips-video-banner:not([data-loading]) .ai-clips-video-player{animation:.3s both ai-clips-video-fade-in}@keyframes ai-clips-video-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=640px){.ai-clips-preview-panel{display:none}.ai-clips-card-list{padding:var(--space-2) var(--space-3)}.ai-clips-render-banner{padding:var(--space-3) var(--space-3)}.ai-clips-render-banner-pct{min-width:48px;font-size:22px}.ai-clips-video-banner{padding:var(--space-3) var(--space-3)}.ai-clips-video-banner-content{flex-direction:column;align-items:flex-start}.ai-clips-video-banner-footer{gap:var(--space-2);flex-wrap:wrap}.ai-clips-video-wrap{max-width:200px}.ai-clips-chat-bar{padding:var(--space-2) var(--space-3)}.ai-clips-my-renders-cover{width:100px;height:178px}}.ai-clips-render-history{width:100%;padding:var(--space-2) var(--space-3);box-sizing:border-box;flex-shrink:0}.ai-clips-render-history:empty{display:none}.ai-clips-history-pills{flex-wrap:wrap;gap:6px;display:flex}.ai-clips-history-pill{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--color-success,var(--color-success));cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.ai-clips-history-pill-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:22px;height:36px;display:block}.ai-clips-history-pill.has-thumb{padding:4px 12px 4px 6px}.ai-clips-history-pill-topic{color:var(--text-primary);text-overflow:ellipsis;max-width:100px;font-weight:600;overflow:hidden}.ai-clips-history-pill:hover{background:var(--bg-sunken);border-color:var(--color-success,var(--color-success));transform:translateY(-1px)}.ai-clips-history-pill span{color:var(--text-secondary)}.ai-clips-history-pill-size{font-size:10px;color:var(--text-tertiary)!important}.ai-clips-history-pill.is-pending{color:var(--purple-400);cursor:default}.ai-clips-history-pill.is-pending:hover{border-color:var(--border-default);background:var(--bg-surface)}.ai-clips-history-dl{transition:background var(--transition-fast);background:#5851b814;border:none}.ai-clips-history-dl:hover{background:#5851b829}body.dark .ai-clips-history-dl{background:#7f77dd1a}body.dark .ai-clips-history-dl:hover{background:#7f77dd33}.ai-clips-history-empty{color:var(--text-tertiary);text-align:center;padding:12px 16px;font-size:12px}.ai-clips-my-renders:empty,.ai-clips-my-renders-title{display:none}.ai-clips-my-renders-card{cursor:pointer;transition:transform var(--transition-fast)}.ai-clips-my-renders-card:hover{transform:translateY(-2px)}.ai-clips-my-renders-card .wc-cover__title-overlay{background:linear-gradient(#0000 30%,#0000002e 55%,#000000b8 100%)}.ai-clips-my-renders-card .wc-cover__title-text{color:var(--white);text-shadow:0 1px 3px #0006}.ai-clips-my-renders-card .wc-cover__meta-text{color:#ffffffad}.ai-clips-my-renders-status{color:var(--white);border-radius:inherit;padding:var(--space-4);background:#00000085;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.ai-clips-renders-progress-bar{background:#fff3;border-radius:2px;width:80%;height:4px;overflow:hidden}.ai-clips-renders-progress-fill{background:linear-gradient(90deg, var(--primary-color), #a78bfa);border-radius:2px;height:100%;transition:width .4s}.ai-clips-renders-progress-pct{font-size:15px;font-weight:700;line-height:1}.ai-clips-renders-progress-phase{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.ai-clips-my-renders-download{z-index:2;width:28px;height:28px;color:var(--white);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);background:#00000094;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:6px;right:6px;transform:translateY(4px)}.ai-clips-my-renders-card:hover .ai-clips-my-renders-download,.ai-clips-my-renders-card:focus-within .ai-clips-my-renders-download{opacity:1;transform:translateY(0)}.ai-clips-my-renders-download:hover,.ai-clips-my-renders-download:focus-visible{box-shadow:var(--shadow-focus,0 0 0 3px #5851b84d);background:#000000c7;outline:none}.ai-clips-my-renders-delete{z-index:2;width:28px;height:28px;color:var(--white);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);background:#00000094;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:6px;right:6px;transform:translateY(-4px)}.ai-clips-my-renders-card:hover .ai-clips-my-renders-delete,.ai-clips-my-renders-card:focus-within .ai-clips-my-renders-delete{opacity:1;transform:translateY(0)}.ai-clips-my-renders-delete:hover,.ai-clips-my-renders-delete:focus-visible{box-shadow:var(--shadow-focus,0 0 0 3px #dc26264d);background:#dc2626d9;outline:none}.ai-clips-my-renders-delete:disabled{opacity:.4;pointer-events:none}.ai-clips-my-renders-share{z-index:2;width:28px;height:28px;color:var(--white);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);background:#00000094;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:6px;left:6px;transform:translateY(4px)}.ai-clips-my-renders-card:hover .ai-clips-my-renders-share,.ai-clips-my-renders-card:focus-within .ai-clips-my-renders-share{opacity:1;transform:translateY(0)}.ai-clips-my-renders-share:hover,.ai-clips-my-renders-share:focus-visible{box-shadow:var(--shadow-focus,0 0 0 3px #5851b84d);background:#5851b8d9;outline:none}.ai-clips-my-renders-share:disabled{opacity:.4;pointer-events:none}.ai-clips-my-renders-retry{z-index:3;height:28px;color:var(--white);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:#5851b8e6;border:none;border-radius:14px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.ai-clips-my-renders-retry:hover,.ai-clips-my-renders-retry:focus-visible{background:var(--primary-color,var(--primary-color));box-shadow:var(--shadow-focus,0 0 0 3px #5851b84d);outline:none}.ai-clips-my-renders-retry:disabled{opacity:.5;pointer-events:none}.ai-clips-my-renders-edit{z-index:3;height:28px;color:var(--white);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:5px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)translateY(4px)}.ai-clips-my-renders-card:hover .ai-clips-my-renders-edit,.ai-clips-my-renders-card:focus-within .ai-clips-my-renders-edit{opacity:1;transform:translate(-50%)translateY(0)}.ai-clips-my-renders-edit:hover{background:color-mix(in srgb, var(--primary-color) 85%, transparent);border-color:#0000}@keyframes ai-clips-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-clips-card-entering{animation:.2s ease-out both ai-clips-card-in}.ai-clips-load-more-sentinel{pointer-events:none;height:1px}.ai-clips-session-card{cursor:pointer}.ai-clips-draft-cover-preview{z-index:1;border-bottom:3px solid var(--dp-accent,#5851b8cc);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 10px 36px;display:flex;position:absolute;inset:0}.ai-clips-draft-cover-icon{margin-bottom:2px;font-size:26px;line-height:1}.ai-clips-draft-cover-heading{color:var(--dp-text,var(--white));text-align:center;text-shadow:0 1px 4px #00000080;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.ai-clips-draft-cover-body{color:var(--dp-subtext,#ffffffa6);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-clips-play-overlay{z-index:2;transition:background var(--transition-fast);pointer-events:none;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-clips-my-renders-card:hover .ai-clips-play-overlay{background:#0000004d}.ai-clips-play-btn{color:#111;opacity:0;width:48px;height:48px;transition:transform var(--transition-fast), opacity var(--transition-fast);pointer-events:auto;cursor:pointer;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;display:flex;transform:scale(.8)}.ai-clips-my-renders-card:hover .ai-clips-play-btn{opacity:1;transform:scale(1)}.ai-clips-video-lightbox{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:16px;animation:.18s ai-clips-lightbox-in;display:flex;position:fixed;inset:0}@keyframes ai-clips-lightbox-in{0%{opacity:0}to{opacity:1}}.ai-clips-video-lightbox__inner{flex-direction:column;align-items:center;width:100%;max-width:min(420px,56.25vh - 56.25px);display:flex;position:relative}.ai-clips-video-lightbox__inner.ar-landscape{max-width:min(800px,177.778vh - 177.778px)}.ai-clips-video-lightbox__inner.ar-square{max-width:min(520px,100vh - 100px)}.ai-clips-video-lightbox__close{width:32px;height:32px;color:var(--white);cursor:pointer;transition:background var(--transition-fast);background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;right:0}.ai-clips-video-lightbox__close:hover{background:#ffffff47}.ai-clips-video-lightbox__video{border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 100px);display:block}.ai-clips-video-lightbox__title{color:#fff9;text-align:center;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%;margin-top:10px;font-size:12px;display:-webkit-box;overflow:hidden}.ai-clips-delete-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal,1000);opacity:0;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.ai-clips-delete-modal-overlay.is-visible{opacity:1}.ai-clips-delete-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl,16px);padding:var(--space-8) var(--space-7);text-align:center;opacity:0;width:100%;max-width:360px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s;transform:scale(.94)translateY(12px);box-shadow:0 24px 48px #0003,0 8px 16px #0000001a}.ai-clips-delete-modal-overlay.is-visible .ai-clips-delete-modal{opacity:1;transform:scale(1)translateY(0)}.ai-clips-delete-modal__icon{width:48px;height:48px;color:var(--color-error,var(--color-error-text));margin:0 auto var(--space-4);background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;display:flex}.ai-clips-delete-modal__title{font-size:var(--text-base,15px);color:var(--text-primary);margin:0 0 var(--space-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ai-clips-delete-modal__body{font-size:var(--text-sm,13px);color:var(--text-tertiary);margin:0 0 var(--space-6);line-height:1.5}.ai-clips-delete-modal__actions{gap:var(--space-3);justify-content:center;display:flex}.ai-clips-delete-modal__actions .btn{flex:1;max-width:140px}body.dark .ai-clips-delete-modal{background:color-mix(in srgb, var(--card-bg) 97%, #000)}body.dark .ai-clips-delete-modal__icon{background:#dc262629}.ai-clips-card-list:empty:after{content:"No cards yet — generate or edit to add cards";text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-6) var(--space-4);display:block}#aiClipsDraftStrip[hidden]{display:none!important}#aiClipsDraftStrip{border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}#aiClipsDraftStrip:before{content:"";border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}#aiClipsDraftStrip[data-state=normal]{cursor:pointer;background:#5851b814;border-color:#5851b838}#aiClipsDraftStrip[data-state=normal]:hover{background:#5851b824;border-color:#5851b866}#aiClipsDraftStrip[data-state=normal]:before{background:linear-gradient(to bottom, #8b7cf8, var(--primary-color))}#aiClipsDraftStrip[data-state=recovering]{cursor:default;background:#eab3080f;border-color:#eab30840}#aiClipsDraftStrip[data-state=recovering]:before{background:linear-gradient(#fbbf24,#d97706)}#aiClipsDraftStrip[data-state=recovered]{cursor:pointer;background:#22c55e0f;border-color:#22c55e40}#aiClipsDraftStrip[data-state=recovered]:hover{background:#22c55e1f}#aiClipsDraftStrip[data-state=recovered]:before{background:linear-gradient(#4ade80,#16a34a)}#aiClipsDraftStrip[data-state=failed]{cursor:default;background:#ef44440f;border-color:#ef444440}#aiClipsDraftStrip[data-state=failed]:before{background:linear-gradient(to bottom, var(--red-400), var(--color-error-text))}.ai-clips-draft-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}#aiClipsDraftStrip[data-state=normal] .ai-clips-draft-icon{color:#8b7cf8;background:#5851b81f}#aiClipsDraftStrip[data-state=recovering] .ai-clips-draft-icon{color:#d97706;background:#eab3081f}#aiClipsDraftStrip[data-state=recovered] .ai-clips-draft-icon{color:#16a34a;background:#22c55e1f}#aiClipsDraftStrip[data-state=failed] .ai-clips-draft-icon{color:var(--color-error-text);background:#ef44441f}.ai-clips-draft-info{flex:1;min-width:0}.ai-clips-draft-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:600;overflow:hidden}.ai-clips-draft-meta{color:var(--text-tertiary);font-size:11px}.ai-clips-draft-action{color:#8b7cf8;white-space:nowrap;cursor:pointer;background:#5851b82e;border:1px solid #5851b859;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.ai-clips-draft-action:hover{background:#5851b84d}.ai-clips-draft-close{border:1px solid var(--border-color,#80808033);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:background .15s,color .15s;display:flex}.ai-clips-draft-close:hover{color:var(--red-400);background:#dc262626;border-color:#dc26264d}.ai-clips-draft-spinner{border:2px solid #eab30840;border-top-color:#fbbf24;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite ai-clips-draft-spin}@keyframes ai-clips-draft-spin{to{transform:rotate(360deg)}}#aiClipsDraftStrip[data-multi]{cursor:default;flex-direction:column;align-items:stretch;gap:0}#aiClipsDraftStrip[data-multi]:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:color-mix(in srgb, var(--primary-color) 22%, transparent)}.ai-clips-draft-row{align-items:center;gap:12px;display:flex}.ai-clips-draft-row+.ai-clips-draft-row{border-top:1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);margin-top:8px;padding-top:8px}.ai-clips-version-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:2;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:7px;right:7px}.ai-clips-version-badge--latest{color:var(--white);background:#5851b8e0}.ai-clips-version-badge--older{color:#ffffff8c;background:#ffffff1f}.ai-clips-my-renders-card.is-older .wc-cover{opacity:.55;transition:opacity .15s}.ai-clips-my-renders-card.is-older:hover .wc-cover{opacity:.8}.ai-clips-my-renders-card.is-recovering{pointer-events:none}.ai-clips-my-renders-card.is-recovering .wc-cover{animation:1.2s ease-in-out infinite ai-clips-recovering-pulse}@keyframes ai-clips-recovering-pulse{0%,to{opacity:1}50%{opacity:.55}}.cover-picker-overlay{background:var(--bg-overlay);z-index:calc(var(--z-max) + 10);padding:var(--space-4);justify-content:center;align-items:center;animation:.15s cover-picker-fadein;display:flex;position:fixed;inset:0}@keyframes cover-picker-fadein{0%{opacity:0}to{opacity:1}}.cover-picker{background:var(--modal-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);gap:var(--space-4);width:100%;max-width:520px;max-height:90vh;padding:var(--space-5);flex-direction:column;animation:.2s cover-picker-slidein;display:flex;overflow-y:auto}@keyframes cover-picker-slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cover-picker__header{justify-content:space-between;align-items:center;display:flex}.cover-picker__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.cover-picker__close{color:var(--text-tertiary);flex-shrink:0}.cover-picker__close:hover{color:var(--text-primary)}.cover-picker__preview-wrap{align-items:center;gap:var(--space-2);background:var(--bg-sunken);border-radius:var(--radius-xl);padding:var(--space-4);flex-direction:column;min-height:180px;display:flex}.cover-picker__preview-canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:auto;max-height:320px;display:block}.cover-picker__preview-label{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.cover-picker__strip{gap:var(--space-2);padding-bottom:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;display:flex;overflow-x:auto}.cover-picker__thumb{border-radius:var(--radius-md);cursor:pointer;opacity:.65;border:2px solid #0000;flex-shrink:0;transition:border-color .15s,opacity .15s}.cover-picker__thumb:hover{opacity:.9;border-color:var(--border-strong)}.cover-picker__thumb.is-selected{opacity:1;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent)}.cover-picker__thumb:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.cover-picker__footer{justify-content:flex-end;gap:var(--space-3);display:flex}body.dark .cover-picker{background:var(--gray-900)}body.dark .cover-picker__preview-wrap{background:var(--gray-800)}.cover-tpl-overlay{background:var(--bg-overlay);z-index:calc(var(--z-max) + 10);padding:var(--space-4);justify-content:center;align-items:center;animation:.15s cover-tpl-fadein;display:flex;position:fixed;inset:0}@keyframes cover-tpl-fadein{0%{opacity:0}to{opacity:1}}.cover-tpl-modal{background:var(--modal-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.2s cover-tpl-slidein;display:flex;overflow:hidden}@keyframes cover-tpl-slidein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cover-tpl-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.cover-tpl-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.cover-tpl-close{color:var(--text-tertiary);flex-shrink:0}.cover-tpl-close:hover{color:var(--text-primary)}.cover-tpl-mode-tabs{padding:0 var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.cover-tpl-mode-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;transition:color .15s,border-color .15s;display:inline-flex}.cover-tpl-mode-tab:hover{color:var(--text-primary)}.cover-tpl-mode-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.cover-tpl-badge-free{font-size:var(--text-2xs,10px);font-weight:var(--weight-semibold);padding:var(--space-0-5,2px) var(--space-1-5,6px);border-radius:var(--radius-sm);background:var(--success-subtle,#22c55e1f);color:var(--success,var(--color-success))}.cover-tpl-badge-cost{font-size:var(--text-2xs,10px);font-weight:var(--weight-semibold);padding:var(--space-0-5,2px) var(--space-1-5,6px);border-radius:var(--radius-sm);background:var(--warning-subtle,#eab3081f);color:var(--warning,#eab308)}.cover-tpl-body{flex:1;min-height:0;display:flex;overflow:hidden}.cover-tpl-sidebar{border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.cover-tpl-categories{gap:var(--space-1);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.cover-tpl-cat-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;transition:all .15s}.cover-tpl-cat-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.cover-tpl-cat-btn.active{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:var(--primary-color)}.cover-tpl-grid{padding:var(--space-3);gap:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex:1;grid-template-columns:repeat(2,1fr);align-content:start;display:grid;overflow-y:auto}.cover-tpl-thumb-wrap{gap:var(--space-1);cursor:pointer;flex-direction:column;display:flex}.cover-tpl-thumb{border-radius:var(--radius-md);border:2px solid #0000;width:100%;transition:border-color .15s,box-shadow .15s;display:block}.cover-tpl-thumb:hover{border-color:var(--border-strong)}.cover-tpl-thumb.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent)}.cover-tpl-thumb-label{font-size:var(--text-2xs,11px);color:var(--text-tertiary);text-align:center;line-height:1}.cover-tpl-preview-area{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.cover-tpl-preview{background:var(--bg-sunken);border-radius:var(--radius-xl);padding:var(--space-3);flex:1;justify-content:center;align-items:center;min-height:240px;display:flex;overflow:hidden}.cover-tpl-preview-canvas{border-radius:var(--radius-lg);max-width:100%;max-height:100%;box-shadow:var(--shadow-md);display:block}.cover-tpl-preview-info{gap:var(--space-3);display:flex}.cover-tpl-title-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);outline:none;flex:1;transition:border-color .15s}.cover-tpl-title-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.cover-tpl-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.cover-tpl-ai-panel{gap:var(--space-3);flex-direction:column;align-items:center;width:100%;display:flex}.cover-tpl-ai-styles{gap:var(--space-2);display:flex}.cover-tpl-ai-style-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;transition:all .15s}.cover-tpl-ai-style-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.cover-tpl-ai-style-btn.active{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:var(--primary-color)}.cover-tpl-ai-preview{background:var(--bg-sunken);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;overflow:hidden}.cover-tpl-ai-img{object-fit:contain;border-radius:var(--radius-lg);width:100%;height:100%}.cover-tpl-ai-hint{color:var(--text-tertiary);font-size:var(--text-sm)}.cover-tpl-ai-gen{align-items:center;gap:var(--space-2);display:inline-flex}.cover-tpl-loading{align-items:center;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.cover-tpl-loading p{color:var(--text-secondary);font-size:var(--text-sm)}.cover-tpl-error{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-4)}@media (width<=768px){.cover-tpl-modal{max-width:100%;max-height:95vh}.cover-tpl-body{flex-direction:column}.cover-tpl-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%;max-height:240px}.cover-tpl-grid{grid-template-columns:repeat(3,1fr)}.cover-tpl-preview{min-height:180px}}@media (width<=480px){.cover-tpl-grid{grid-template-columns:repeat(2,1fr)}.cover-tpl-header,.cover-tpl-footer{padding:var(--space-3) var(--space-4)}}@keyframes lec-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lec-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lec-slash-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out lec-fade-in;display:flex;position:fixed;inset:0}.lec-slash-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);flex-direction:column;width:92vw;max-width:1060px;max-height:86vh;animation:.2s ease-out lec-slide-up;display:flex;box-shadow:0 24px 80px #00000040}.lec-slash-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.lec-slash-close{color:var(--text-tertiary);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.lec-slash-close:hover{background:var(--panel-bg);color:var(--text-primary)}.lec-slash-body{padding:var(--space-5) var(--space-6);overflow-y:auto}.lec-slash-cat{margin-bottom:var(--space-5)}.lec-slash-cat:last-child{margin-bottom:0}.lec-slash-cat-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-3);font-weight:700}.lec-slash-cat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.lec-slash-item{border:1px solid var(--border-color);cursor:pointer;background:var(--card-bg);border-radius:14px;transition:all .2s;overflow:hidden}.lec-slash-item:hover,.lec-slash-item.focused{border-color:var(--primary-color);box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 14%, transparent);transform:translateY(-2px)}.lec-slash-item:focus-visible{border-color:var(--primary-color);box-shadow:0 4px 16px color-mix(in srgb, var(--primary-color) 14%, transparent), var(--shadow-focus);transform:translateY(-2px)}.lec-slash-thumb{aspect-ratio:16/9;border-radius:14px;position:relative;overflow:hidden}.lec-slash-mock{flex-direction:column;gap:2px;padding:8px 9px 4px;display:flex}.lec-slash-mock-title{text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;font-weight:700;line-height:1.3;overflow:hidden}.lec-slash-mock-sub{opacity:.85;font-size:5px;font-weight:500;line-height:1.3}.lec-slash-meta{padding:var(--space-2);pointer-events:none;z-index:2;background:linear-gradient(#0000 20%,#0003 45%,#000000b8 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.lec-slash-name{font-size:var(--text-sm);color:var(--white);text-shadow:0 1px 3px #0006;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-weight:700;overflow:hidden}.lec-slash-desc{font-size:var(--text-xs);color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lec-slash-badge{bottom:var(--space-2);right:var(--space-2);color:#fffc;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:3;background:#00000073;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1;position:absolute}.lec-slash-tags{margin-top:var(--space-1);flex-wrap:wrap;gap:4px;display:flex}.lec-slash-tag{font-size:var(--text-2xs);color:#fffc;border-radius:var(--radius-sm);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #fff3;padding:1px 5px;font-weight:500}@media (width<=640px){.lec-slash-cat-grid{grid-template-columns:repeat(2,1fr)}}