body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f5f7;color:#333;display:flex;min-height:100vh}#app{display:flex;width:100%}.app-layout{display:flex;width:100%;flex-grow:1}.sidebar{width:280px;background-color:#e9ecef;border-right:1px solid #dee2e6;display:flex;flex-direction:column;padding:15px;overflow-y:auto;box-sizing:border-box}.main-content{flex-grow:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}h1,h2,h3{color:#495057;margin-top:0}h2{margin-bottom:20px;border-bottom:1px solid #ced4da;padding-bottom:10px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700;color:#495057}input[type=text],input[type=url],input[type=number],input[type=password],textarea,select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:1rem}textarea{min-height:80px;resize:vertical}button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}.api-key-manager button{margin-left:5px}.image-url-input{display:flex;align-items:center}.image-url-input input{flex-grow:1;margin-right:10px}.image-url-input .tooltip{font-size:.85em;color:#6c757d;cursor:help}.history-item{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px 15px;margin-bottom:10px;cursor:default;transition:background-color .2s ease}.history-item:hover{background-color:#f8f9fa}.history-item p{margin:5px 0;font-size:.9rem;word-wrap:break-word}.history-item .prompt-preview{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:block}.history-item .status{font-weight:700}.history-item .status-Succeed{color:#28a745}.history-item .status-Failed{color:#dc3545}.history-item .status-InProgress,.history-item .status-InQueue{color:#ffc107}.video-link{display:block;margin-top:8px;color:#007bff;text-decoration:none;word-break:break-all}.video-link:hover{text-decoration:underline}.error-message{color:#dc3545;margin-top:5px;font-size:.9em}.loading-indicator:after{content:"...";display:inline-block;animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%,80%,to{opacity:0}40%{opacity:1}}.api-key-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.api-key-input-group{display:flex;align-items:center}.api-key-input-group input{flex-grow:1;margin-right:5px}@media (max-width: 768px){.app-layout{flex-direction:column;height:auto}.sidebar{width:100%;height:300px;border-right:none;border-bottom:1px solid #dee2e6}.main-content{overflow-y:visible}}.history-item.clickable{cursor:pointer;border-left:4px solid #007bff}.history-item.clickable:hover{background-color:#eef5ff}.history-item.selected{background-color:#d6eaff!important;border-color:#0056b3!important;border-left-width:4px}.video-preview-container{padding:20px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa;margin-bottom:25px}.video-preview-container h2{margin-top:0;margin-bottom:15px;border-bottom:1px solid #ced4da;padding-bottom:10px}.api-key-section[data-v-84a1a29d]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.api-key-input-group[data-v-84a1a29d]{display:flex;align-items:center}.api-key-input-group input[data-v-84a1a29d]{flex-grow:1;margin-right:5px}.api-key-input-group button[data-v-84a1a29d]{margin-left:5px;white-space:nowrap}.history-item.clickable[data-v-031eb5de]{cursor:pointer;border-left:4px solid #007bff}.history-item.clickable[data-v-031eb5de]:hover{background-color:#eef5ff}.history-item.selected[data-v-031eb5de]{background-color:#d6eaff;border-color:#0056b3;border-left-width:4px}.history-item[data-v-031eb5de]{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px 15px;margin-bottom:10px;font-size:.9em;transition:background-color .2s ease,border-color .2s ease;border-left:4px solid transparent}.sidebar-content[data-v-042f8c6d]{display:flex;flex-direction:column;height:100%}.history-header[data-v-042f8c6d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6;flex-shrink:0}h2[data-v-042f8c6d]{margin-top:0;margin-bottom:0}.clear-history-btn[data-v-042f8c6d]{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.8em;cursor:pointer;transition:background-color .2s}.clear-history-btn[data-v-042f8c6d]:hover{background-color:#c82333}.history-list[data-v-042f8c6d]{flex-grow:1;overflow-y:auto;margin-right:-15px;padding-right:15px}.history-list[data-v-042f8c6d]::-webkit-scrollbar{width:6px}.history-list[data-v-042f8c6d]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.history-list[data-v-042f8c6d]::-webkit-scrollbar-track{background-color:#f1f1f1}.image-url-input[data-v-3e1cff76]{display:flex;align-items:center}.image-url-input input[data-v-3e1cff76]{flex-grow:1;margin-right:10px}.image-url-input .tooltip[data-v-3e1cff76]{font-size:1em;color:#6c757d;cursor:help;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background-color:#f8f9fa}.error-message[data-v-3e1cff76]{color:#dc3545;margin-top:10px;font-size:.9em}@media (max-width: 768px){.form-group[data-v-3e1cff76]{margin-bottom:15px}.form-group label[data-v-3e1cff76]{display:block;margin-bottom:5px}.form-group textarea[data-v-3e1cff76],.form-group input[data-v-3e1cff76],.form-group select[data-v-3e1cff76]{width:100%;box-sizing:border-box}button[type=submit][data-v-3e1cff76]{width:100%;padding:12px;font-size:16px}}.video-preview-container[data-v-84ad71d9]{padding:20px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa;margin-bottom:25px}h2[data-v-84ad71d9]{margin-top:0;margin-bottom:15px;border-bottom:1px solid #ced4da;padding-bottom:10px}.preview-details p[data-v-84ad71d9]{margin:5px 0;font-size:.95em;word-wrap:break-word}.video-player-wrapper[data-v-84ad71d9]{margin-top:15px;margin-bottom:15px;max-width:720px}.video-player-wrapper video[data-v-84ad71d9]{display:block;width:100%;height:auto;border-radius:4px;background-color:#000}.video-link[data-v-84ad71d9]{color:#007bff;text-decoration:none}.video-link[data-v-84ad71d9]:hover{text-decoration:underline}.status[data-v-84ad71d9]{font-weight:700}.status-Succeed[data-v-84ad71d9]{color:#28a745}.close-button[data-v-84ad71d9]{margin-top:15px;background-color:#6c757d}.close-button[data-v-84ad71d9]:hover{background-color:#5a6268}@media (max-width: 768px){.video-preview-container[data-v-84ad71d9]{padding:15px;margin-bottom:15px}h2[data-v-84ad71d9]{font-size:1.3rem}.close-button[data-v-84ad71d9]{width:100%;padding:12px;font-size:16px}.preview-details[data-v-84ad71d9]{font-size:.9em}}.app-layout{position:relative;display:flex;flex-grow:1}.sidebar{width:320px;background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;box-sizing:border-box;z-index:1000;transition:transform .3s ease;overflow-y:auto}.sidebar-toggle{position:fixed;top:10px;left:10px;z-index:1001;background-color:#007bff;color:#fff;border:none;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003}.toggle-icon{font-size:24px;line-height:1}.sidebar>*{padding:15px;box-sizing:border-box}.sidebar>.sidebar-content{padding:0 15px 15px;flex-grow:1;overflow:hidden}.sidebar>.api-key-section{flex-shrink:0;border-bottom:1px solid #dee2e6;margin-bottom:0!important;padding-bottom:15px}.main-content{flex-grow:1;padding:60px 25px 25px;overflow-y:auto;display:flex;flex-direction:column;background-color:#fff;transition:margin-left .3s ease}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);width:85%;max-width:320px;box-shadow:0 0 15px #0003}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.app-layout:not(.sidebar-collapsed) .main-content:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}}@media (min-width: 769px){.app-layout.sidebar-collapsed .sidebar{transform:translate(-100%);position:fixed}.app-layout.sidebar-collapsed .main-content{margin-left:0}}