.audio-generation-canvas[data-v-c2e459fb]{background:#f8f9fa;flex-direction:column;height:100%;display:flex}.loading-state[data-v-c2e459fb]{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.loading-spinner[data-v-c2e459fb]{border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin-c2e459fb}@keyframes spin-c2e459fb{to{transform:rotate(1turn)}}.loading-text[data-v-c2e459fb]{color:#666;margin-top:16px;font-size:14px}.canvas-content[data-v-c2e459fb]{flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-header[data-v-c2e459fb]{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.header-info[data-v-c2e459fb]{flex:1}.canvas-title[data-v-c2e459fb]{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:600}.stats[data-v-c2e459fb]{gap:24px;display:flex}.stat-item[data-v-c2e459fb]{align-items:center;gap:8px;display:flex}.stat-label[data-v-c2e459fb]{color:#6b7280;font-size:14px}.stat-value[data-v-c2e459fb]{color:#1f2937;font-size:18px;font-weight:600}.stat-value.success[data-v-c2e459fb]{color:#10b981}.stat-value.pending[data-v-c2e459fb]{color:#f59e0b}.close-button[data-v-c2e459fb]{cursor:pointer;z-index:1000;background-color:#f5f5f5;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:fixed;top:13px;right:30px}.close-icon[data-v-c2e459fb]{width:20px;height:20px}.progress-container[data-v-c2e459fb]{background:#fff;padding:0 20px 16px;position:relative}.progress-bar[data-v-c2e459fb]{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill[data-v-c2e459fb]{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.progress-text[data-v-c2e459fb]{color:#6b7280;font-size:12px;font-weight:500;position:absolute;top:-20px;right:20px}.filter-tabs[data-v-c2e459fb]{background:#fff;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 20px;display:flex}.filter-tab[data-v-c2e459fb]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.filter-tab[data-v-c2e459fb]:hover{background:#e5e7eb}.filter-tab.active[data-v-c2e459fb]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.filter-count[data-v-c2e459fb]{background:#0000001a;border-radius:12px;padding:2px 8px;font-size:12px}.filter-tab.active .filter-count[data-v-c2e459fb]{background:#fff3}.empty-state[data-v-c2e459fb]{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-icon[data-v-c2e459fb]{opacity:.5;margin-bottom:16px}.empty-text[data-v-c2e459fb]{color:#6b7280;margin:0 0 4px;font-size:16px;font-weight:500}.empty-subtext[data-v-c2e459fb]{color:#9ca3af;margin:0;font-size:14px}@media (prefers-color-scheme:dark){.close-button[data-v-c2e459fb]{background:#333}}@media (max-width:768px){.close-button[data-v-c2e459fb]{top:13px;right:10px}.canvas-header[data-v-c2e459fb]{padding:16px}.canvas-title[data-v-c2e459fb]{font-size:20px}.stats[data-v-c2e459fb]{flex-direction:column;gap:8px}.assets-grid[data-v-c2e459fb]{-moz-column-width:100%;-moz-column-count:1;columns:100% 1;padding:12px}}