.image-generator[data-v-b6d41547]{display:flex;flex-direction:column;gap:20px;padding:20px;margin:auto auto 32px;background:var(--panel-bg);width:100%;max-width:800px;border-radius:16px;box-shadow:0 8px 30px #0000001f}.left-panel[data-v-b6d41547]{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.thumbnails-container[data-v-b6d41547]{width:100%;max-width:800px;margin:0 auto 20px;display:flex;flex-direction:column;gap:16px}.thumbnails-grid[data-v-b6d41547]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.thumbnail-item[data-v-b6d41547]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--input-border);display:flex;flex-direction:column}.thumbnail-item[data-v-b6d41547]:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.thumbnail-image[data-v-b6d41547]{width:100%;height:100%;object-fit:cover;flex-grow:1}.thumbnail-footer[data-v-b6d41547]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:12px;display:flex;align-items:center;gap:6px}.thumbnail-footer .style-icon[data-v-b6d41547]{width:16px;height:16px;flex-shrink:0}.thumbnail-footer .style-icon img[data-v-b6d41547]{width:100%;height:100%;object-fit:cover;border-radius:2px}.thumbnail-footer .style-name[data-v-b6d41547]{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-style[data-v-b6d41547]{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:4px;color:#fff;font-size:12px}.thumbnail-style .style-icon[data-v-b6d41547]{width:16px;height:16px}.thumbnail-style .style-icon img[data-v-b6d41547]{border-radius:2px}.placeholder[data-v-b6d41547]{width:100%;min-height:200px;padding:40px 20px;text-align:center;color:var(--text-color);opacity:.6;font-size:15px;background:var(--input-bg);border-radius:12px;border:2px dashed var(--input-border);margin-bottom:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}.placeholder[data-v-b6d41547]:hover{opacity:.8;border-color:var(--primary-color);background:var(--hover-color)}.mobile-preview[data-v-b6d41547]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-preview-content[data-v-b6d41547]{position:relative;max-width:90vw;max-height:90vh;background:var(--panel-bg);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.preview-image[data-v-b6d41547]{display:block;max-width:100%;max-height:80vh;object-fit:contain}.preview-actions[data-v-b6d41547]{display:flex;justify-content:center;gap:16px;padding:16px;background:var(--panel-bg);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.preview-action-button[data-v-b6d41547]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.preview-action-button[data-v-b6d41547]:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.preview-close[data-v-b6d41547]{position:absolute;top:-50px;right:0;color:#fff;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;transition:transform .3s ease}.preview-close[data-v-b6d41547]:hover{transform:rotate(90deg)}@media (max-width: 768px){.image-generator[data-v-b6d41547]{padding:12px}.left-panel[data-v-b6d41547]{width:100%}.thumbnails-grid[data-v-b6d41547]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.preview-container[data-v-b6d41547]{width:100%}.preview-actions[data-v-b6d41547]{flex-direction:column;padding:12px}.preview-action-button[data-v-b6d41547]{width:100%;justify-content:center}.preview-control-button[data-v-b6d41547]{width:36px;height:36px}.preview-close[data-v-b6d41547]{top:-40px;font-size:20px}}.dark-mode .image-preview-modal[data-v-b6d41547]{background:rgba(0,0,0,.9)}.dark-mode .preview-control-button[data-v-b6d41547]{background:rgba(255,255,255,.1);border-color:#ffffff1a}.dark-mode .preview-control-button[data-v-b6d41547]:hover{background:rgba(255,255,255,.2);border-color:#fff3}.input-section[data-v-b6d41547]{display:flex;flex-direction:column;gap:16px}.input-label[data-v-b6d41547]{display:flex;align-items:center;justify-content:space-between;color:var(--text-color);font-weight:500}.input-label .label-text[data-v-b6d41547]{display:flex;align-items:center;gap:8px}.required[data-v-b6d41547]{color:#ff4d4f}.edit-button[data-v-b6d41547]{padding:4px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--primary-color);display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;margin-left:auto}.edit-button[data-v-b6d41547]:hover:not(:disabled){background:var(--hover-color);transform:none}.edit-button[data-v-b6d41547]:disabled{cursor:not-allowed;opacity:.5}.edit-button .icon[data-v-b6d41547]{font-size:13px}@keyframes sparkle-b6d41547{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.edit-button:not(:disabled) .icon[data-v-b6d41547]{animation:none}.prompt-input[data-v-b6d41547]{width:100%;padding:12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);resize:vertical;min-height:100px;font-size:14px;line-height:1.5;transition:all .3s ease}.prompt-input[data-v-b6d41547]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.option-group[data-v-b6d41547]{display:flex;flex-direction:column;gap:8px;width:48%}.option-group label[data-v-b6d41547]{color:var(--text-color);font-weight:500}.custom-select[data-v-b6d41547]{position:relative;width:100%}.select-trigger[data-v-b6d41547]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.select-trigger[data-v-b6d41547]:hover{border-color:var(--primary-color)}.selected-ratio[data-v-b6d41547]{display:flex;align-items:center;gap:8px;color:var(--text-color)}.ratio-icon[data-v-b6d41547]{width:20px;height:20px;object-fit:contain}.select-arrow[data-v-b6d41547]{font-size:12px;transition:transform .3s ease;color:var(--text-color)}.select-arrow.expanded[data-v-b6d41547]{transform:rotate(180deg)}.select-dropdown[data-v-b6d41547]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;box-shadow:0 -4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.select-option[data-v-b6d41547]{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.select-option[data-v-b6d41547]:hover{background:var(--hover-color)}.select-option.active[data-v-b6d41547]{color:var(--primary-color)}.option-info[data-v-b6d41547]{display:flex;flex-direction:column;gap:2px}.option-label[data-v-b6d41547]{font-weight:500}.option-desc[data-v-b6d41547]{font-size:12px;opacity:.8}.style-section[data-v-b6d41547]{display:flex;flex-direction:column;gap:8px;width:48%}.style-section label[data-v-b6d41547]{color:var(--text-color);font-weight:500}.style-select[data-v-b6d41547]{position:relative;width:100%}.style-trigger[data-v-b6d41547]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.style-trigger[data-v-b6d41547]:hover{border-color:var(--primary-color)}.current-style[data-v-b6d41547]{display:flex;align-items:center;gap:8px}.current-style .style-icon[data-v-b6d41547]{width:20px;height:20px}.current-style .style-name[data-v-b6d41547]{color:var(--text-color);font-size:14px}.style-dropdown[data-v-b6d41547]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;box-shadow:0 -4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.style-option[data-v-b6d41547]{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.style-option[data-v-b6d41547]:hover{background:var(--hover-color)}.style-option.active[data-v-b6d41547]{background:var(--primary-color);color:#fff}.style-option .style-icon[data-v-b6d41547]{width:20px;height:20px}.style-option .style-name[data-v-b6d41547]{font-size:14px}.style-option.active .style-name[data-v-b6d41547]{color:#fff}.quick-styles[data-v-b6d41547]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;width:100%}.style-btn[data-v-b6d41547]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.style-btn[data-v-b6d41547]:hover{border-color:var(--primary-color);background:var(--hover-color);transform:translateY(-2px)}.style-btn.active[data-v-b6d41547]{border-color:var(--primary-color);background:var(--primary-color)}.style-icon[data-v-b6d41547]{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.style-icon img[data-v-b6d41547]{width:100%;height:100%;object-fit:cover;border-radius:4px}.style-name[data-v-b6d41547]{font-size:13px;text-align:center;color:var(--text-color)}.style-btn.active .style-name[data-v-b6d41547]{color:#fff}@media (max-width: 768px){.left-panel[data-v-b6d41547]{max-width:100%}.quick-styles[data-v-b6d41547]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.style-btn[data-v-b6d41547]{padding:8px}.style-icon[data-v-b6d41547]{width:28px;height:28px}.style-name[data-v-b6d41547]{font-size:12px}}.selected-style[data-v-b6d41547]{display:none}.generate-button-container[data-v-b6d41547]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:100%;max-width:800px;padding:0 20px;z-index:100}.generate-button[data-v-b6d41547]{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:16px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.generate-button[data-v-b6d41547]:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 8px 24px #4caf5033}.generate-button[data-v-b6d41547]:disabled{background:#cccccc;cursor:not-allowed;transform:none;box-shadow:none}.results-container[data-v-b6d41547]{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.image-grid[data-v-b6d41547]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;width:100%}.image-item[data-v-b6d41547]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.image-item[data-v-b6d41547]:hover{transform:scale(1.02)}.generated-image[data-v-b6d41547]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.custom-select[data-v-b6d41547]{max-width:100%}.select-option[data-v-b6d41547]{padding:8px 10px}.option-desc[data-v-b6d41547]{font-size:11px}}.style-dropdown[data-v-b6d41547]::-webkit-scrollbar{width:6px}.style-dropdown[data-v-b6d41547]::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.style-dropdown[data-v-b6d41547]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.style-dropdown[data-v-b6d41547]::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.controls-row[data-v-b6d41547]{display:flex;justify-content:space-between;gap:16px;width:100%;margin-bottom:16px}@media (max-width: 768px){.controls-row[data-v-b6d41547]{flex-direction:column;gap:16px}.option-group[data-v-b6d41547],.style-section[data-v-b6d41547]{width:100%}}.loading-modal[data-v-b6d41547]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:20px}.loading-content[data-v-b6d41547]{background:var(--panel-bg);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;text-align:center}.loading-title[data-v-b6d41547]{font-size:18px;font-weight:500;color:var(--text-color);margin-bottom:20px}.progress-bar[data-v-b6d41547]{width:100%;height:6px;background:var(--input-bg);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill[data-v-b6d41547]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease;width:0%}.progress-text[data-v-b6d41547]{font-size:14px;color:var(--text-color);opacity:.8;font-variant-numeric:tabular-nums}.loading-tips[data-v-b6d41547]{margin-top:16px;font-size:13px;color:var(--text-color);opacity:.6}.video-generator[data-v-7937759b]{display:flex;flex-direction:column;gap:20px;padding:20px;margin:auto auto 32px;background:var(--panel-bg);width:100%;max-width:800px;border-radius:16px;box-shadow:0 8px 30px #0000001f}.input-section[data-v-7937759b]{display:flex;flex-direction:column;gap:16px}.input-label[data-v-7937759b]{display:flex;align-items:center;justify-content:space-between;color:var(--text-color);font-weight:500}.input-label .label-text[data-v-7937759b]{display:flex;align-items:center;gap:8px}.required[data-v-7937759b]{color:#ff4d4f}.edit-button[data-v-7937759b]{padding:4px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--primary-color);display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;margin-left:auto}.edit-button[data-v-7937759b]:hover:not(:disabled){background:var(--hover-color);transform:none}.edit-button[data-v-7937759b]:disabled{cursor:not-allowed;opacity:.5}.edit-button .icon[data-v-7937759b]{font-size:13px}@keyframes sparkle-7937759b{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.edit-button:not(:disabled) .icon[data-v-7937759b]{animation:none}.prompt-input-container[data-v-7937759b]{width:100%}.prompt-input-container textarea[data-v-7937759b]{width:100%;padding:12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);resize:vertical;min-height:100px;font-size:14px;line-height:1.5;transition:all .3s ease;font-family:inherit}.prompt-input-container textarea[data-v-7937759b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.controls-row[data-v-7937759b]{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:16px}.custom-select[data-v-7937759b]{position:relative;width:100%}.select-trigger[data-v-7937759b]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.select-trigger[data-v-7937759b]:hover{border-color:var(--primary-color)}.selected-ratio[data-v-7937759b]{display:flex;align-items:center;gap:8px;color:var(--text-color);line-height:18px}.ratio-icon[data-v-7937759b]{width:20px;height:20px;object-fit:contain}.select-arrow[data-v-7937759b]{font-size:12px;transition:transform .3s ease;color:var(--text-color)}.select-arrow.expanded[data-v-7937759b]{transform:rotate(180deg)}.select-dropdown[data-v-7937759b]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;box-shadow:0 -4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.select-option[data-v-7937759b]{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.select-option[data-v-7937759b]:hover{background:var(--hover-color)}.select-option.active[data-v-7937759b]{color:var(--primary-color)}.option-info[data-v-7937759b]{display:flex;flex-direction:column;gap:2px}.option-label[data-v-7937759b]{font-weight:500}.option-desc[data-v-7937759b]{font-size:12px;opacity:.8}.style-section[data-v-7937759b]{display:flex;flex-direction:column;gap:8px;width:48%}.style-section label[data-v-7937759b]{color:var(--text-color);font-weight:500}.style-select[data-v-7937759b]{position:relative;width:100%}.style-trigger[data-v-7937759b]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.style-trigger[data-v-7937759b]:hover{border-color:var(--primary-color)}.current-style[data-v-7937759b]{display:flex;align-items:center;gap:8px}.current-style .style-icon[data-v-7937759b]{width:20px;height:20px}.current-style .style-name[data-v-7937759b]{color:var(--text-color);font-size:14px}.style-dropdown[data-v-7937759b]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;box-shadow:0 -4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.style-option[data-v-7937759b]{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.style-option[data-v-7937759b]:hover{background:var(--hover-color)}.style-option.active[data-v-7937759b]{background:var(--primary-color);color:#fff}.style-option .style-icon[data-v-7937759b]{width:20px;height:20px}.style-option .style-name[data-v-7937759b]{font-size:14px}.style-option.active .style-name[data-v-7937759b]{color:#fff}.quick-styles[data-v-7937759b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;width:100%;margin-bottom:20px}.style-btn[data-v-7937759b]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.style-btn[data-v-7937759b]:hover{border-color:var(--primary-color);background:var(--hover-color);transform:translateY(-2px)}.style-btn.active[data-v-7937759b]{border-color:var(--primary-color);background:var(--primary-color)}.style-icon[data-v-7937759b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.style-icon img[data-v-7937759b]{width:100%;height:100%;object-fit:cover;border-radius:4px}.style-name[data-v-7937759b]{font-size:13px;text-align:center;color:var(--text-color)}.style-btn.active .style-name[data-v-7937759b]{color:#fff}.generate-button-container[data-v-7937759b]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:100%;max-width:800px;padding:0 20px;z-index:100}.generate-button[data-v-7937759b]{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:16px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.generate-button[data-v-7937759b]:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 8px 24px #4caf5033}.generate-button[data-v-7937759b]:disabled{background:#cccccc;cursor:not-allowed;transform:none;box-shadow:none}.generator-header[data-v-7937759b]{text-align:center;margin-bottom:20px}.generator-header h2[data-v-7937759b]{font-size:1.8rem;margin-bottom:8px;color:var(--text-color)}.generator-header p[data-v-7937759b]{color:var(--text-color);opacity:.7;font-size:.95rem}.form-section[data-v-7937759b]{background:var(--panel-bg);border-radius:12px}.input-group[data-v-7937759b]{margin-bottom:20px}.input-group label[data-v-7937759b]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.input-group textarea[data-v-7937759b]{width:100%;padding:12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-family:inherit;font-size:1rem;resize:vertical;min-height:100px;transition:all .3s ease}.input-group textarea[data-v-7937759b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.options-grid[data-v-7937759b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.option-item label[data-v-7937759b]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.option-item select[data-v-7937759b]{width:100%;padding:10px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:1rem;transition:all .3s ease}.option-item select[data-v-7937759b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.checkbox-label[data-v-7937759b]{display:flex;align-items:center;cursor:pointer;font-size:1rem;color:var(--text-color);position:relative;padding-left:35px}.checkbox-label input[data-v-7937759b]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-7937759b]{position:absolute;left:0;height:20px;width:20px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:4px;transition:all .3s ease}.checkbox-label:hover input~.checkmark[data-v-7937759b]{border-color:var(--primary-color)}.checkbox-label input:checked~.checkmark[data-v-7937759b]{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark[data-v-7937759b]:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark[data-v-7937759b]:after{display:block}.checkbox-label .checkmark[data-v-7937759b]:after{left:4px;top:0;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.generate-btn[data-v-7937759b]{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.generate-btn[data-v-7937759b]:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 8px 24px #4caf5033}.generate-btn[data-v-7937759b]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.progress-section[data-v-7937759b]{text-align:center;padding:40px 20px;background:var(--panel-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d}.spinner[data-v-7937759b]{width:50px;height:50px;border:5px solid rgba(79,70,229,.2);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin-7937759b 1s linear infinite;margin:0 auto 20px}@keyframes spin-7937759b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-section h3[data-v-7937759b]{font-size:1.5rem;margin-bottom:10px;color:var(--text-color)}.progress-section p[data-v-7937759b]{color:var(--text-color);opacity:.7;margin-bottom:20px}.task-info[data-v-7937759b]{background:var(--input-bg);padding:15px;border-radius:8px;margin-top:20px;border:2px solid var(--input-border)}.task-info p[data-v-7937759b]{margin:5px 0;font-size:.9rem;color:var(--text-color);opacity:.8}.result-section[data-v-7937759b]{text-align:center;background:var(--panel-bg);border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000000d}.result-section h3[data-v-7937759b]{font-size:1.5rem;margin-bottom:20px;color:var(--text-color)}.video-preview[data-v-7937759b]{margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border:2px solid var(--input-border)}.result-actions[data-v-7937759b]{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap}.download-btn[data-v-7937759b],.new-btn[data-v-7937759b]{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;min-width:120px}.download-btn[data-v-7937759b]{background-color:var(--primary-color);color:#fff;border:none}.download-btn[data-v-7937759b]:hover{background-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.new-btn[data-v-7937759b]{background-color:var(--input-bg);color:var(--primary-color);border:2px solid var(--primary-color)}.new-btn[data-v-7937759b]:hover{background-color:var(--hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.error-section[data-v-7937759b]{text-align:center;padding:30px;background:var(--panel-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d}.error-message[data-v-7937759b]{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:20px;color:#991b1b}.dark-mode .error-message[data-v-7937759b]{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);color:#fecaca}.error-message h3[data-v-7937759b]{margin-top:0;color:#991b1b}.dark-mode .error-message h3[data-v-7937759b]{color:#fecaca}.suggestion[data-v-7937759b]{margin-top:15px;padding:15px;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;color:#92400e}.dark-mode .suggestion[data-v-7937759b]{background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);color:#fde68a}.retry-btn[data-v-7937759b]{margin-top:20px;padding:12px 24px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.retry-btn[data-v-7937759b]:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.mobile-preview[data-v-7937759b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-preview-content[data-v-7937759b]{position:relative;max-width:90vw;max-height:90vh;background:var(--panel-bg);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.preview-video[data-v-7937759b]{display:block;max-width:100%;max-height:80vh;object-fit:contain}.preview-actions[data-v-7937759b]{display:flex;justify-content:center;gap:16px;padding:16px;background:var(--panel-bg);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.preview-action-button[data-v-7937759b]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.preview-action-button[data-v-7937759b]:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.preview-close[data-v-7937759b]{position:absolute;top:-50px;right:0;color:#fff;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;transition:transform .3s ease}.preview-close[data-v-7937759b]:hover{transform:rotate(90deg)}.video-preview[data-v-7937759b]{margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border:2px solid var(--input-border);cursor:pointer;transition:transform .3s ease}.style-dropdown[data-v-7937759b]::-webkit-scrollbar{width:6px}.style-dropdown[data-v-7937759b]::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.style-dropdown[data-v-7937759b]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.style-dropdown[data-v-7937759b]::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.select-dropdown[data-v-7937759b]::-webkit-scrollbar{width:6px}.select-dropdown[data-v-7937759b]::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.select-dropdown[data-v-7937759b]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.select-dropdown[data-v-7937759b]::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.video-preview[data-v-7937759b]:hover{transform:scale(1.02)}.loading-modal[data-v-7937759b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:20px}.loading-content[data-v-7937759b]{background:var(--panel-bg);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;text-align:center}.loading-title[data-v-7937759b]{font-size:18px;font-weight:500;color:var(--text-color);margin-bottom:20px}.progress-bar[data-v-7937759b]{width:100%;height:6px;background:var(--input-bg);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill[data-v-7937759b]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease;width:0%}.progress-text[data-v-7937759b]{font-size:14px;color:var(--text-color);opacity:.8;font-variant-numeric:tabular-nums}.loading-tips[data-v-7937759b]{margin-top:16px;font-size:13px;color:var(--text-color);opacity:.6}.videos-container[data-v-7937759b]{width:100%;max-width:800px;margin:0 auto 20px;display:flex;flex-direction:column;gap:16px}.videos-grid[data-v-7937759b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.video-item[data-v-7937759b]{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--input-border);display:flex;flex-direction:column}.video-item[data-v-7937759b]:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.video-thumbnail[data-v-7937759b]{width:100%;height:100%;object-fit:cover;flex-grow:1}.video-footer[data-v-7937759b]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:12px;display:flex;align-items:center;gap:6px}.video-footer .style-icon[data-v-7937759b]{width:16px;height:16px;flex-shrink:0}.video-footer .style-icon img[data-v-7937759b]{width:100%;height:100%;object-fit:cover;border-radius:2px}.video-footer .style-name[data-v-7937759b]{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder[data-v-7937759b]{width:100%;min-height:200px;padding:40px 20px;text-align:center;color:var(--text-color);opacity:.6;font-size:15px;background:var(--input-bg);border-radius:12px;border:2px dashed var(--input-border);margin-bottom:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}.placeholder[data-v-7937759b]:hover{opacity:.8;border-color:var(--primary-color);background:var(--hover-color)}@media (max-width: 768px){.video-generator[data-v-7937759b]{padding:12px}.options-grid[data-v-7937759b]{grid-template-columns:1fr;gap:15px}.result-actions[data-v-7937759b]{flex-direction:column;align-items:center}.download-btn[data-v-7937759b],.new-btn[data-v-7937759b]{width:100%;max-width:250px}.preview-container[data-v-7937759b]{width:100%}.preview-actions[data-v-7937759b]{flex-direction:column;padding:12px}.preview-action-button[data-v-7937759b]{width:100%;justify-content:center}.preview-close[data-v-7937759b]{top:-40px;font-size:20px}.controls-row[data-v-7937759b]{flex-direction:column;align-items:flex-start;gap:16px}.style-section[data-v-7937759b]{width:100%}.quick-styles[data-v-7937759b]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.style-btn[data-v-7937759b]{padding:8px}.style-icon[data-v-7937759b]{width:28px;height:28px}.style-name[data-v-7937759b]{font-size:12px}}:root{--bg-gradient-start: #f5f7fa;--bg-gradient-end: #c3cfe2;--panel-bg: rgba(255, 255, 255, .95);--message-container-bg: #ffffff;--user-message-bg: #4CAF50;--user-message-color: white;--assistant-message-bg: #f8f9fa;--assistant-message-color: #333;--input-bg: white;--input-border: #e0e0e0;--input-text: #333;--button-bg: #4CAF50;--button-color: white;--suggestion-bg: white;--suggestion-color: #4CAF50;--suggestion-border: #4CAF50;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--disclaimer-color: #666;--suggestions-container-bg: rgba(248, 249, 250, .9);--suggestions-container-shadow: rgba(0, 0, 0, .05);--text-color: #333;--hover-color: rgba(0, 0, 0, .05);--primary-color: #4CAF50;--primary-color-dark: #388E3C;--reasoning-bg: rgba(248, 249, 250, .6);--reasoning-color: #666666;--reasoning-border: rgba(233, 236, 239, .8)}.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #2d3436;--panel-bg: rgba(30, 30, 30, .95);--message-container-bg: #2d2d2d;--user-message-bg: #4CAF50;--user-message-color: white;--assistant-message-bg: #3d3d3d;--assistant-message-color: #e0e0e0;--input-bg: #2d2d2d;--input-border: #404040;--input-text: #e0e0e0;--button-bg: #4CAF50;--button-color: white;--suggestion-bg: #2d2d2d;--suggestion-color: #4CAF50;--suggestion-border: #4CAF50;--scrollbar-track: #2d2d2d;--scrollbar-thumb: #404040;--disclaimer-color: #888;--suggestions-container-bg: rgba(45, 45, 45, .9);--suggestions-container-shadow: rgba(0, 0, 0, .2);--text-color: #e0e0e0;--hover-color: rgba(255, 255, 255, .1);--primary-color: #4CAF50;--primary-color-dark: #388E3C;--reasoning-bg: rgba(45, 45, 45, .4);--reasoning-color: #a0a0a0;--reasoning-border: rgba(60, 60, 60, .8)}.theme-toggle{display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease;user-select:none;-webkit-user-select:none}.theme-toggle:hover{background:rgba(76,175,80,.15);transform:translateY(-1px);box-shadow:0 2px 8px #4caf5033}.dark-mode .theme-toggle{background:rgba(255,255,255,.05)}.dark-mode .theme-toggle:hover{background:rgba(76,175,80,.2)}.app-container{min-height:100vh;background:linear-gradient(135deg,#87CEEB 0%,#E0F6FF 100%);transition:all .5s ease;padding:70px 20px 20px;display:flex;flex-direction:column;align-items:center}.dark-mode.app-container{background:linear-gradient(135deg,#1a1a1a 0%,#2d3436 100%)}.chat-panel{background:var(--panel-bg);transition:background-color .3s ease;padding:20px;border-radius:16px;box-shadow:0 8px 30px #0000001f;width:100%;max-width:800px;margin:auto}.messages-container{height:500px;overflow-y:auto;padding:20px;background:var(--message-container-bg);transition:background-color .3s ease;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;margin-bottom:20px;scroll-behavior:smooth}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-items:flex-end}.assistant-message{align-items:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:12px;box-shadow:0 2px 4px #0000001a;line-height:1.5;transition:background-color .3s ease,color .3s ease}.user-message .message-bubble{background:var(--user-message-bg);color:var(--user-message-color);border-radius:12px 12px 0}.assistant-message .message-bubble{background:var(--assistant-message-bg);color:var(--assistant-message-color);border-radius:12px 12px 12px 0}.suggestion-button{width:100%;padding:8px 12px;background:var(--suggestion-bg);color:var(--suggestion-color);border:1px solid var(--suggestion-border);border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;min-height:36px;max-width:100%}.suggestion-button:hover{background:var(--suggestion-color);color:var(--suggestion-bg);transform:translate(4px);box-shadow:0 2px 8px #4caf5033}.dark-mode .suggestion-button:hover{box-shadow:0 2px 8px #4caf504d}.suggestion-button:hover svg{stroke:var(--suggestion-bg)}.suggestion-button svg{width:16px;height:16px;flex-shrink:0;transition:stroke .2s ease}.suggestion-button:before{display:none}.suggestions-container{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:auto;align-self:flex-start;max-width:80%}.input-container{display:flex;gap:12px;margin-top:20px}.chat-input{flex:1;padding:12px 16px;border:2px solid var(--input-border);border-radius:24px;font-size:14px;transition:all .3s ease;background:var(--input-bg);color:var(--input-text)}.chat-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a}.send-button{padding:12px 24px;background:var(--button-bg);color:var(--button-color);border:none;border-radius:24px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:100px}.send-button:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.send-button:disabled{background:#cccccc;cursor:not-allowed;transform:none;box-shadow:none}.disclaimer{margin-top:20px;color:var(--disclaimer-color);font-size:12px;text-align:center}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.app-container{padding:10px}.chat-panel{padding:15px}.messages-container{height:calc(100vh - 270px);padding:15px}.suggestion-button{font-size:12px;padding:5px 10px}.input-container{flex-direction:column}.send-button{width:100%}}.message-bubble.markdown-body{font-size:14px;color:#333}.message-bubble.markdown-body h1,.message-bubble.markdown-body h2,.message-bubble.markdown-body h3,.message-bubble.markdown-body h4,.message-bubble.markdown-body h5,.message-bubble.markdown-body h6{margin-top:16px;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4;border-bottom:none}.message-bubble.markdown-body p{margin:8px 0;line-height:1.6}.message-bubble.markdown-body ul,.message-bubble.markdown-body ol{margin:8px 0;padding-left:20px}.message-bubble.markdown-body pre{margin:8px 0;padding:12px;background-color:#f6f8fa;border-radius:6px;overflow-x:auto}.message-bubble.markdown-body code{font-family:Consolas,Monaco,Andale Mono,monospace;font-size:13px;padding:2px 4px;background-color:#0000000d;border-radius:3px}.message-bubble.markdown-body a{color:#0366d6;text-decoration:none}.message-bubble.markdown-body a:hover{text-decoration:underline}.message-bubble.markdown-body table{width:100%;margin:8px 0;border-collapse:collapse}.message-bubble.markdown-body table th,.message-bubble.markdown-body table td{padding:6px 12px;border:1px solid #dfe2e5}.message-bubble.markdown-body table th{background-color:#f6f8fa}.message-bubble.markdown-body blockquote{margin:8px 0;padding-left:12px;color:#6a737d;border-left:3px solid #dfe2e5}.message-bubble.markdown-body hr{margin:12px 0;border:none;border-top:1px solid #dfe2e5}.message-bubble.markdown-body img{max-width:100%;height:auto;border-radius:4px}@media (max-width: 768px){.message-bubble{max-width:90%}.message-bubble.markdown-body{font-size:13px}.message-bubble.markdown-body h1,.message-bubble.markdown-body h2,.message-bubble.markdown-body h3,.message-bubble.markdown-body h4,.message-bubble.markdown-body h5,.message-bubble.markdown-body h6{font-size:15px}}.dark-mode .message-bubble.markdown-body{color:var(--assistant-message-color)}.dark-mode .message-bubble.markdown-body code{background-color:#ffffff1a}.dark-mode .message-bubble.markdown-body pre{background-color:#1e1e1e}.dark-mode .message-bubble.markdown-body blockquote{color:#9e9e9e;border-left-color:#404040}.dark-mode .message-bubble.markdown-body a{color:#58a6ff}.dark-mode .message-bubble.markdown-body table th,.dark-mode .message-bubble.markdown-body table td{border-color:#404040}.dark-mode .message-bubble.markdown-body table th{background-color:#1e1e1e}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;z-index:1000;transition:all .3s ease}.dark-mode .navbar{background:rgba(30,30,30,.8);box-shadow:0 4px 20px #0003}.nav-content{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:12px}.nav-logo{font-size:24px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.1) rotate(10deg)}.nav-brand{font-size:16px;font-weight:500;color:var(--input-text);letter-spacing:.5px}.nav-right{display:flex;align-items:center;gap:20px}.nav-link{display:flex;align-items:center;gap:6px;color:var(--input-text);text-decoration:none;font-size:14px;padding:8px 16px;border-radius:20px;transition:all .3s ease;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.nav-link:hover{background:rgba(76,175,80,.15);transform:translateY(-1px);box-shadow:0 2px 8px #4caf5033}.dark-mode .nav-link{background:rgba(255,255,255,.05)}.dark-mode .nav-link:hover{background:rgba(76,175,80,.2)}.link-icon{font-size:16px}@media (max-width: 768px){.nav-content{padding:12px 16px}.nav-logo{font-size:20px}.nav-brand{font-size:15px}.nav-link{font-size:13px;padding:6px 12px}.nav-right{gap:12px}.app-container{padding-top:60px}}.bg-decoration{position:fixed;top:0;right:0;width:100%;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.stars{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.dark-mode .stars{opacity:1;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 40px 70px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 50px 160px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 90px 40px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 130px 80px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 160px 120px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 200px 30px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 300px 50px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 400px 100px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 500px 70px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 600px 90px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 700px 40px,#ffffff,rgba(0,0,0,0));background-size:800px 800px;animation:stars-move 100s linear infinite}.dark-mode .stars:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 150px 150px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 250px 250px,#ffffff,rgba(0,0,0,0)),radial-gradient(1px 1px at 350px 350px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 450px 450px,#ffffff,rgba(0,0,0,0)),radial-gradient(2px 2px at 550px 550px,#ffffff,rgba(0,0,0,0));background-size:600px 600px;animation:stars-move-reverse 80s linear infinite}@keyframes stars-move{0%{background-position:0 0}to{background-position:800px 800px}}@keyframes stars-move-reverse{0%{background-position:600px 0}to{background-position:0 600px}}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.3}}.dark-mode .stars,.dark-mode .stars:after{animation-name:stars-move,twinkle;animation-duration:100s,4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}.clouds{position:absolute;width:100%;height:100%;opacity:1;transition:opacity .5s ease}.dark-mode .clouds{opacity:0}.cloud{position:absolute;width:100px;height:30px;background:rgba(255,255,255,.8);border-radius:20px;animation:float-cloud 15s linear infinite;opacity:.6}.cloud:before,.cloud:after{content:"";position:absolute;top:-15px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.8)}.cloud:before{left:15px}.cloud:after{right:15px}.cloud:nth-child(1){top:10%;left:-100px;animation-delay:0s}.cloud:nth-child(2){top:20%;left:-100px;animation-delay:2s}.cloud:nth-child(3){top:30%;left:-100px;animation-delay:4s}.cloud:nth-child(4){top:40%;left:-100px;animation-delay:6s}.cloud:nth-child(5){top:50%;left:-100px;animation-delay:8s}.cloud:nth-child(6){top:60%;left:-100px;animation-delay:10s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes float-cloud{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}@media (max-width: 768px){.celestial-body,.dark-mode .celestial-body{top:100px;right:40px;width:50px;height:50px;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' style='background:transparent;'><path d='M25,0 a25,25 0 1,1 0,50 a25,25 0 1,0 0,-50 z' fill='%23ffd700'/></svg>") 25 25,auto}.cloud{width:60px;height:20px}.cloud:before,.cloud:after{width:25px;height:25px;top:-10px}}.reasoning-bubble{font-size:14px!important;color:var(--reasoning-color)!important;background-color:var(--reasoning-bg)!important;margin-bottom:20px!important;padding:12px 16px!important;font-weight:300;letter-spacing:.3px;border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.reasoning-bubble h3{font-size:14px!important;margin-top:0;margin-bottom:8px;color:var(--reasoning-color)!important;display:flex;align-items:center;gap:6px;font-weight:400}.reasoning-bubble p,.reasoning-bubble li,.reasoning-bubble ul,.reasoning-bubble ol{color:var(--reasoning-color)!important;line-height:1.6;margin:4px 0}.dark-mode .reasoning-bubble,.dark-mode .reasoning-bubble h3,.dark-mode .reasoning-bubble p,.dark-mode .reasoning-bubble li,.dark-mode .reasoning-bubble ul,.dark-mode .reasoning-bubble ol{color:var(--reasoning-color)!important}.reasoning-bubble{position:relative}.moon-container{position:absolute;top:120px;right:120px;width:80px;height:80px;animation:float 6s ease-in-out infinite}.moon{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,#e6e6e6 0%,#f5f5f5 30%,#ffffff 50%,#f5f5f5 70%,#e6e6e6 100%);box-shadow:0 0 20px #ffffff4d,inset -8px -8px 25px #00000026}.crater{position:absolute;border-radius:50%;background:rgba(222,222,222,.8);box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff4d}.crater-1{width:20px;height:20px;top:15%;left:25%}.crater-2{width:15px;height:15px;top:45%;left:60%}.crater-3{width:12px;height:12px;top:65%;left:30%}.crater-4{width:10px;height:10px;top:25%;left:65%}.moon-glow{position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,rgba(255,255,255,.2) 50%,transparent 70%);pointer-events:none}.moon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 20%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.3) 0%,transparent 25%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.3) 0%,transparent 15%);filter:blur(1px)}.moon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.07) 50%,rgba(0,0,0,.13) 100%)}@media (max-width: 768px){.moon-container{top:100px;right:40px;width:50px;height:50px}.crater-1{width:12px;height:12px}.crater-2{width:10px;height:10px}.crater-3{width:8px;height:8px}.crater-4{width:6px;height:6px}}.sun-container{position:absolute;top:120px;right:120px;width:80px;height:80px;animation:float 6s ease-in-out infinite}.sun{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff176 0%,#ffd700 30%,#ffa726 70%,#ff9800 100%);box-shadow:0 0 60px #ffa00066,0 0 120px #ffa00033}.sun:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 40%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.sun:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4) 0%,transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.3) 0%,transparent 30%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.3) 0%,transparent 30%)}.sun-rays{position:absolute;top:-25%;left:-25%;width:150%;height:150%;animation:rotate 20s linear infinite}.sun-rays:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-conic-gradient(from 0deg,transparent 0deg,transparent 20deg,rgba(255,215,0,.1) 20deg,transparent 21deg);border-radius:50%}@media (max-width: 768px){.sun-container{top:100px;right:40px;width:50px;height:50px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.6}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-center{display:flex;justify-content:center;flex:1}.nav-tabs{display:flex;gap:.5rem;background:rgba(255,255,255,.1);padding:.25rem;border-radius:20px}.nav-tab{display:flex;align-items:center;gap:.25rem;padding:.35rem 1.2rem;border:none;border-radius:20px;background:transparent;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .3s ease}.nav-tab:hover{background:rgba(255,255,255,.1)}.nav-tab.active{background:var(--primary-color);color:#fff}.tab-icon{font-size:1rem}.navbar{padding:.5rem 1rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.dark-mode .navbar{background:rgba(30,30,30,.8);border-bottom-color:#0003}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:3rem}.nav-left{display:flex;align-items:center;gap:.5rem}.nav-logo{font-size:1.25rem}.nav-brand{font-size:1rem;font-weight:500;color:var(--text-color)}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-link{display:flex;align-items:center;gap:.25rem;color:var(--text-color);text-decoration:none;padding:.35rem .75rem;border-radius:20px;font-size:.9rem;transition:background-color .2s}.nav-link:hover{background:rgba(255,255,255,.1)}.theme-toggle{cursor:pointer;padding:.35rem .5rem;border-radius:20px;transition:background-color .2s;font-size:.9rem}.theme-toggle:hover{background:rgba(255,255,255,.1)}@media (max-width: 768px){.nav-content{height:2.2rem}.nav-brand{display:none}.nav-tabs{padding:.15rem}.nav-tab{padding:.25rem .6rem}.link-text-pc,.tab-icon,.link-icon{display:none}}@media (min-width: 769px){.link-text-mobile{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}