.tts-container{flex-direction:column;height:100%;display:none;overflow:hidden}.tts-top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tts-top-bar-left{align-items:center;gap:16px;display:flex}.tts-layout{flex:1;gap:24px;display:flex;overflow:hidden}.tts-editor-panel{flex-direction:column;flex:1;display:flex}.tts-editor-card{background:var(--card-bg,white);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;padding:24px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.tts-editor-card:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #5851b814}.tts-editor-card .text-editor{resize:none;width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:16px;line-height:1.7}.tts-empty-state{pointer-events:none;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.tts-empty-state.hidden{opacity:0}.tts-empty-state-icon{opacity:.35;margin-bottom:16px;font-size:48px}.tts-empty-state-title{color:var(--text-secondary);margin-bottom:6px;font-size:16px;font-weight:600}.tts-empty-state-hint{color:var(--text-tertiary);text-align:center;max-width:320px;font-size:13px;line-height:1.5}.tts-bottom-toolbar{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.tts-toolbar-left{color:var(--text-tertiary);align-items:center;gap:12px;font-size:13px;display:flex}.tts-toolbar-right{align-items:center;gap:12px;display:flex}.tts-import-btn{border:1px solid var(--border-color);background:var(--card-bg,white);cursor:pointer;width:32px;height:32px;transition:all var(--transition-main);border-radius:8px;justify-content:center;align-items:center;display:flex}.tts-import-btn:hover{border-color:var(--text-secondary);background:var(--hover-bg,#f3f4f6)}.tts-sidebar{flex-direction:column;flex-shrink:0;width:280px;display:flex}.tts-sidebar .tabs{border-bottom:2px solid var(--border-color);width:100%;display:flex}.tts-settings-content{flex:1;padding:20px;overflow-y:auto}.tts-setting-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tts-setting-label{color:var(--text-primary);font-size:14px;font-weight:600}.tts-favorite-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:18px;transition:transform .3s}.tts-favorite-btn:hover{transform:scale(1.15)}.tts-voice-card{background:var(--panel-bg,#f9fafb);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:border-color .2s;display:flex}.tts-voice-card:hover{border-color:var(--primary-color)}.tts-voice-avatar{background-size:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.tts-voice-info{flex:1;min-width:0}.tts-voice-name-row{align-items:center;gap:6px;display:flex}.tts-voice-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.tts-cloned-badge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border-radius:4px;padding:1px 6px;font-size:10px;display:none}.tts-voice-tag{color:var(--text-secondary);background:var(--panel-bg,#f3f4f6);border-radius:4px;margin-top:4px;padding:2px 6px;font-size:12px;display:inline-block}.tts-voice-swap{color:var(--text-tertiary);flex-shrink:0;font-size:16px}.tts-slider-group{margin-bottom:16px}.tts-slider-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tts-slider-label{color:var(--text-secondary);font-size:13px}.tts-slider-value{color:var(--text-secondary);background:var(--panel-bg,#f3f4f6);font-variant-numeric:tabular-nums;text-align:center;border-radius:4px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:500}.tts-slider-group .slider{background:var(--border-color,#e5e7eb);cursor:pointer;border-radius:3px;height:5px;transition:background .2s}.tts-slider-group .slider:hover{background:#d1d5db}.tts-slider-group .slider::-webkit-slider-thumb{border:2.5px solid #fff;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #00000026}.tts-slider-group .slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.tts-slider-group .slider:active::-webkit-slider-thumb{transform:scale(1.05)}.tts-slider-group .slider::-moz-range-thumb{border:2.5px solid #fff;width:18px;height:18px;box-shadow:0 1px 4px #00000026}.tts-clone-section{border-top:none;margin-top:16px;padding-top:8px}.tts-clone-card{cursor:pointer;transition:all var(--transition-main);background:linear-gradient(135deg,#faf5ff 0%,#f0f0ff 100%);border:1px solid #8b5cf626;border-radius:12px;padding:16px}.tts-clone-card:hover{border-color:#8b5cf659;transform:translateY(-1px);box-shadow:0 2px 12px #8b5cf61a}.tts-clone-card-icon{color:#8b5cf6;margin-bottom:8px}.tts-clone-card-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.tts-clone-card-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.tts-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tts-history-title{font-size:14px;font-weight:600}.tts-history-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.tts-history-clear:hover{color:var(--primary-color)}.tts-history-empty{border:1px dashed var(--border-color);text-align:center;color:var(--text-secondary);border-radius:12px;padding:16px}.tts-history-empty-title{margin-bottom:8px;font-weight:600}.tts-history-empty-hint{font-size:13px}.tts-ai-section-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tts-ai-section-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.tts-ai-textarea{border:1px solid var(--border-color);resize:none;border-radius:8px;outline:none;width:100%;height:100px;padding:12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .3s}.tts-ai-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5851b81a}.tts-ai-suggestions-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.tts-ai-suggestions-row{flex-wrap:wrap;gap:6px;display:flex}.tts-ai-input-label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.tts-ai-hint{color:var(--text-secondary);margin-top:6px;font-size:11px}.tts-ai-results-header{align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.tts-ai-results-list{flex-direction:column;gap:8px;display:flex}.tts-ai-loading{text-align:center;padding:40px 20px;display:none}.tts-ai-loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:1s linear infinite spin}.tts-ai-loading-text{color:var(--text-secondary);font-size:13px}.tts-ai-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-top:16px;padding:16px;display:none}.tts-ai-error-text{color:#dc2626;font-size:13px}.tts-credit-indicator{color:var(--text-tertiary);align-items:center;gap:4px;font-size:13px;display:flex}.page-title{color:var(--text-primary);font-size:24px;font-weight:700}.model-selector{background:var(--panel-bg,#f9fafb);border:1px solid var(--border-color);transition:all var(--transition-main);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.model-selector:hover{border-color:var(--text-secondary)}.model-selector-label{color:var(--text-tertiary,#9ca3af);font-size:12px}.model-selector-value{color:var(--text-primary);font-size:13px;font-weight:600}.tab[data-tab]{text-align:center;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:16px;font-size:14px;font-weight:600;transition:color .3s,border-color .3s}.tab[data-tab]:hover{color:var(--text-primary)}.tab[data-tab].active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.suggestion-pill{border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280);cursor:pointer;transition:all var(--transition-main);white-space:nowrap;background:#fff;border-radius:18px;padding:6px 14px;font-size:13px}.suggestion-pill:hover{border-color:var(--text-primary,#374151);color:var(--text-primary,#374151);background:var(--hover-bg,#f9fafb)}.suggestion-pill:active{background:var(--border-color,#e5e7eb)}.editor-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;transition:box-shadow .3s;box-shadow:0 4px 6px -1px #0000000d}.editor-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a}.text-editor{resize:none;width:100%;min-height:120px;color:var(--text-primary);background:0 0;border:none;outline:none;margin-bottom:24px;font-family:inherit;font-size:18px;line-height:1.6}.text-editor::placeholder{color:#9ca3af}.editor-toolbar{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:12px;display:flex}.advanced-settings-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;width:fit-content;margin-top:16px;font-size:12px;display:flex}.advanced-settings-toggle:hover{color:var(--primary-color)}.advanced-settings-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}.setting-row{gap:24px;display:flex}.setting-col{flex:1}.setting-col label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.ai-select-btn{color:#fff;cursor:pointer;width:100%;transition:all var(--transition-main);letter-spacing:.02em;background:#8b5cf6;border:none;border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;display:flex}.ai-select-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.ai-select-btn:active:not(:disabled){background:#6d28d9;transform:translateY(0)}.ai-select-btn:disabled{color:#b8a6d9;cursor:not-allowed;background:#e9e0f7;transform:none}.ai-suggestion-chip{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);border-radius:16px;padding:6px 12px;font-size:11px}.ai-suggestion-chip:hover{background:var(--primary-light,#e0e7ff);border-color:var(--primary-color,#4439a0);color:var(--primary-color,#4439a0)}.ai-voice-result-card{background:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);border-radius:10px;padding:12px}.ai-voice-result-card:hover{border-color:var(--primary-color,#4439a0);box-shadow:0 2px 8px #0000000d}.ai-voice-result-card.selected{border-color:var(--primary-color,#4439a0);background:var(--primary-light,#e0e7ff)}.ai-voice-result-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ai-voice-result-avatar{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.ai-voice-result-info{flex:1;min-width:0}.ai-voice-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.ai-voice-result-lang{color:var(--text-secondary);font-size:11px}.ai-voice-result-score{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.ai-voice-result-reason{color:var(--text-secondary);background:#fff;border-radius:6px;margin-top:8px;padding:8px;font-size:11px;line-height:1.4}.ai-voice-result-actions{gap:8px;margin-top:10px;display:flex}.ai-voice-action-btn{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);color:var(--text-primary);background:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.ai-voice-action-btn:hover{border-color:var(--primary-color,#4439a0);color:var(--primary-color,#4439a0)}.ai-voice-action-btn.primary{background:var(--primary-color,#4439a0);border-color:var(--primary-color,#4439a0);color:#fff}.ai-voice-action-btn.primary:hover{background:var(--primary-hover,#4338ca)}#aiVoiceRequirement:focus{border-color:var(--primary-color,#4439a0);box-shadow:0 0 0 3px #5851b81a}.control-item.ai-voice-btn{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);color:var(--text-primary);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.control-item.ai-voice-btn:hover{border-color:var(--primary-color,#5851b8);background:linear-gradient(135deg,#5851b80d 0%,#8b5cf614 100%)}.control-item.ai-voice-btn:focus,.control-item.ai-voice-btn:focus-visible{border-color:var(--primary-color,#5851b8);outline:none;box-shadow:0 0 0 3px #5851b833}.control-item.ai-voice-btn:active{transform:translateY(1px)}.control-item.ai-voice-btn:hover .ai-sparkle-icon{color:var(--primary-color,#5851b8);animation:1.5s ease-in-out infinite sparkle-pulse}.control-item.ai-voice-btn:hover span{background:linear-gradient(135deg,#5851b8 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ai-sparkle-icon{width:16px;height:16px;color:var(--text-secondary,#6b7280);transition:all var(--transition-main)}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.dark .control-item.ai-voice-btn{background:var(--panel-bg,#1f2937);border-color:var(--border-color,#374151);color:var(--text-primary,#f9fafb)}.dark .control-item.ai-voice-btn:hover{border-color:var(--primary-color,#7f77dd);background:linear-gradient(135deg,#5851b81a 0%,#8b5cf626 100%)}#aiVoiceModal{z-index:var(--z-max);isolation:isolate}#aiVoiceModal .modal-content{z-index:1;background:var(--card-bg,#fff);position:relative;overflow:hidden}.ai-voice-modal{flex-direction:column;width:90%;max-width:520px;max-height:90vh;display:flex}.ai-voice-modal .modal-header h3{align-items:center;display:flex}.ai-voice-modal .modal-body{flex:1;padding-bottom:16px;overflow-y:auto}.ai-voice-modal .form-textarea{border:1px solid var(--border-color);resize:none;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .3s}.ai-voice-modal .form-textarea:focus{border-color:var(--primary-color,#4439a0);box-shadow:0 0 0 3px #5851b81a}.ai-voice-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.ai-voice-modal .btn-secondary{background:var(--panel-bg,#f9fafb);border:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280);cursor:pointer;transition:all var(--transition-main);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.ai-voice-modal .btn-secondary:hover{background:var(--border-color,#e5e7eb);color:var(--text-primary,#111827)}.setting-group .btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-main);background:#fff}.setting-group .btn-secondary:hover{background:var(--hover-bg,#f3f4f6);border-color:var(--primary-color);color:var(--text-primary)}.voice-selection-modal{flex-direction:column;width:95%;max-width:720px;height:80vh;display:flex}.voice-selection-modal .modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.voice-selection-modal .modal-header h3{margin:0;font-size:18px;font-weight:700}.voice-selection-modal .modal-body{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.vs-tabs{border-bottom:1px solid var(--border-color);gap:24px;padding:16px 24px 0;display:flex}.vs-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);border-bottom:2px solid #0000;margin-bottom:-1px;padding-bottom:12px;font-size:14px;font-weight:600}.vs-tab:hover{color:var(--text-primary)}.vs-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.vs-search-bar{gap:12px;padding:16px 24px;display:flex}.vs-search-input-wrapper{flex:1;position:relative}.vs-search-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vs-search-input{border:1px solid var(--border-color);border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .3s}.vs-search-input:focus{border-color:var(--primary-color)}.vs-filter-btn{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.vs-filter-btn:hover{border-color:var(--text-secondary)}.vs-filter-btn.active{border-color:var(--primary-color);background:var(--primary-light,#f0f0ff);color:var(--primary-color)}.vs-inline-filters{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 8px;display:flex}.voice-selection-modal .vl-scene-row{flex-shrink:0;margin-bottom:0;padding:0 24px 8px}.vl-lang-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.vl-lang-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.vl-lang-tabs::-webkit-scrollbar{display:none}.vl-lang-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.vl-lang-tab:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-primary)}.vl-lang-tab.active{background:var(--hover-bg,#f3f4f6);color:var(--text-primary);font-weight:600}.vl-gender-toggle{border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.vl-gender-btn{color:var(--text-secondary);cursor:pointer;border:none;border-right:1px solid var(--border-color);background:0 0;padding:5px 12px;font-size:13px;transition:all .2s}.vl-gender-btn:last-child{border-right:none}.vl-gender-btn:hover{background:var(--hover-bg,#f3f4f6)}.vl-gender-btn.active{background:var(--hover-bg,#f3f4f6);color:var(--text-primary);font-weight:600}.vl-scene-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.vl-scene-row::-webkit-scrollbar{display:none}.vl-scene-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:5px 14px;font-size:12px;transition:all .2s}.vl-scene-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.vl-scene-chip.active{border-color:var(--text-primary,#1f2937);background:var(--hover-bg,#f3f4f6);color:var(--text-primary);font-weight:500}.vl-clear-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.vl-clear-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.vs-suggestions{flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px 16px;display:flex}.vs-suggestions-label{color:var(--text-secondary);font-size:13px}.vs-suggestion-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:16px;padding:6px 12px;font-size:12px}.vs-suggestion-chip:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light,#f0f0ff)}.vs-voice-list{flex:1;padding:0 24px 24px;overflow-y:auto}.vs-voice-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:background .3s;display:flex}.vs-voice-item:hover{background:var(--hover-bg,#f9fafb)}.vs-voice-avatar{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.vs-voice-info{flex:1;min-width:0}.vs-voice-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.vs-voice-desc{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.vs-voice-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.vs-voice-tag{background:var(--panel-bg,#f3f4f6);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-size:11px}.vs-voice-actions{align-items:center;gap:8px;display:flex}.vs-use-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.vs-use-btn:hover{border-color:var(--text-primary);background:var(--hover-bg,#f3f4f6)}.vs-use-btn.selected{background:var(--primary-light,#f3f2fe);border-color:var(--primary-color,#8b5cf6);color:var(--primary-color,#8b5cf6)}.vs-use-btn svg{width:14px;height:14px}.vs-favorite-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.vs-favorite-btn:hover{background:var(--hover-bg,#f3f4f6)}.vs-favorite-btn svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none}.vs-favorite-btn.active svg{stroke:#f59e0b;fill:#f59e0b}.vs-more-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.vs-more-btn:hover{background:var(--hover-bg,#f3f4f6)}.vs-more-btn svg{width:20px;height:20px;color:var(--text-secondary,#6b7280)}.voice-more-menu{background:var(--card-bg,white);border:1px solid var(--border-color);min-width:180px;z-index:var(--z-modal);opacity:0;visibility:hidden;transform-origin:100% 0;transition:all var(--transition-main);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-8px)scale(.95);box-shadow:0 10px 40px #00000026}.voice-more-menu.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.voice-menu-item{cursor:pointer;color:var(--text-primary);transition:all var(--transition-main);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.voice-menu-item:hover{background:var(--hover-bg,#f3f4f6)}.voice-menu-item svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.voice-menu-item:hover svg{color:var(--primary-color,#4439a0)}.voice-menu-item span{flex:1}.voice-menu-item .menu-shortcut{color:var(--text-secondary);opacity:.6;font-size:11px}.voice-menu-divider{background:var(--border-color);height:1px;margin:6px 0}.voice-menu-item.playing{color:var(--primary-color,#4439a0)}.voice-menu-item.playing svg{color:var(--primary-color,#4439a0);animation:1s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.voice-menu-item.copied,.voice-menu-item.copied svg{color:#10b981}.dark .voice-more-menu{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151);box-shadow:0 10px 40px #0006}.dark .voice-menu-item:hover{background:var(--hover-bg,#374151)}.vs-empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.vs-empty-state-icon{margin-bottom:16px;font-size:48px}.vs-empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.vs-loading{justify-content:center;align-items:center;padding:60px 20px;display:flex}.language-selector{display:inline-block;position:relative}.language-display{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;display:flex}.language-display:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-primary)}.language-display .icon{flex-shrink:0}.language-dropdown-arrow{stroke:currentColor;stroke-width:2px;fill:none;transition:transform .3s}.language-selector.open .language-dropdown-arrow{transform:rotate(180deg)}.language-dropdown{background:var(--card-bg,white);border:1px solid var(--border-color);min-width:180px;max-height:320px;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-main);border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(8px);box-shadow:0 -10px 40px #0000001f}.language-selector.open .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-option{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .3s;display:flex}.language-option:hover{background:var(--hover-bg,#f3f4f6)}.language-option .check-icon{stroke:var(--primary-color,#4439a0);stroke-width:2.5px;fill:none;opacity:0;flex-shrink:0}.language-option.selected .check-icon{opacity:1}.language-dropdown-divider{background:var(--border-color);height:1px;margin:6px 0}.language-display.auto-mode #detectedLanguageText:after{content:"";background:var(--primary-color,#4439a0);vertical-align:middle;border-radius:50%;width:2px;height:2px;margin-left:2px;display:inline-block}.dark .language-dropdown{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151);box-shadow:0 10px 40px #0000004d}.dark .language-option:hover{background:var(--hover-bg,#374151)}@media (width<=768px){.tts-layout{flex-direction:column;overflow-y:auto}.tts-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%}.tts-top-bar{flex-wrap:wrap;gap:8px}}@media (width<=480px){.tts-layout{gap:12px}.tts-top-bar-left{flex-wrap:wrap;gap:8px}}.welcome-section{text-align:center;margin-bottom:32px}.welcome-section h1{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:700}.welcome-section p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:15px;line-height:1.6}.main-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;max-width:100%;min-height:400px;margin-bottom:48px;margin-left:auto;margin-right:auto;transition:box-shadow .3s;display:flex;box-shadow:0 1px 3px #0000000d}.main-card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-content{flex-direction:column;flex:1;padding:32px;display:flex}.input-area{flex-direction:column;flex:1;margin-bottom:24px;display:flex}.home-textarea{width:100%;min-height:200px;color:var(--text-primary);resize:none;background:0 0;border:none;border-radius:0;outline:none;flex:1;margin-bottom:24px;padding:0;font-family:inherit;font-size:16px;line-height:1.6}.home-textarea:focus{box-shadow:none}.home-textarea::placeholder{color:var(--text-muted);font-weight:300}.preset-buttons{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.preset-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.preset-btn:hover{background:var(--panel-bg);border-color:var(--primary-color);transform:translateY(-1px)}.preset-btn svg{stroke:currentColor;width:16px;height:16px}.preset-btn svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.controls-area{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.controls-left,.controls-right{align-items:center;gap:16px;display:flex}.control-item{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:all var(--transition-main);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.control-item:hover{border-color:var(--primary-color)}.controls-left .control-item>.icon path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.control-select-transparent{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:14px;font-weight:500}.icon-btn{border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-main);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.generate-btn-pill{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;transition:all var(--transition-main);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 12px #5851b84d}.generate-btn-pill:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary-active) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #5851b866}.generate-btn-pill:active{transform:translateY(0)}.generate-btn-pill:disabled,.generate-btn-pill.loading,.generate-btn-pill.disabled{color:#ffffffb3;cursor:not-allowed;box-shadow:none;transform:none;background:linear-gradient(135deg,#c9b8f0 0%,#b8a6e8 100%)!important}.voice-recommendations{margin-top:48px}.voice-recommendations .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.voice-recommendations h3{color:var(--text-primary);font-size:20px;font-weight:700}.explore-more{color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:color .3s}.explore-more:hover{color:var(--primary-color)}.voice-recommendation-item{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);border-radius:12px;min-width:200px;padding:16px}.voice-recommendation-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.voice-art-card{border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.voice-wave-art{width:100%;height:100%}.play-btn-overlay{background:var(--card-bg);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s,color .3s;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 12px #0000001f}.voice-recommendation-item:hover .play-btn-overlay{color:var(--primary-color);transform:scale(1.05);box-shadow:0 6px 16px #00000029}.voice-meta{padding:4px}.voice-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.voice-tags{flex-wrap:wrap;gap:6px;display:flex}.voice-tag{background:var(--panel-bg);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.creative-tools-section{margin-bottom:48px}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:700}.tools-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tool-card{border-radius:16px;min-height:240px;transition:transform .3s;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-4px)}.tool-card.purple-gradient{background:linear-gradient(135deg,#f3e8ff 0%,#e0e7ff 100%)}.tool-card.blue-gradient{background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%)}.tool-card.teal-gradient{background:linear-gradient(135deg,#ccfbf1 0%,#e0f2fe 100%)}.tool-card.rose-gradient{background:linear-gradient(135deg,#fff1f2 0%,#fce7f3 100%)}.tool-card.orange-gradient{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.tool-card.green-gradient{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.visual-voiceover{background:var(--card-bg);border-radius:20px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 2px 12px #ea580c1a}.voiceover-icon{animation:2.5s ease-in-out infinite voiceover-pulse}@keyframes voiceover-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.tool-btn-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.browse-voices-btn{color:#ea580c;cursor:pointer;background:0 0;border:1.5px solid #ea580c4d;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.browse-voices-btn:hover{background:#ea580c14;border-color:#ea580c}.visual-podcast{align-items:flex-end;gap:16px;display:flex}.podcast-host{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.podcast-host.host-a{background:#10b981;transform:translateY(-8px)}.podcast-host.host-b{background:var(--primary-color)}.home-invite-visual{justify-content:center;align-items:center}.home-invite-gift{filter:drop-shadow(0 8px 20px #f472b659);font-size:72px;line-height:1}.tool-card-content{justify-content:space-between;height:100%;padding:32px;display:flex}.tool-info{z-index:2;flex-direction:column;flex:1;justify-content:space-between;padding-right:24px;display:flex}.tool-info h4{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.tool-info p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.try-now-btn{border:1px solid var(--text-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;border-radius:20px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:600}.try-now-btn:hover{background:var(--text-primary);color:#fff}.tool-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-clone{flex-direction:column;align-items:center;gap:12px;display:flex}.wave-box{border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000000d}.wave-box.purple{color:#fff;background:#c084fc}.wave-box.dark{color:#fff;background:#4b5563}.play-icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.visual-clone .play-icon{cursor:default;opacity:.85}.arrow-connector{background:#d1d5db;width:2px;height:20px;position:relative}.arrow-connector:after{content:"";border-top:6px solid #d1d5db;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:0;left:-3px}.visual-design{flex-direction:column;gap:12px;width:100%;max-width:200px;display:flex}.chat-bubble{border-radius:20px;width:fit-content;padding:8px 16px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0000000d}.chat-bubble.user{background:var(--card-bg);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.ai{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.visual-clone .wave-box{cursor:default;pointer-events:none}.visual-clone{animation:3s ease-in-out infinite float}.voice-rec-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.voice-rec-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.voice-rec-icon{font-size:24px;line-height:1}.voice-rec-info{flex-direction:column;gap:4px;display:flex}.voice-rec-label{color:var(--text-primary);font-size:15px;font-weight:600}.voice-rec-name{color:var(--text-secondary);font-size:13px}.voice-grid-horizontal{grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:48px;display:grid}.home-sample-card{cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.home-sample-card:hover{transform:translateY(-8px)scale(1.02)}.home-sample-card:hover .sample-visual{box-shadow:0 20px 40px #5851b826,0 0 0 1px #5851b81a}.home-sample-card:hover .sample-visual:before{opacity:1}.home-sample-card:hover .sample-play-btn{opacity:1;transform:scale(1)}.sample-visual{aspect-ratio:1;transition:all var(--transition-main);background:var(--card-bg);border-radius:20px;position:relative;overflow:hidden}.sample-visual:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#5851b808 0%,#a855f70d 100%);transition:opacity .3s;position:absolute;inset:0}.sample-pattern{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pattern-waveform{justify-content:center;align-items:center;gap:5px;width:70%;height:55%;display:flex}.pattern-waveform .wave-bar{background:linear-gradient(180deg, var(--primary-color) 0%, var(--primary-color) 50%, #5851b866 100%);transform-origin:bottom;border-radius:3px;width:6px;animation:1.8s ease-in-out infinite wave-organic}.pattern-waveform .wave-bar:first-child{height:35%;animation-delay:0s}.pattern-waveform .wave-bar:nth-child(2){height:55%;animation-delay:.1s}.pattern-waveform .wave-bar:nth-child(3){height:75%;animation-delay:.2s}.pattern-waveform .wave-bar:nth-child(4){height:100%;animation-delay:.3s}.pattern-waveform .wave-bar:nth-child(5){height:80%;animation-delay:.4s}.pattern-waveform .wave-bar:nth-child(6){height:60%;animation-delay:.5s}.pattern-waveform .wave-bar:nth-child(7){height:40%;animation-delay:.6s}@keyframes wave-organic{0%,to{opacity:.85;transform:scaleY(1)translateY(0)}50%{opacity:.6;transform:scaleY(.5)translateY(4px)}}.pattern-burst{justify-content:center;align-items:center;width:65%;height:65%;display:flex;position:relative}.pattern-burst:before{content:"";background:conic-gradient(from 0deg, var(--primary-color) 0deg, transparent 15deg, var(--primary-color) 30deg, transparent 45deg, #5851b866 60deg, transparent 75deg, var(--primary-color) 90deg, transparent 105deg, var(--primary-color) 120deg, transparent 135deg, #5851b866 150deg, transparent 165deg, var(--primary-color) 180deg, transparent 195deg, var(--primary-color) 210deg, transparent 225deg, #5851b866 240deg, transparent 255deg, var(--primary-color) 270deg, transparent 285deg, var(--primary-color) 300deg, transparent 315deg, #5851b866 330deg, transparent 345deg, var(--primary-color) 360deg);opacity:.7;border-radius:50%;width:100%;height:100%;animation:25s linear infinite burst-spin;position:absolute}.pattern-burst:after{content:"";background:var(--card-bg);border-radius:50%;width:45%;height:45%;position:absolute;box-shadow:inset 0 2px 8px #5851b81a}@keyframes burst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pattern-dots{grid-template-columns:repeat(4,1fr);gap:12px;width:55%;height:55%;display:grid;transform:rotate(-5deg)}.pattern-dots .dot{aspect-ratio:1;background:#5851b866;border-radius:50%;animation:2.5s ease-in-out infinite dot-breathe}.pattern-dots .dot:first-child{background:var(--primary-color);animation-delay:0s}.pattern-dots .dot:nth-child(2){background:var(--primary-color);animation-delay:.2s}.pattern-dots .dot:nth-child(3){background:#5851b866;animation-delay:.4s}.pattern-dots .dot:nth-child(4){background:#5851b833;animation-delay:.6s}.pattern-dots .dot:nth-child(5){background:#5851b833;animation-delay:.1s}.pattern-dots .dot:nth-child(6){background:#5851b866;animation-delay:.3s}.pattern-dots .dot:nth-child(7){background:var(--primary-color);animation-delay:.5s}.pattern-dots .dot:nth-child(8){background:var(--primary-color);animation-delay:.7s}.pattern-dots .dot:nth-child(9){background:var(--primary-color);animation-delay:.15s}.pattern-dots .dot:nth-child(10){background:var(--primary-color);animation-delay:.35s}.pattern-dots .dot:nth-child(11){background:#5851b833;animation-delay:.55s}.pattern-dots .dot:nth-child(12){background:#5851b866;animation-delay:.75s}.pattern-dots .dot:nth-child(13){background:#5851b866;animation-delay:.25s}.pattern-dots .dot:nth-child(14){background:#5851b833;animation-delay:.45s}.pattern-dots .dot:nth-child(15){background:var(--primary-color);animation-delay:.65s}.pattern-dots .dot:nth-child(16){background:var(--primary-color);animation-delay:.85s}@keyframes dot-breathe{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.pattern-circles{justify-content:center;align-items:center;width:70%;height:70%;display:flex;position:relative}.pattern-circles .circle{border:2px solid;border-radius:50%;animation:3s ease-out infinite ripple-out;position:absolute}.pattern-circles .circle:first-child{border-color:var(--primary-color);width:25%;height:25%;animation-delay:0s}.pattern-circles .circle:nth-child(2){border-color:var(--primary-color);width:50%;height:50%;animation-delay:.4s}.pattern-circles .circle:nth-child(3){border-color:#5851b866;width:75%;height:75%;animation-delay:.8s}.pattern-circles .circle:nth-child(4){border-color:#5851b833;width:100%;height:100%;animation-delay:1.2s}.pattern-circles .center-icon{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);z-index:2;border-radius:50%;width:20px;height:20px;box-shadow:0 4px 12px #5851b84d}@keyframes ripple-out{0%{opacity:.8;transform:scale(.9)}50%{opacity:.4}to{opacity:0;transform:scale(1.1)}}.pattern-zigzag{flex-direction:column;justify-content:center;gap:14px;width:75%;height:45%;display:flex;overflow:hidden}.pattern-zigzag .zigzag-line{background:linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 25%, #5851b866 50%, var(--primary-color) 75%, var(--primary-color) 100%);background-size:200% 100%;border-radius:3px;height:6px;animation:3s ease-in-out infinite stream-flow}.pattern-zigzag .zigzag-line:first-child{width:100%;animation-delay:0s}.pattern-zigzag .zigzag-line:nth-child(2){opacity:.75;width:80%;margin-left:10%;animation-delay:-.5s}.pattern-zigzag .zigzag-line:nth-child(3){opacity:.5;width:60%;margin-left:20%;animation-delay:-1s}@keyframes stream-flow{0%,to{background-position:0%}50%{background-position:100%}}.sample-play-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;width:36px;height:36px;transition:all var(--transition-main);z-index:10;background:#111827e6;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;transform:scale(.9)}.sample-play-btn svg{fill:#fff;width:14px;height:14px;margin-left:2px;transition:transform .3s}.sample-play-btn:hover{background:#5851b8f2;border-color:#5851b880;transform:scale(1.08)}.sample-play-btn:hover svg{transform:scale(1.1)}.sample-play-btn:active{transform:scale(.95)}.sample-play-btn.playing{opacity:1;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);border-color:#0000;box-shadow:0 4px 16px #5851b866}.sample-play-btn.playing svg{margin-left:0}.sample-info{padding:14px 2px 4px}.sample-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sample-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sample-tag{background:var(--tag-bg);color:var(--tag-color);letter-spacing:.01em;transition:all var(--transition-main);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.sample-tag:first-child{background:var(--tag-bg-primary);color:var(--tag-color-primary)}.home-sample-card:hover .sample-tag:first-child{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);color:#fff}.home-hub-greeting{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;padding-bottom:0;display:flex}.greeting-left{flex:1;min-width:0}.greeting-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:10px;font-size:26px;font-weight:700}.home-tab-bar{background:var(--panel-bg);border-radius:10px;flex-shrink:0;align-self:flex-end;gap:4px;padding:4px;display:flex}.home-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .18s}.home-tab:hover{color:var(--text-primary)}.home-tab.active{background:var(--surface-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #00000014}.home-panel{animation:.15s home-panel-in}@keyframes home-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.greeting-quota-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quota-mini-bar-wrap{background:#5851b814;border:1px solid #5851b826;border-radius:5px;flex-shrink:0;width:220px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.quota-mini-bar-fill{background:linear-gradient(90deg, var(--primary-active), var(--primary-color));border-radius:4px;min-width:12px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.quota-mini-bar-fill.medium{background:linear-gradient(90deg, #d97706, var(--color-warning))}.quota-mini-bar-fill.low{background:linear-gradient(90deg, #dc2626, var(--color-error));animation:2s ease-in-out infinite quota-low-pulse}@keyframes quota-low-pulse{0%,to{opacity:1}50%{opacity:.55}}.quota-mini-text{color:var(--text-secondary);font-size:13px;font-weight:500}.quota-mini-link{color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.quota-mini-link:hover{opacity:.7}.quick-synth-header{margin-bottom:16px}.quick-synth-title{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 8px;font-size:26px;font-weight:700}.quick-synth-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.home-features-section{margin-bottom:48px}.home-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.home-feature-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;outline:none;align-items:center;gap:20px;padding:30px 32px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.home-feature-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 18px #5851b81a}.home-feature-card:hover .hfc-arrow{opacity:1;transform:translate(3px)}.home-feature-card:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 3px #5851b826}.hfc-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.hfc-icon-tts{background:var(--primary-subtle);color:var(--primary-hover)}.hfc-icon-podcast{color:#059669;background:#d1fae5}.hfc-icon-video{color:#2563eb;background:#dbeafe}.hfc-icon-clone{color:#db2777;background:#fce7f3}.hfc-icon-isolator{color:#ca8a04;background:#fef9c3}.hfc-icon-market{color:#ea580c;background:#ffedd5}.hfc-body{flex:1;min-width:0}.hfc-body h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:17px;font-weight:600;overflow:hidden}.hfc-body p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.hfc-arrow{color:var(--text-secondary);opacity:0;flex-shrink:0;font-size:15px;transition:opacity .18s,transform .18s}.hfc-arrow.nav-badge{opacity:1!important;transform:none!important}.home-recent-section{margin-top:32px}.home-history-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.home-history-item{background:var(--card-bg);border:1px solid var(--border-color);cursor:default;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.home-history-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #5851b814}.home-history-avatar{background:linear-gradient(135deg, var(--primary-subtle) 0%, #5851b833 100%);width:36px;height:36px;color:var(--primary-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.home-history-body{flex:1;min-width:0}.home-history-voice{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.home-history-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.home-history-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.home-history-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:12px;padding:24px;font-size:13px}#themeToggle .icon-moon{display:none}body.dark #themeToggle{color:var(--text-primary)}body.dark #themeToggle .icon-sun{display:none}body.dark #themeToggle .icon-moon{display:block}body.dark{--primary-color:#7f77dd;--primary-hover:#6b63ce;--primary-active:#5851b8;--primary-subtle:#7f77dd26;--primary-text:#7f77dd;--color-focus-ring:#7f77dd;--bg-base:#1a1a1a;--bg-surface:#1f1f1f;--bg-sunken:#252525;--bg-elevated:#2d2d2d;--bg-hover:#252525;--bg-overlay:#0009;--bg-sidebar:#1f1f1f;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-muted:#6b7280;--text-disabled:#4b5563;--text-link:#7f77dd;--text-link-hover:#6b63ce;--border-default:#374151;--border-subtle:#2d2d2d;--border-strong:#4b5563;--border-focus:#7f77dd;--border-hover:var(--border-strong);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--shadow-card:0 2px 8px #0000004d, 0 1px 3px #0003;--shadow-card-hover:0 8px 24px #7f77dd33, 0 2px 8px #0000004d;--shadow-modal:0 20px 60px #0009, 0 4px 16px #0006;--shadow-dropdown:0 4px 16px #0006, 0 1px 4px #0000004d;--shadow-focus:0 0 0 2px #1a1a1a, 0 0 0 4px #7f77dd;--color-success:#4ade80;--color-success-bg:#4ade801a;--color-success-border:#4ade804d;--color-success-text:#4ade80;--color-error:#f87171;--color-error-bg:#f871711a;--color-error-border:#f871714d;--color-error-text:#f87171;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-warning-border:#fbbf244d;--color-warning-text:#fbbf24;--color-info:#60a5fa;--color-info-bg:#60a5fa1a;--color-info-border:#60a5fa4d;--color-info-text:#60a5fa;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--dropdown-bg:var(--bg-surface);--modal-bg:var(--bg-sunken);--tooltip-bg:var(--bg-elevated);--tooltip-text:var(--text-primary);--tag-bg:var(--bg-sunken);--tag-color:var(--text-secondary);--tag-bg-primary:#7f77dd33;--tag-color-primary:var(--primary-color);--bg-color:var(--bg-base);--sidebar-bg:var(--bg-sidebar);--panel-bg:var(--bg-sunken);--card-bg:var(--bg-surface);--hover-bg:var(--bg-hover);--surface-elevated:var(--bg-elevated);--border-color:var(--border-default);--bg-secondary:var(--bg-sunken);--progress-track-bg:var(--border-subtle);--progress-fill-color:var(--primary-color);--slider-track-bg:var(--border-subtle);--slider-fill-color:var(--primary-color);--slider-thumb-bg:var(--primary-color);--slider-thumb-border:2px solid var(--bg-surface);--stepper-step-bg:var(--bg-surface);--stepper-step-border:var(--border-default);--stepper-active-bg:linear-gradient(135deg, var(--primary-color) 0%, #b8b2f6 100%);--stepper-active-border:var(--primary-color);--stepper-active-color:#fff;--stepper-completed-bg:linear-gradient(135deg, #4ade80 0%, #86efac 100%);--stepper-completed-border:#4ade80;--stepper-completed-color:#fff}body.dark .nav-item:hover,body.dark .nav-item.active{background-color:var(--panel-bg)}body.dark .sidebar-action-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .sidebar-action-btn:hover{background:var(--sidebar-bg);color:var(--text-primary)}body.dark .sidebar-invite-cta{background:linear-gradient(135deg,#4a1942 0%,#5c2347 100%);border-color:#b04a6e59}body.dark .sidebar-invite-title{color:#fff}body.dark .sidebar-invite-sub{color:#f0b4d0}body.dark .sidebar-footer-bottom .copyright{color:#6b7280}body.dark .tool-card.teal-gradient{background:linear-gradient(135deg,#042f2e 0%,#0c4a6e 100%)}body.dark .tool-card.rose-gradient{background:linear-gradient(135deg,#500724 0%,#831843 100%)}body.dark .header-tab{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .header-tab.active{background:var(--text-primary);border-color:var(--text-primary)}body.dark .editor-wrapper,body.dark .tool-btn,body.dark .toolbar-select,body.dark .voice-select-trigger,body.dark .voice-dropdown{background:var(--sidebar-bg)}body.dark .voice-option:hover{background:var(--panel-bg)}body.dark .voice-option.selected{background:#6366f133}body.dark .toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e1ef2 0%,#141414f2 100%);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 0 1px #ffffff1a}body.dark .toast:hover{box-shadow:0 24px 30px -6px #0009,0 12px 12px -6px #0006,0 0 0 1px #ffffff26}body.dark .toast.success{background:linear-gradient(135deg,#32d74b26 0%,#30d1581a 100%);border:1px solid #32d74b4d}body.dark .toast.error{background:linear-gradient(135deg,#ff3b3026 0%,#ff453a1a 100%);border:1px solid #ff3b304d}body.dark .toast.warning{background:linear-gradient(135deg,#ff950026 0%,#ff9f0a1a 100%);border:1px solid #ff95004d}body.dark .toast.info{background:linear-gradient(135deg,#007aff26 0%,#0a84ff1a 100%);border:1px solid #007aff4d}body.dark .toast-close{color:#ffffffb3;background:#ffffff1a}body.dark .toast-close:hover{color:#ffffffe6;background:#ffffff26}body.dark .filter-tag{background:var(--sidebar-bg)}body.dark .control-select,body.dark .voice-selector{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .preset-btn:hover{background:var(--panel-bg)}body.dark .home-tab.active{box-shadow:0 1px 4px #0000004d}body.dark .control-select-transparent,body.dark .home-textarea{color:var(--text-primary)}body.dark .voice-tag{background:var(--panel-bg)}body.dark .visual-voiceover{box-shadow:0 2px 12px #0000004d}body.dark .tool-card.purple-gradient{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 100%)}body.dark .tool-card.blue-gradient{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}body.dark .try-now-btn{color:#fff;border-color:#fff}body.dark .try-now-btn:hover{color:#000;background:#fff}body.dark .voice-library-card{background:var(--sidebar-bg)}body.dark .clone-card{background:var(--panel-bg)}body.dark .message-box.success{color:#81c784;background:#1b3a1f}body.dark .message-box.error{color:#ef5350;background:#3a1b1b}body.dark .message-box.info{color:#64b5f6;background:#1b2a3a}body.dark .record-modal-content{background:var(--sidebar-bg);border:1px solid var(--border-color)}body.dark .record-action-btn{background:var(--sidebar-bg);border-color:#ef444433}body.dark .sample-item{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .sample-item:hover{background:var(--panel-bg)}body.dark .sample-delete-btn{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .sample-delete-btn:hover{background:#ef44441a}body.dark #cloneName{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark .persistent-player-bar{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .player-close-btn{color:#9ca3af}body.dark .player-close-btn:hover{background:var(--panel-bg);color:#f3f4f6}body.dark .play-pause-btn{color:#000;background:#fff}body.dark .play-pause-btn:hover{background:#e5e7eb}body.dark .player-btn.skip-btn{color:#d1d5db;box-shadow:none;background:0 0;border-color:#0000}body.dark .player-btn.skip-btn:hover{color:#fff;box-shadow:none;background:0 0;border-color:#0000}body.dark .feedback-btn.is-active{background:#6366f129;box-shadow:0 8px 18px #0000004d}body.dark .progress-bar-fill,body.dark .progress-thumb{background:var(--progress-fill-color)}body.dark .player-tag{background:var(--panel-bg)}body.dark .header-subscribe-btn{color:#a78bfa;border-color:#8b5cf6}body.dark .header-subscribe-btn:hover{color:#c4b5fd;background:#8b5cf626}body.dark .play-btn-overlay{box-shadow:0 4px 12px #0000004d}body.dark .isolator-drop-zone{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-drop-zone:hover,body.dark .isolator-drop-zone.drag-over{background-color:var(--panel-bg);border-color:var(--primary-color)}body.dark .isolator-drop-icon{background:linear-gradient(135deg,#6366f126 0%,#6366f11a 100%)}body.dark .isolator-file-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-file-icon{background:linear-gradient(135deg,#6366f126 0%,#6366f11a 100%)}body.dark .isolator-drop-actions .btn-record{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .isolator-preview-btn{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .isolator-processing{background:linear-gradient(135deg,#fef9c31a 0%,#fef3c71a 100%);border-color:#fde68a33}body.dark .isolator-output{background:linear-gradient(135deg,#d1fae51a 0%,#a7f3d01a 100%);border-color:#6ee7b733}body.dark .isolator-btn-play-output{background:var(--sidebar-bg);color:#34d399;border-color:#10b981}body.dark .isolator-diarization{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-segment{background:var(--panel-bg)}body.dark .isolator-segment:hover{background:#6366f10f}body.dark .import-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .import-card.upload-card{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card.upload-card:hover,body.dark .import-card.upload-card.dragover{background-color:var(--panel-bg);border-color:var(--primary-color)}body.dark .import-icon-bg{color:var(--primary-color);background:#6366f133}body.dark .clone-section-card{background:var(--card-bg);border-color:var(--border-color)}body.dark .import-card.record-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card.record-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .record-interface-inline{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .clone-lang-select{color:var(--primary-color);background:#6366f133}body.dark .lang-select-arrow{color:var(--primary-color)}body.dark .preview-box-container{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .clone-input{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark .file-info-tag{color:var(--primary-color);background:#6366f133}body.dark .audition-textarea{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .trim-waveform-container{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .trim-dim{background:#00000080}body.dark .preview-language-tag{background:var(--panel-bg);color:var(--text-primary)}body.dark .preview-footer{border-top-color:var(--border-color)}body.dark .info-box-icon{color:#38bdf8}body.dark .info-box.warning .info-box-icon{color:#fbbf24}body.dark .checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}body.dark .checkmark{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .lib-banner:first-child{background:linear-gradient(135deg,#0ea5e933 0%,#38bdf826 100%)}body.dark .lib-banner:nth-child(2){background:linear-gradient(135deg,#4f46e533 0%,#8b5cf626 100%)}body.dark .lib-banner>div:last-child{background:var(--panel-bg);border-color:var(--border-color)}body.dark .library-filter-bar input{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .library-filter-bar input::placeholder{color:var(--text-secondary)}body.dark .filter-tags .tool-btn{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .filter-tags .tool-btn:hover{background:var(--panel-bg);border-color:var(--primary-color);color:var(--text-primary)}body.dark .tts-editor-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .text-editor{color:var(--text-primary);background:0 0}body.dark .tts-voice-card{background:var(--panel-bg);border-color:var(--border-color)}body.dark .tts-voice-card .voice-avatar{border-color:var(--border-color)}body.dark .slider{background:var(--slider-track-bg)}body.dark .tts-slider-value{background:var(--panel-bg);color:var(--text-primary)}body.dark .tts-clone-card{background:linear-gradient(135deg,#8b5cf614 0%,#6366f10f 100%);border-color:#8b5cf633}body.dark .tts-clone-card:hover{border-color:#8b5cf666;box-shadow:0 2px 12px #8b5cf626}body.dark .model-selector{background:var(--panel-bg);border-color:var(--border-color)}body.dark .tts-bottom-toolbar{border-top-color:var(--border-color)}body.dark .tts-import-btn{background:var(--panel-bg);border-color:var(--border-color)}body.dark #authBtn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark #authBtn:hover{background:var(--sidebar-bg)}body.dark .model-selector select,body.dark #ttsModelSelect{color:var(--text-primary);background:0 0}body.dark .toggle-switch+span{color:var(--text-secondary)}body.dark .voice-library-card,body.dark .voice-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .voice-library-card:hover,body.dark .voice-card:hover{background:var(--panel-bg)}body.dark .voice-preview-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .voice-preview-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#4f46e526}body.dark .voice-library-card.selected{border-color:var(--primary-color);background:#6366f11a}body.dark .voice-use-btn.selected{border-color:var(--primary-color);color:var(--primary-color);background:#6366f126}body.dark .voice-preview-btn.playing{background:var(--primary-color);color:#fff}body.dark .sidebar-toggle{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .sidebar-toggle:hover{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--text-secondary)}body.dark .voice-use-btn{color:var(--text-primary);border-color:var(--border-color);background:0 0}body.dark .voice-use-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}body.dark .vl-lang-tab.active,body.dark .vl-gender-btn.active,body.dark .vl-scene-chip.active{background:var(--hover-bg,#292524);color:var(--text-primary)}body.dark .vl-gender-toggle{border-color:var(--border-color)}body.dark .vl-gender-btn,body.dark .vl-scene-chip,body.dark .vl-clear-btn{border-color:var(--border-color);color:var(--text-secondary)}body.dark .lib-banner button,body.dark .lib-banner-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-design-card,body.dark .design-card,body.dark .design-panel,body.dark .music-card,body.dark .music-panel,body.dark .music-item,body.dark .settings-panel,body.dark .settings-card,body.dark .panel-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark input[type=text],body.dark input[type=email],body.dark input[type=password],body.dark input[type=search],body.dark input[type=number],body.dark textarea,body.dark select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--input-placeholder)}body.dark button[style*="background: white"],body.dark button[style*="background: #fff"],body.dark button[style*="background-color: white"],body.dark button[style*="background-color: #fff"],body.dark [style*="background: white"],body.dark [style*="background-color: white"]{background:var(--panel-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark .dropdown,body.dark .dropdown-menu,body.dark .select-dropdown{background:var(--dropdown-bg);border-color:var(--border-color)}body.dark .modal,body.dark .modal-content,body.dark .dialog,body.dark .dialog-content{background:var(--modal-bg);border-color:var(--border-color)}body.dark .tab,body.dark .tab-item:not(.active){background:var(--sidebar-bg);color:var(--text-secondary)}body.dark .tab.active,body.dark .tab-item.active{background:var(--panel-bg);color:var(--text-primary)}body.dark .card,body.dark [class*=-card]:not(.tool-card):not(.pricing-card){background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .tooltip,body.dark [class*=tooltip]{background:var(--tooltip-bg);color:var(--tooltip-text);border-color:var(--border-color)}body.dark .popup,body.dark .popover,body.dark .voice-isolator-card,body.dark .isolator-card,body.dark .isolator-panel{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-actions button{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .history-item,body.dark .history-card,body.dark .filter-bar,body.dark .search-bar{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .category-tag,body.dark .voice-category-tag{background:var(--panel-bg);color:var(--text-secondary)}body.dark .action-btn,body.dark .card-action{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .main-content,body.dark .content-area,body.dark .content-wrapper{background:var(--bg-color)}body.dark .nav-icon{color:var(--text-secondary)}body.dark .nav-item.active .nav-icon{color:var(--text-primary)}body.dark .badge,body.dark .tag{background:var(--panel-bg);color:var(--text-secondary)}body.dark .divider,body.dark hr{border-color:var(--border-color)}body.dark ::-webkit-scrollbar{background:var(--bg-color)}body.dark ::-webkit-scrollbar-thumb{background:var(--panel-bg);border-radius:4px}body.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-color)}body.dark div[style*="background: white"],body.dark div[style*="background-color: white"],body.dark div[style*="background: #fff"],body.dark div[style*="background-color: #fff"],body.dark div[style*="background: #ffffff"],body.dark div[style*="background-color: #ffffff"],body.dark div[style*="background: rgb(255, 255, 255)"],body.dark div[style*="background-color: rgb(255, 255, 255)"]{background:var(--sidebar-bg)!important}body.dark span[style*="background: white"],body.dark span[style*="background-color: white"],body.dark .lib-banner[style*=background]{border:1px solid var(--border-color);background:linear-gradient(135deg,#4f46e533 0%,#8b5cf626 100%)!important}body.dark .lib-banner:nth-child(2)[style*=background]{background:linear-gradient(135deg,#0ea5e933 0%,#38bdf826 100%)!important}body.dark .lib-banner div[style*="background: white"],body.dark .lib-banner div[style*=background\:white]{background:var(--sidebar-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark .info-box{color:#38bdf8;background:#0ea5e926;border-left-color:#0ea5e9}body.dark .info-box.warning{color:#fbbf24;background:#f59e0b26;border-left-color:#f59e0b}body.dark .info-box p,body.dark .info-box span{color:inherit}body.dark .learn-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .learn-card:before{background:linear-gradient(135deg,#8b5cf614 0%,#6366f10d 100%)}body.dark .learn-card:hover{border-color:var(--primary-color);background:var(--panel-bg);box-shadow:0 8px 24px #0000004d}body.dark .learn-card:first-child .learn-icon-wrapper{color:#a78bfa;background:linear-gradient(135deg,#7c3aed4d 0%,#6366f133 100%)}body.dark .learn-card:nth-child(2) .learn-icon-wrapper{color:#38bdf8;background:linear-gradient(135deg,#0ea5e94d 0%,#38bdf833 100%)}body.dark .learn-card:after{color:var(--primary-color)}body.dark .create-dub-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}body.dark .create-dub-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}body.dark .recent-dubs-list{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .dubs-header-row{background:var(--panel-bg);border-bottom-color:var(--border-color)}body.dark .dub-item{border-bottom-color:var(--border-color)}body.dark .dub-item:hover{background:linear-gradient(135deg,#8b5cf614 0%,#6366f10a 100%)}body.dark .col-name:before,body.dark .dubs-empty-state .empty-icon{background:linear-gradient(135deg,#7c3aed4d 0%,#6366f133 100%)}body.dark .dubs-empty-state .empty-icon svg{color:#a78bfa}body.dark .dubs-empty-state .create-btn-secondary{color:var(--primary-color);border-color:var(--primary-color);background:0 0}body.dark .dubs-empty-state .create-btn-secondary:hover{background:var(--primary-color);color:#fff}body.dark .dubbing-container:before{background:radial-gradient(circle,#8b5cf614 0%,#0000 70%)}body.dark .create-dubbing-modal .form-group label{color:var(--text-primary)}body.dark .create-dubbing-modal .form-input,body.dark .create-dubbing-modal .form-select,body.dark .create-dubbing-modal .form-textarea{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .create-dubbing-modal .form-input:focus,body.dark .create-dubbing-modal .form-select:focus,body.dark .create-dubbing-modal .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633}body.dark .create-dubbing-modal .form-input::placeholder,body.dark .create-dubbing-modal .form-textarea::placeholder{color:var(--text-secondary)}body.dark .create-dubbing-modal .btn-secondary{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .create-dubbing-modal .btn-secondary:hover{background:var(--sidebar-bg)}body.dark .dubbing-editor-container{background:var(--bg-color)}body.dark .editor-header{background:var(--bg-color);border-color:var(--border-color)}body.dark .project-title input{color:var(--text-primary)}body.dark .save-status{background:var(--panel-bg);color:var(--text-secondary)}body.dark .editor-toolbar{background:var(--bg-color);border-color:var(--border-color)}body.dark .tool-btn{color:var(--text-secondary)}body.dark .tool-btn:hover{background:var(--panel-bg);color:var(--text-primary)}body.dark .tool-btn.active{color:var(--primary-color);background:#4f46e533}body.dark .tool-divider{background:var(--border-color)}body.dark .editor-workspace,body.dark .editor-left{background:var(--sidebar-bg)}body.dark .editor-toolbar-top{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .toolbar-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .toolbar-btn:hover{background:var(--sidebar-bg);border-color:var(--primary-color);color:var(--text-primary)}body.dark .toolbar-divider{background:var(--border-color)}body.dark .word-count{color:var(--text-secondary)}body.dark .voice-quick-select{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .quick-select-label{color:var(--text-secondary)}body.dark .quick-voice-card{background:var(--panel-bg)}body.dark .quick-voice-card:hover{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .quick-voice-card.selected{border-color:var(--primary-color);background:#4f46e533}body.dark .quick-voice-card .voice-name{color:var(--text-primary)}body.dark .quick-voice-card .voice-lang{color:var(--text-secondary);background:#ffffff1a}body.dark .quick-voice-card .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .editor-text-area{background:var(--sidebar-bg)}body.dark .editor-textarea{border-color:var(--border-color);color:var(--text-primary);background:0 0}body.dark .editor-textarea:focus{background:#242424}body.dark .editor-textarea::placeholder{color:var(--text-secondary)}body.dark .editor-sidebar{background:var(--sidebar-bg);border-left-color:var(--border-color)}body.dark .sidebar-section{border-bottom-color:var(--border-color)}body.dark .section-label{color:var(--text-secondary)}body.dark .current-voice-card{background:var(--panel-bg);border-color:var(--border-color)}body.dark .current-voice-card .voice-name{color:var(--text-primary)}body.dark .current-voice-card .voice-lang{color:var(--primary-color);background:#4f46e533}body.dark .current-voice-card .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .param-row label{color:var(--text-primary)}body.dark .param-controls input[type=range]{background:var(--slider-track-bg)}body.dark .param-value{color:var(--text-primary)}body.dark .voice-search input{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-search input::placeholder{color:var(--text-secondary)}body.dark .voice-search input:focus{border-color:var(--primary-color)}body.dark .voice-list,body.dark .voice-list .voice-option{background:0 0}body.dark .voice-list .voice-option:hover{background:var(--panel-bg)}body.dark .voice-list .voice-option.selected{border-color:var(--primary-color);background:#4f46e533}body.dark .voice-list .voice-option .voice-avatar{background:var(--panel-bg)}body.dark .voice-list .voice-option .voice-details .name{color:var(--text-primary)}body.dark .voice-list .voice-option .voice-details .desc{color:var(--text-secondary)}body.dark .floating-voice-card{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:0 10px 25px #0000004d}body.dark .floating-voice-card .voice-name{color:var(--text-primary)}body.dark .floating-voice-card .voice-desc{color:var(--text-secondary)}body.dark .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .dubbing-voice-list{background:var(--panel-bg);border-color:var(--border-color);box-shadow:0 10px 25px #0006}body.dark .dubbing-voice-list .voice-option:hover{background:var(--sidebar-bg)}body.dark .dubbing-voice-list .voice-option.selected{background:#4f46e533}body.dark .dubbing-voice-list .voice-option .voice-avatar{background:var(--sidebar-bg)}body.dark .dubbing-voice-list .voice-option .voice-details .name{color:var(--text-primary)}body.dark .dubbing-voice-list .voice-option .voice-details .desc{color:var(--text-secondary)}body.dark .modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c}body.dark .modal-content{background:var(--panel-bg);border-color:#6366f133;box-shadow:0 32px 64px #0009,0 16px 32px #6366f126}body.dark .modal-content:before{background:linear-gradient(135deg,#6366f180 0%,#ec489980 100%)}body.dark .modal-header{background:linear-gradient(#6366f114 0%,#0000 100%);border-color:#ffffff1a}body.dark .modal-header h3{background:linear-gradient(135deg, var(--text-primary) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark .modal-close-btn{background:#6366f11a;border-color:#6366f133}body.dark .modal-close-btn:hover{background:linear-gradient(135deg, var(--primary-color), #8b5cf6);color:#fff;border-color:#0000;box-shadow:0 4px 12px #6366f166}body.dark .modal-footer{background:linear-gradient(#0000 0%,#6366f10d 100%);border-color:#ffffff1a}body.dark .form-group label{color:var(--text-primary)}body.dark .ai-prompt-input{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .ai-prompt-input::placeholder{color:var(--text-secondary)}body.dark .ai-prompt-input:focus{border-color:var(--primary-color)}body.dark .form-select{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .form-select:focus{border-color:var(--primary-color)}body.dark .ai-output{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .ai-output-header span{color:var(--text-secondary)}body.dark .ai-output-text{color:var(--text-primary)}body.dark .template-card{background:var(--sidebar-bg)}body.dark .template-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .template-title{color:var(--text-primary)}body.dark .template-desc{color:var(--text-secondary)}body.dark .template-example{color:var(--text-secondary);background:#0003}body.dark #dialoguePreview{border-color:var(--border-color);background:#0000004d}body.dark .speaker-voice-item{background:var(--panel-bg);border-color:var(--border-color)}body.dark .speaker-voice-item:hover{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .speaker-name{color:var(--text-primary)}body.dark .voice-selector{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-selector:hover{border-color:var(--primary-color)}body.dark .preview-btn-mini{background:var(--primary-color)}body.dark .progress-bar{background:var(--progress-track-bg);box-shadow:inset 0 1px 2px #0003}body.dark .progress-fill{background:linear-gradient(90deg, var(--progress-fill-color), var(--primary-hover))}body.dark .dialogue-editor-container{background:var(--sidebar-bg)}body.dark .dialogue-editor-header{background:var(--panel-bg);border-color:var(--border-color)}body.dark .dialogue-editor-header .mode-indicator{color:var(--text-secondary)}body.dark .dialogue-line{background:var(--panel-bg);border-color:var(--border-color)}body.dark .dialogue-line:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0003}body.dark .dialogue-line.playing{border-color:var(--primary-color);background:#6366f126}body.dark .dialogue-text{background:var(--sidebar-bg);color:var(--text-primary);border-color:#0000}body.dark .dialogue-text:focus{border-color:var(--primary-color)}body.dark .voice-mini-select{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .voice-mini-select:hover{border-color:var(--primary-color)}body.dark .line-action-btn{color:var(--text-secondary)}body.dark .line-action-btn:hover{color:var(--text-primary);background:#ffffff1a}body.dark .line-action-btn.play-btn:hover{background:var(--primary-color);color:#fff}body.dark .line-action-btn.delete-btn:hover{color:#ef4444;background:#ef444433}body.dark .add-dialogue-line-btn{border-color:var(--border-color);color:var(--text-secondary)}body.dark .add-dialogue-line-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f11a}body.dark .dialogue-empty-state{color:var(--text-secondary)}body.dark .dialogue-empty-state h3{color:var(--text-primary)}body.dark .voice-picker-dropdown{background:var(--sidebar-bg);border-color:var(--border-color);box-shadow:0 10px 25px #0006}body.dark .voice-picker-item:hover{background:var(--hover-bg)}body.dark .voice-picker-item.selected{background:#6366f133}.feedback-slide-in{z-index:var(--z-toast);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:100px;right:24px;transform:translate(120%)scale(.9)}.feedback-slide-in.is-visible{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.feedback-slide-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;min-width:280px;max-width:340px;padding:20px 24px;position:relative;box-shadow:0 8px 32px #0000001f}body.dark .feedback-slide-content{box-shadow:0 8px 32px #0006}.feedback-slide-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;top:8px;right:12px}.feedback-slide-close:hover{color:var(--text-primary)}.feedback-slide-question{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.4}.feedback-stars{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.feedback-star{cursor:pointer;color:#d1d5db;background:0 0;border:none;padding:4px;transition:all .15s}body.dark .feedback-star{color:#4b5563}.feedback-star:hover,.feedback-star.is-hovered{color:#fbbf24;transform:scale(1.15)}.feedback-star.is-selected{color:#fbbf24}.feedback-star.is-selected svg{fill:#fbbf24}.feedback-slide-actions{justify-content:space-between;align-items:center;display:flex}.feedback-btn-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px}.feedback-btn-skip:hover{color:var(--text-primary)}.feedback-reward-hint{color:#8b5cf6;font-size:12px;font-weight:500}.feedback-nps-content{text-align:center;max-width:480px!important;padding:32px!important}.feedback-nps-title{color:var(--text-primary);margin:0 0 24px;font-size:18px;font-weight:600}.feedback-nps-scale{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:8px;display:flex}.feedback-nps-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s}.feedback-nps-btn:hover{background:#8b5cf60f;border-color:#a78bfa}.feedback-nps-btn.is-selected[data-sentiment=detractor]{color:#dc2626;background:#ef44441f;border-color:#ef4444}.feedback-nps-btn.is-selected[data-sentiment=passive]{color:#ca8a04;background:#eab3081f;border-color:#eab308}.feedback-nps-btn.is-selected[data-sentiment=promoter]{color:#16a34a;background:#22c55e1f;border-color:#22c55e}body.dark .feedback-nps-btn.is-selected[data-sentiment=detractor]{color:#fca5a5}body.dark .feedback-nps-btn.is-selected[data-sentiment=passive]{color:#fde047}body.dark .feedback-nps-btn.is-selected[data-sentiment=promoter]{color:#86efac}.feedback-nps-labels{color:var(--text-secondary);justify-content:space-between;margin-bottom:20px;padding:0 4px;font-size:12px;display:flex}.feedback-nps-textarea{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:10px;margin-bottom:20px;padding:12px;font-family:inherit;font-size:14px}.feedback-nps-textarea:focus{border-color:#8b5cf6;outline:none}.feedback-nps-actions{justify-content:space-between;align-items:center;display:flex}.feedback-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5851b8);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.feedback-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.feedback-btn-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-reward-badge{background:#ffffff26;border-radius:6px;padding:2px 8px;font-size:12px}.feedback-panel{z-index:var(--z-toast);opacity:0;pointer-events:none;width:320px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:80px;left:260px;transform:translateY(16px)scale(.96)}.feedback-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.feedback-panel-body{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:18px;box-shadow:0 8px 32px #0000001f}body.dark .feedback-panel-body{box-shadow:0 8px 32px #0006}.feedback-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.feedback-panel-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.feedback-panel-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.feedback-panel-close:hover{color:var(--text-primary)}.feedback-category-btns{gap:6px;margin-bottom:14px;display:flex}.feedback-cat-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;transition:all .15s}.feedback-cat-btn.is-active{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf64d}body.dark .feedback-cat-btn.is-active{color:#c4b5fd}.feedback-panel-textarea{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-panel-textarea:focus{border-color:#8b5cf6;outline:none}.feedback-panel-charcount{color:var(--text-secondary);justify-content:space-between;margin:-8px 0 10px;padding:0 2px;font-size:11px;display:flex}.feedback-min-hint{color:#f59e0b;font-size:11px}.feedback-panel-submit{width:100%;padding:10px!important;font-size:13px!important}.feedback-survey-content{text-align:center;max-width:440px!important;padding:32px!important}.feedback-survey-progress{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.feedback-survey-question{color:var(--text-primary);margin:0 0 24px;font-size:17px;font-weight:600;line-height:1.4}.feedback-survey-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.feedback-survey-option{border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .15s}.feedback-survey-option:hover{background:#8b5cf60f;border-color:#8b5cf666}.feedback-survey-option.is-selected{color:#7c3aed;background:#8b5cf61a;border-color:#7c3aed}body.dark .feedback-survey-option.is-selected{color:#c4b5fd}.feedback-survey-footer{justify-content:space-between;align-items:center;display:flex}.player-actions .feedback-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:all .15s;display:flex}.player-actions .feedback-btn:hover{color:var(--text-primary);background:#0000000a}body.dark .player-actions .feedback-btn:hover{background:#ffffff0f}.player-actions .feedback-btn.is-active.thumb-up{color:#22c55e}.player-actions .feedback-btn.is-active.thumb-down{color:#ef4444}.feedback-tags-row{background:var(--card-bg);border:1px solid var(--border-color);white-space:nowrap;border-radius:10px;gap:6px;padding:8px 10px;animation:.2s feedbackFadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000001f}body.dark .feedback-tags-row{box-shadow:0 4px 16px #0006}.feedback-tag-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .15s}.feedback-tag-btn:hover,.feedback-tag-btn.is-selected{color:#dc2626;background:#ef444414;border-color:#ef44444d}body.dark .feedback-tag-btn:hover,body.dark .feedback-tag-btn.is-selected{color:#fca5a5}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.feedback-slide-in{bottom:80px;left:12px;right:12px}.feedback-slide-content{max-width:none}.feedback-panel{width:auto;left:12px;right:12px}}.mobile-menu-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .3s;display:none}.mobile-menu-toggle:hover{background:var(--panel-bg)}.mobile-menu-toggle .icon{width:24px;height:24px}.sidebar-overlay{z-index:99;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}@media (width<=768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{pointer-events:none;display:block;top:48px}.sidebar-overlay.active{pointer-events:auto}.global-header{z-index:101;gap:8px;height:48px;padding:0 12px;position:relative}.logo-area{flex-shrink:1;gap:6px;min-width:0;font-size:16px}.logo-area svg{flex-shrink:0;width:20px;height:20px}.logo-area span{font-size:14px;display:inline}.header-controls{flex-shrink:0;gap:8px!important}.header-controls .upgrade-btn,.header-controls #langSwitcherContainer{display:none!important}.header-controls #quotaDisplay{display:none}.header-controls #themeToggle{width:36px;height:36px;padding:6px}.header-controls #authBtn{padding:6px 12px;font-size:13px}.app-container{height:calc(100vh - 48px)}.sidebar-left{z-index:100;width:280px;height:calc(100vh - 48px);box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:48px;left:0;transform:translate(-100%)}.sidebar-left.mobile-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sidebar-left .sidebar-toggle{display:none}.sidebar-mobile-lang{display:block}.sidebar-mobile-lang .sidebar-lang-select{max-width:none;margin:0 12px}.main-content{width:100%;max-width:100%;padding:16px}#homeContainer{padding:0}.welcome-section{text-align:left;margin-bottom:16px}.welcome-section h1{font-size:22px}.welcome-section p{margin:0;font-size:13px}.main-card{min-height:auto;margin-bottom:32px}.card-content{padding:20px}.home-textarea{min-height:150px;font-size:15px}.preset-buttons{gap:8px}.preset-btn{padding:6px 12px;font-size:13px}.preset-btn span{display:none}.preset-btn svg{margin:0}.controls-area{flex-direction:column;align-items:stretch;gap:16px}.controls-left{flex-wrap:wrap;justify-content:flex-start;gap:8px}.controls-right{width:100%}.controls-right .generate-btn-pill{justify-content:center;width:100%}.control-item{padding:8px 10px;font-size:13px}.control-item .voice-avatar-xs{width:20px;height:20px}#homeVoiceSelector{max-width:140px;overflow:hidden}#homeCurrentVoiceName{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.control-item.ai-voice-btn span{display:none}.creative-tools-section{margin-bottom:32px}.section-title{margin-bottom:16px;font-size:18px}.tools-grid{grid-template-columns:1fr;gap:16px}.tool-card{min-height:auto}.tool-card-content{flex-direction:column;gap:16px;padding:20px}.tool-info{padding-right:0}.tool-info h4{font-size:18px}.tool-info p{margin-bottom:16px;font-size:13px}.tool-visual{justify-content:flex-start;width:100%}.visual-design{flex-flow:wrap;gap:8px;width:100%;max-width:none}.visual-design .chat-bubble{flex-shrink:0}.visual-clone{flex-flow:wrap;align-items:center;gap:8px}.visual-clone .arrow-connector{width:20px;height:2px;transform:rotate(0)}.visual-clone .arrow-connector:after{border:4px solid #0000;border-left:6px solid #d1d5db;border-right:none;top:-3px;left:auto;right:0}.voice-recommendations{margin-top:32px}.voice-recommendations .section-header{flex-direction:column;align-items:flex-start;gap:8px}.voice-recommendations h3{font-size:18px}.voice-grid-horizontal{grid-template-columns:repeat(3,1fr);gap:14px}.home-sample-card:hover{transform:translateY(-4px)scale(1.01)}.sample-visual{border-radius:16px}.pattern-waveform{gap:4px}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:10px}.pattern-circles .center-icon{width:16px;height:16px}.pattern-zigzag{gap:12px}.pattern-zigzag .zigzag-line{height:5px}.sample-play-btn{border-radius:8px;width:34px;height:34px}.sample-play-btn svg{width:13px;height:13px}.sample-info{padding:12px 2px 4px}.sample-title{font-size:13px}.sample-tags{gap:5px}.sample-tag{padding:2px 6px;font-size:10px}#textToSpeechContainer{height:auto!important;overflow:visible!important}#textToSpeechContainer>.top-bar,#textToSpeechContainer>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}#textToSpeechContainer .page-title{font-size:20px!important}#textToSpeechContainer .model-selector{font-size:13px}.tts-layout{flex-direction:column!important;gap:16px!important;overflow:visible!important}.tts-editor-panel{width:100%!important}.tts-editor-card{min-height:200px;padding:16px!important}.text-editor,#ttsTextInput{min-height:150px!important;font-size:15px!important}.tts-bottom-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.tts-bottom-toolbar>div{flex-wrap:wrap!important;justify-content:center!important}.tts-sidebar{flex-shrink:1!important;width:100%!important}#textToSpeechContainer .tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}#textToSpeechContainer .tab{white-space:nowrap;padding:12px 8px;font-size:13px}.settings-content{padding:16px!important}.voice-library-container{padding:0}.library-banners{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important}.lib-banner{padding:16px!important}.voice-filter-bar{flex-direction:column;gap:12px}.voice-search-input{width:100%}.voice-filter-tags{flex-wrap:wrap;gap:8px}.voice-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.voice-card{padding:12px}.dubbing-upload-area{padding:24px 16px}.dubbing-file-item{flex-direction:column;align-items:flex-start;gap:8px}.dubbing-file-actions{justify-content:flex-end;width:100%}.pricing-cards{flex-direction:column;gap:16px}.pricing-card{width:100%;max-width:400px;margin:0 auto}.modal-overlay{padding:16px}.modal-content,.dialog-content{border-radius:16px;max-height:calc(100vh - 32px);width:100%!important;max-width:none!important;margin:0!important}.ai-voice-modal{width:100%;max-width:none}.modal-header,.dialog-header,.modal-body,.dialog-body{padding:16px}.modal-footer,.dialog-footer{flex-direction:column;gap:8px;padding:16px}.modal-footer button,.dialog-footer button{width:100%}.toast{min-width:auto;max-width:none;inset:auto 16px 16px}.audio-player{padding:12px}.player-controls{gap:8px}#persistentPlayerBar{padding:8px 12px}.generate-btn{padding:10px 16px;font-size:13px}.tool-btn{padding:8px 10px;font-size:12px}}@media (width<=480px){.global-header{height:44px;padding:0 8px}.logo-area{font-size:14px}.sidebar-overlay{top:44px}.app-container{height:calc(100vh - 44px)}.sidebar-left{width:100%;max-width:300px;height:calc(100vh - 44px);top:44px}.main-content{padding:12px}.welcome-section{text-align:left}.welcome-section h1{font-size:18px}.card-content{padding:16px}.controls-area{flex-direction:column;gap:12px}.controls-left{flex-direction:column;gap:8px;width:100%}.controls-left .control-item,.control-item{flex:none;justify-content:flex-start;width:100%;min-width:0}.controls-right{width:100%}.tts-toolbar-right{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.tts-toolbar-right .generate-btn{justify-content:center;width:100%}.tts-toolbar-right .language-selector{width:100%;min-width:0}#homeCurrentVoiceName{display:none}.voice-grid-horizontal{grid-template-columns:repeat(2,1fr);gap:12px}.sample-visual{border-radius:14px}.pattern-waveform{gap:3px}.pattern-waveform .wave-bar{width:4px}.pattern-dots{gap:8px}.pattern-circles .circle{border-width:1.5px}.pattern-circles .center-icon{width:14px;height:14px}.pattern-zigzag{gap:10px}.pattern-zigzag .zigzag-line{height:4px}.sample-play-btn{opacity:1;border-radius:8px;width:32px;height:32px;bottom:10px;left:10px;transform:scale(1)}.sample-play-btn svg{width:12px;height:12px}.sample-info{padding:10px 2px 4px}.sample-title{-webkit-line-clamp:1;font-size:12px}.sample-tags{gap:4px}.sample-tag{padding:3px 6px;font-size:9px}.voice-cards-grid{grid-template-columns:1fr}#textToSpeechContainer .page-title{font-size:18px!important}.nav-item{padding:12px;font-size:15px}.generate-btn,.generate-btn-pill{justify-content:center;width:100%}.toast{padding:14px 16px;bottom:12px;left:12px;right:12px}.toast-title{font-size:14px}.toast-message{font-size:12px}.app-header h1{font-size:20px}}@media (width<=360px){.voice-grid-horizontal{grid-template-columns:1fr;gap:16px}.sample-visual{border-radius:16px}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:10px}.pattern-circles .center-icon{width:16px;height:16px}.sample-play-btn{border-radius:10px;width:36px;height:36px}.sample-play-btn svg{width:14px;height:14px}.sample-title{-webkit-line-clamp:2;font-size:14px}.sample-tag{padding:4px 8px;font-size:10px}}@media (width<=1024px) and (width>=769px){.voice-grid-horizontal{grid-template-columns:repeat(4,1fr);gap:16px}.sample-visual{border-radius:18px}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:11px}.sample-play-btn{border-radius:10px;width:36px;height:36px}.sample-title{font-size:13px}.sample-tag{font-size:10px}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile-only{display:none!important}}@media (width<=768px){.voice-selection-modal{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:90vh;margin:auto 0 0}.voice-selection-modal .modal-header{padding:16px}.voice-selection-modal .modal-header h3{font-size:16px}.vs-suggestions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:0 16px 12px;overflow-x:auto}.vs-suggestions::-webkit-scrollbar{display:none}.vs-suggestion-chip{flex-shrink:0;padding:5px 10px;font-size:11px}.vs-suggestions-label{flex-shrink:0;font-size:12px}.vs-search-row{gap:8px;padding:0 16px 12px}.vs-search-row input{font-size:14px}.vs-tabs{gap:16px;padding:0 16px}.vs-tab{padding:8px 0;font-size:13px}.vs-voice-item{gap:10px;padding:10px 16px}.vs-voice-avatar{flex-shrink:0;width:36px;height:36px}.vs-voice-name{font-size:13px}.vs-voice-desc{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.vs-voice-actions{flex-shrink:0;gap:4px}.vs-voice-actions .btn{padding:5px 10px;font-size:12px}}@media (width<=480px){.voice-selection-modal{max-height:95vh}.vs-voice-desc{display:none}.vs-suggestion-chip{padding:4px 8px;font-size:11px}}@media (width<=768px){.voice-library-container .vs-suggestions,.voice-library-container .filter-suggestions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.voice-library-container .vs-suggestions::-webkit-scrollbar{display:none}.voice-library-container .filter-suggestions::-webkit-scrollbar{display:none}.voice-dropdown{z-index:200;border-radius:16px 16px 0 0;width:100%;max-height:60vh;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000026}.voice-dropdown-list{max-height:50vh}button,.btn,.nav-item,.control-item,.voice-card,.tool-card{min-height:44px}.nav-item,.control-item,.tab,.preset-btn{-webkit-user-select:none;user-select:none}.main-content,.settings-content,.voice-dropdown-list{-webkit-overflow-scrolling:touch}}@media (width<=480px){.skills-grid{grid-template-columns:1fr!important}.footer-grid,.footer-column{text-align:center!important;align-items:center!important}.footer-links{align-items:center!important}.hero-title.heading{font-size:clamp(32px,8vw,48px)!important}.section-title.heading,.voices-tagline{font-size:clamp(24px,6vw,36px)!important}}.account-container{width:100%;max-width:960px;margin:0 auto;padding:0 16px;display:none}.account-container.active{display:block}.account-header{text-align:center;margin-bottom:40px}.account-header h2{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.account-header p{color:var(--text-secondary);font-size:15px}.account-section{margin-bottom:40px}.account-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.account-section-title svg{width:20px;height:20px;color:var(--primary-color,#5851b8)}.account-section-hint{color:var(--text-muted,#9ca3af);margin:-4px 0 12px;font-size:12px}.account-table-wrapper{border:1px solid var(--border-color,#e5e7eb);background:#fff;border-radius:12px;overflow-x:auto}.account-table{border-collapse:collapse;width:100%;font-size:14px}.account-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#6b7280);background:var(--bg-secondary,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.account-table tbody td{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-primary);white-space:nowrap;padding:12px 16px}.account-table tbody tr:last-child td{border-bottom:none}.account-table tbody tr:hover{background:var(--bg-secondary,#f9fafb)}.amount-positive{color:#16a34a;font-variant-numeric:tabular-nums;font-weight:600}.amount-negative{color:#dc2626;font-variant-numeric:tabular-nums;font-weight:600}.source-badge{color:var(--text-secondary,#6b7280);background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.source-badge.usage{color:#92400e;background:#fef3c7}.source-badge.invitation_bonus{color:#1e40af;background:#dbeafe}.source-badge.subscription{color:#5b21b6;background:#f3f2fe}.source-badge.admin{color:#9d174d;background:#fce7f3}.source-badge.refund{color:#065f46;background:#d1fae5}.status-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.status-badge.completed{color:#065f46;background:#d1fae5}.status-badge.pending{color:#92400e;background:#fef3c7}.account-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.account-filter-bar label{color:var(--text-secondary);font-size:13px;font-weight:500}.account-filter-select{border:1px solid var(--border-color,#d1d5db);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.account-filter-select:focus{border-color:var(--primary-color,#5851b8);box-shadow:0 0 0 2px #5851b826}.account-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.account-pagination button{border:1px solid var(--border-color,#d1d5db);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px}.account-pagination button:hover:not(:disabled){border-color:var(--primary-color,#5851b8);color:var(--primary-color,#5851b8)}.account-pagination button:disabled{opacity:.4;cursor:not-allowed}.account-empty-state{text-align:center;color:var(--text-secondary,#6b7280);padding:48px 16px}.account-empty-state svg{width:48px;height:48px;color:var(--border-color,#d1d5db);margin-bottom:12px}.account-empty-state p{margin:0;font-size:14px}.account-loading{text-align:center;color:var(--text-secondary,#6b7280);padding:48px 16px;font-size:14px}body.dark .account-table-wrapper{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .account-table thead th{background:var(--panel-bg);border-color:var(--border-color)}body.dark .account-table tbody td{border-color:var(--border-color)}body.dark .account-table tbody tr:hover{background:var(--panel-bg)}body.dark .source-badge{background:var(--panel-bg);color:var(--text-secondary)}body.dark .source-badge.usage{color:#fbbf24;background:#fef3c726}body.dark .source-badge.invitation_bonus{color:#60a5fa;background:#dbeafe26}body.dark .source-badge.subscription{color:#a78bfa;background:#ede9fe26}body.dark .source-badge.admin{color:#f472b6;background:#fce7f326}body.dark .source-badge.refund,body.dark .status-badge.completed{color:#34d399;background:#d1fae526}body.dark .status-badge.pending{color:#fbbf24;background:#fef3c726}body.dark .account-filter-select,body.dark .account-pagination button{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}@media (width<=768px){.account-header h2{font-size:24px}.account-table-wrapper{border-radius:8px}.account-table thead th,.account-table tbody td{padding:10px 12px;font-size:13px}.account-filter-bar{gap:6px}}.market-container{box-sizing:border-box;width:100%;min-height:100vh;padding:40px 0;display:none}.market-container.active{display:block}.market-header{margin-bottom:32px;padding-top:8px}.market-header h1{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:8px;font-size:28px;font-weight:700}.market-header p{color:var(--text-secondary);max-width:560px;font-size:15px;line-height:1.5}.market-categories{border:1px solid var(--border-color);border-radius:10px;gap:0;width:fit-content;margin-bottom:28px;display:flex;overflow:hidden}.market-category-pill{border:none;border-right:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;min-width:120px;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.market-category-pill:last-child{border-right:none}.market-category-pill svg{flex-shrink:0}.market-category-pill:hover{color:var(--text-primary);background:var(--hover-bg)}.market-category-pill.active{background:var(--text-primary);color:var(--card-bg)}.market-featured-banner{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:28px;padding:24px 28px;position:relative;overflow:hidden}.featured-content{z-index:1;align-items:center;gap:24px;display:flex;position:relative}.featured-text{flex:1;min-width:0}.featured-badge{color:var(--text-primary);letter-spacing:.3px;background:#0000000d;border-radius:100px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.featured-badge svg{width:12px;height:12px}.featured-text h2{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:20px;font-weight:700;line-height:1.3;overflow:hidden}.featured-text p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:480px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.featured-play-btn{background:var(--text-primary);cursor:pointer;width:52px;height:52px;transition:all var(--transition-main);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.featured-play-btn:hover{opacity:.85;transform:scale(1.04)}.featured-play-btn svg{width:20px;height:20px;color:var(--bg-color);fill:var(--bg-color);margin-left:2px}.featured-play-btn.playing svg{margin-left:0}.market-showcase-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;min-height:400px;margin-bottom:40px;display:grid}.market-showcase-grid>.market-empty-state{grid-column:1/-1}.market-card{background:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.market-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a}.market-card.playing{border-color:var(--primary-color);box-shadow:0 0 0 2px #5851b826,0 8px 24px #00000014}.market-card-cover{aspect-ratio:16/9;background:var(--panel-bg);border-radius:12px 12px 0 0;flex-shrink:0;position:relative;overflow:hidden}.market-card-cover img,.market-card-cover video{object-fit:cover;width:100%;height:100%;display:block}.market-card-cover.gradient-sunset{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.market-card-cover.gradient-ocean{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%)}.market-card-cover.gradient-forest{background:linear-gradient(135deg,#1a2a1a 0%,#2d4a2d 100%)}.market-card-cover.gradient-aurora{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.market-card-cover.gradient-ember{background:linear-gradient(135deg,#2d1f0e 0%,#44301a 100%)}.market-card-cover.gradient-twilight{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%)}.market-card-waveform{pointer-events:none;justify-content:center;align-items:center;padding:16px 20px;display:flex;position:absolute;inset:0}.market-card-waveform .waveform-display{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:56px;display:flex}.market-card-waveform .waveform-bar{background:#ffffff8c;border-radius:2px;width:3px}.market-card-waveform .waveform-bar:first-child{height:30%}.market-card-waveform .waveform-bar:nth-child(2){height:50%}.market-card-waveform .waveform-bar:nth-child(3){height:70%}.market-card-waveform .waveform-bar:nth-child(4){height:45%}.market-card-waveform .waveform-bar:nth-child(5){height:80%}.market-card-waveform .waveform-bar:nth-child(6){height:60%}.market-card-waveform .waveform-bar:nth-child(7){height:90%}.market-card-waveform .waveform-bar:nth-child(8){height:55%}.market-card-waveform .waveform-bar:nth-child(9){height:75%}.market-card-waveform .waveform-bar:nth-child(10){height:40%}.market-card-waveform .waveform-bar:nth-child(11){height:65%}.market-card-waveform .waveform-bar:nth-child(12){height:50%}.market-card-waveform .waveform-bar:nth-child(13){height:85%}.market-card-waveform .waveform-bar:nth-child(14){height:45%}.market-card-waveform .waveform-bar:nth-child(15){height:70%}.market-card-waveform .waveform-bar:nth-child(16){height:35%}.market-card.playing .market-card-waveform .waveform-bar{animation:.6s ease-in-out infinite waveform-pulse}.market-card.playing .market-card-waveform .waveform-bar:first-child{animation-delay:0s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(2){animation-delay:50ms}.market-card.playing .market-card-waveform .waveform-bar:nth-child(3){animation-delay:.1s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(4){animation-delay:.15s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(5){animation-delay:.2s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(6){animation-delay:.25s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(7){animation-delay:.3s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(8){animation-delay:.35s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(9){animation-delay:.4s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(10){animation-delay:.45s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(11){animation-delay:.5s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(12){animation-delay:.55s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(13){animation-delay:.6s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(14){animation-delay:.65s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(15){animation-delay:.7s}.market-card.playing .market-card-waveform .waveform-bar:nth-child(16){animation-delay:.75s}@keyframes waveform-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.market-card-hover{opacity:0;z-index:2;background:#00000059;justify-content:center;align-items:flex-end;padding-bottom:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.market-card:hover .market-card-hover{opacity:1}.market-card.playing .market-card-hover{opacity:1;background:#0003}.use-template-btn{color:#0a0a0b;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:20px;padding:7px 18px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.use-template-btn:hover{background:#fff;transform:scale(1.04)}.market-card-unmute-hint{color:#fff;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:auto;background:#000000a6;border:1px solid #fff3;border-radius:24px;align-items:center;gap:7px;padding:9px 18px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite unmute-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.market-card-unmute-hint:hover{background:#000000d1;animation:none}.market-card-progress{width:100%;height:var(--progress-track-height-sm);z-index:3;opacity:0;transition:opacity var(--transition-fast);background:#fff3;position:absolute;bottom:0;left:0}.market-card.playing .market-card-progress{opacity:1}.market-card-progress-bar{background:var(--progress-fill-color);border-radius:0 var(--radius-full) var(--radius-full) 0;width:0%;height:100%;transition:width .25s linear}.market-card-info{flex:1;min-width:0;padding:10px 12px 11px}.market-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.market-card-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.market-card-footer{justify-content:space-between;align-items:center;gap:6px;display:flex}.market-card-like-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 4px;font-size:11px;transition:color .15s;display:flex}.market-card-like-btn:hover{color:#e05c7a}.market-card-like-btn.liked svg{fill:#e05c7a;stroke:#e05c7a}.dark .market-card-like-btn{color:var(--text-secondary)}.market-empty-state{text-align:center;color:var(--text-secondary);padding:80px 40px}.market-empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:20px}.market-empty-state h3{color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:600}.market-empty-state p{font-size:14px;line-height:1.6}.clone-compare-section{border:1px solid var(--border-color);border-radius:10px;align-items:stretch;margin:0 12px 12px;display:flex;overflow:hidden}.clone-compare-side{flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px 12px;display:flex}.clone-compare-ai{background:#5851b80a}.clone-compare-vs{color:var(--text-secondary);letter-spacing:1px;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:flex}.clone-compare-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.clone-compare-label-ai{color:var(--primary-color)}.clone-compare-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.clone-compare-btn:hover{border-color:var(--text-secondary)}.clone-compare-btn.playing{border-color:var(--primary-color);color:var(--primary-color)}.clone-compare-btn-ai{background:var(--text-primary);color:var(--card-bg);border-color:var(--text-primary)}.clone-compare-btn-ai:hover{opacity:.9}.clone-compare-btn-ai.playing{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark .market-featured-banner,.dark .market-card{background:var(--panel-bg);border-color:var(--border-color)}.dark .featured-play-btn{background:var(--text-primary)}.dark .market-category-pill{color:#a1a1aa;background:#1e1e2e;border-color:#2a2a2e}.dark .market-category-pill.active{color:#0a0a0b;background:#fafafa}.dark .market-category-pill:hover{color:#fafafa;background:#2a2a2e}.dark .market-card-title{color:#fafafa}.dark .market-card-meta{color:#71717a}.dark .use-template-btn{color:#0a0a0b;background:#f0f0f0eb}.dark .market-empty-state{color:#71717a}.dark .clone-compare-section{border-color:#2a2a2e}.dark .clone-compare-ai{background:#5851b80f}.dark .clone-compare-btn-ai{color:#0a0a0b;background:#fafafa}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.market-card.loading{background:linear-gradient(90deg, var(--panel-bg) 25%, var(--border-color) 50%, var(--panel-bg) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d1;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.video-modal-overlay.active{display:flex}.video-modal{background:#000;border-radius:14px;flex-direction:column;width:auto;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073}.video-modal.vertical-video{max-width:400px}.video-modal.vertical-video .video-modal-player{max-height:80vh}.video-modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.video-modal-close:hover{background:#000000a6}.video-modal-player{background:#000;justify-content:center;align-items:center;max-height:75vh;display:flex;position:relative}.video-modal-player video,.video-player{object-fit:contain;max-width:100%;max-height:75vh}.video-placeholder{color:var(--text-secondary);font-size:15px}.video-unmute-hint{color:#fff;cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;pointer-events:auto;background:#000000b8;border:1.5px solid #ffffff40;border-radius:30px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;animation:2s ease-in-out infinite unmute-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-unmute-hint:hover{background:#000000e0;border-color:#ffffff73;animation:none}@keyframes unmute-pulse{0%,to{box-shadow:0 0 #ffffff2e}50%{box-shadow:0 0 0 10px #fff0}}.video-modal-info{background:#111;padding:18px 22px}.video-modal-title{color:#fafafa;margin:0 0 6px;font-size:16px;font-weight:600}.video-modal-description{color:#a1a1aa;margin:0;font-size:13px;line-height:1.5}.video-modal-use-btn{color:#0a0a0b;cursor:pointer;background:#fafafa;border:none;border-radius:8px;margin-top:14px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.video-modal-use-btn:hover{opacity:.85}@media (width<=1024px){.market-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.market-container{padding:28px 24px}.featured-content{gap:16px}.featured-text p{display:none}}@media (width<=768px){.market-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.video-modal{border-radius:10px;max-width:95vw}.market-category-pill svg{display:none}.market-category-pill{min-width:0;padding:6px 12px}.market-categories{border-radius:8px;flex-wrap:wrap}.market-showcase-grid{grid-template-columns:1fr}}