:root{color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}.video-creation[data-v-9f7568d2]{background:#fff;min-height:100vh;padding-bottom:100px}.header[data-v-9f7568d2]{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;padding:10px 16px;position:sticky;top:0}.header-top[data-v-9f7568d2]{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.status-icons[data-v-9f7568d2]{align-items:center;gap:8px;display:flex}.header-nav[data-v-9f7568d2]{justify-content:space-between;align-items:center;display:flex}.back-btn[data-v-9f7568d2]{cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px}.title[data-v-9f7568d2]{margin:0;font-size:18px;font-weight:600}.header-actions[data-v-9f7568d2]{gap:8px;display:flex}.icon-btn[data-v-9f7568d2]{cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px}.content[data-v-9f7568d2]{padding:20px 16px}.section[data-v-9f7568d2]{margin-bottom:30px}.section-title[data-v-9f7568d2]{color:#333;margin-bottom:8px;font-size:16px;font-weight:600}.notice[data-v-9f7568d2]{color:#999;margin-bottom:12px;font-size:12px}.image-upload-container[data-v-9f7568d2]{gap:12px;display:flex}.upload-box[data-v-9f7568d2]{cursor:pointer;background:#fff5e6;border:2px dashed #ff9500;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}.upload-box.has-image[data-v-9f7568d2]{background:#fff;border:2px solid #ff9500}.upload-placeholder[data-v-9f7568d2]{text-align:center}.plus-icon[data-v-9f7568d2]{color:#ff9500;margin-bottom:8px;font-size:40px;font-weight:300}.upload-text[data-v-9f7568d2]{color:#666;font-size:14px}.image-preview[data-v-9f7568d2]{flex-wrap:wrap;gap:8px;padding:8px;display:flex}.preview-img[data-v-9f7568d2]{object-fit:cover;border-radius:4px;width:80px;height:80px}.nano-box[data-v-9f7568d2]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:120px;display:flex}.banana-icon[data-v-9f7568d2]{margin-bottom:8px;font-size:32px}.nano-text[data-v-9f7568d2]{color:#666;font-size:12px}.description-input[data-v-9f7568d2]{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;min-height:100px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.description-actions[data-v-9f7568d2]{gap:16px;display:flex}.action-btn[data-v-9f7568d2]{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:flex}.action-btn .icon[data-v-9f7568d2]{font-size:16px}.option-group[data-v-9f7568d2]{flex-wrap:wrap;gap:12px;display:flex}.option-btn[data-v-9f7568d2]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;min-width:80px;padding:12px 20px;font-size:14px;transition:all .3s}.option-btn.active[data-v-9f7568d2]{color:#fff;background:linear-gradient(135deg,#ff9500,#ff6b00);border-color:#ff9500}.footer[data-v-9f7568d2]{background:#fff;border-top:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.history-btn[data-v-9f7568d2]{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:4px;padding:12px 20px;font-size:14px;display:flex}.generate-btn[data-v-9f7568d2]{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff9500,#ff6b00);border:none;border-radius:8px;flex:1;padding:14px 20px;font-weight:600}.generate-btn[data-v-9f7568d2]:disabled{opacity:.6;cursor:not-allowed}.generate-btn-content[data-v-9f7568d2]{flex-direction:column;align-items:center;display:flex}.generate-text[data-v-9f7568d2]{margin-bottom:4px;font-size:16px}.generate-cost[data-v-9f7568d2]{opacity:.9;font-size:12px}.loading-overlay[data-v-9f7568d2]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content[data-v-9f7568d2]{text-align:center;background:#fff;border-radius:12px;padding:30px}.spinner[data-v-9f7568d2]{border:4px solid #f3f3f3;border-top-color:#ff9500;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin-9f7568d2}@keyframes spin-9f7568d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-9f7568d2]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-9f7568d2]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex}.modal-header[data-v-9f7568d2]{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3[data-v-9f7568d2]{margin:0;font-size:18px}.close-btn[data-v-9f7568d2]{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px}.modal-body[data-v-9f7568d2]{padding:20px;overflow-y:auto}.empty-history[data-v-9f7568d2]{text-align:center;color:#999;padding:40px 0}.history-list[data-v-9f7568d2]{flex-direction:column;gap:12px;display:flex}.history-item[data-v-9f7568d2]{border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:12px;display:flex}.history-info[data-v-9f7568d2]{flex:1;min-width:0}.history-desc[data-v-9f7568d2]{color:#333;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;overflow:hidden}.history-time[data-v-9f7568d2]{color:#999;margin:4px 0;font-size:12px}.history-task-id[data-v-9f7568d2]{color:#666;margin:2px 0;font-family:monospace;font-size:11px}.history-consumed[data-v-9f7568d2]{color:#ff9800;margin:4px 0;font-size:12px;font-weight:500}.history-video[data-v-9f7568d2]{margin:8px 0}.video-link[data-v-9f7568d2]{color:#fff;background:linear-gradient(135deg,#ff9500,#ff6b00);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-block}.video-link[data-v-9f7568d2]:hover{opacity:.9}.history-error[data-v-9f7568d2]{color:#f44336;margin:4px 0;font-size:12px}.history-status-wrapper[data-v-9f7568d2]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.history-status[data-v-9f7568d2]{white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px}.history-status.pending[data-v-9f7568d2]{color:#2196f3;background:#e3f2fd}.history-status.submitted[data-v-9f7568d2]{color:#9c27b0;background:#f3e5f5}.history-status.in_progress[data-v-9f7568d2]{color:#ff9800;background:#fff3e0}.history-status.success[data-v-9f7568d2]{color:#4caf50;background:#e8f5e9}.history-status.failed[data-v-9f7568d2]{color:#f44336;background:#ffebee}.history-status.unknown[data-v-9f7568d2]{color:#757575;background:#f5f5f5}.refresh-btn[data-v-9f7568d2]{cursor:pointer;color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .3s}.refresh-btn[data-v-9f7568d2]:hover{color:#333;background:#e0e0e0}.refresh-btn[data-v-9f7568d2]:active{transform:rotate(180deg)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{width:100%;min-height:100vh}