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