.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-content.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.modal-header h3{font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.modal-header-actions{display:flex;gap:8px}.modal-help,.modal-close{width:32px;height:32px;border-radius:50%;background:transparent;color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-help:hover,.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:30px;overflow-y:auto;flex:1}.modal-body h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#333}.prompt-section{margin-bottom:30px}.prompt-section h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.prompt-list{margin-bottom:16px;padding-left:20px;color:#666;line-height:1.8}.prompt-list li{margin-bottom:8px}.prompt-note{margin:12px 0;color:#ff4d4f;font-weight:500}.prompt-example{background:#f5f5f5;padding:12px;border-radius:6px;margin-bottom:16px;font-size:13px;color:#666;line-height:1.6}.prompt-section textarea{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;line-height:1.6}.prompt-section textarea:focus{border-color:#1890ff;outline:none}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-hint{font-size:13px;color:#999;margin-bottom:12px}.form-group textarea{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit}.form-group textarea:focus{border-color:#1890ff;outline:none}.image-upload-area-modal{border:2px dashed #d9d9d9;border-radius:8px;padding:40px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:border-color .2s}.image-upload-area-modal:hover{border-color:#1890ff}.image-upload-area-modal p{color:#999;font-size:14px}.image-preview-modal{max-width:100%;max-height:300px;border-radius:6px}.select-image-button{width:100%;padding:12px;background:#1890ff;color:#fff;border-radius:6px;font-size:14px;transition:background .2s}.select-image-button:hover{background:#40a9ff}.modal-footer{padding:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.cancel-button{padding:10px 20px;background:#fff;color:#333;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:all .2s}.cancel-button:hover{border-color:#1890ff;color:#1890ff}.confirm-button{padding:10px 20px;background:#1890ff;color:#fff;border-radius:6px;font-size:14px;transition:background .2s}.confirm-button:hover{background:#40a9ff}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.detail-image-item{display:flex;flex-direction:column;gap:8px}.detail-image-item label{font-size:14px;font-weight:500;color:#333}.detail-image-item img{width:100%;height:200px;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8}.image-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;border:1px solid #e8e8e8;color:#999;font-size:14px}.detail-section{margin-bottom:24px}.detail-section label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.detail-textarea{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;line-height:1.6;background:#fafafa}.detail-textarea:focus{border-color:#1890ff;outline:none;background:#fff}.detail-params{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-param-item{display:flex;align-items:center;gap:8px;padding:12px;background:#fafafa;border-radius:6px;border:1px solid #e8e8e8}.param-label{font-size:14px;color:#666;font-weight:500}.param-value{font-size:14px;color:#333}.video-status{padding:40px;text-align:center;background:#f5f5f5;border-radius:6px;color:#999;font-size:14px}.video-preview-container{width:100%}.detail-video{width:100%;border-radius:6px;background:#000}.video-generator{display:flex;flex-direction:column;min-height:100%;gap:0;position:relative}.generator-display-area{flex:1;background:#1a1a1a;border:none;border-radius:0;padding:40px 40px 300px;overflow:visible;display:flex;align-items:flex-start;justify-content:flex-start;min-height:300px;transition:background-color .3s}.empty-video-state{text-align:center;color:#999}.videos-display-table{width:100%;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.video-display-item{background:#2a2a2a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:200px;aspect-ratio:9 / 16;position:relative}.video-display-item video{width:100%;flex:1;min-height:0;object-fit:contain;display:block;background:#000;transition:background-color .3s}.video-placeholder{flex:1;padding:60px 20px;text-align:center;background:#2a2a2a;color:#999;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.video-placeholder-failed{background:#3a1f1f;color:#ff6b6b}.video-placeholder-failed .failed-icon{font-size:48px;margin-bottom:12px}.video-placeholder-failed .error-message{margin-top:16px;padding:12px;background:#ff6b6b1a;border-radius:6px;max-width:100%;word-wrap:break-word}.video-placeholder-failed .error-text{font-size:12px;color:#f99;margin:0;line-height:1.4;text-align:left}.progress-info{margin-top:16px;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box}.progress-bar-inline{width:140px;height:6px;background:#3d3d3d;border-radius:3px;overflow:hidden;flex-shrink:0}.progress-info span{font-size:12px;color:#999;white-space:nowrap;min-width:35px;text-align:left;flex-shrink:0}.progress-fill-inline{height:100%;background:#ff6b35;transition:width .3s}.video-display-info{padding:8px 12px;font-size:12px;color:#999;flex-shrink:0}.video-display-info p{margin:2px 0}.video-error-message{margin-top:4px;padding:6px 8px;background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:4px;font-size:11px;color:#f99;word-wrap:break-word;line-height:1.3}.generator-input-area{position:fixed;bottom:0;left:260px;right:0;background:#1e1e1e;border-top:1px solid #2d2d2d;padding:24px;z-index:100;box-shadow:0 -2px 10px #0000004d;display:flex;flex-direction:column}.input-settings-section{margin-bottom:0;margin-top:16px;order:2}.input-main-section{order:1}.count-input-container{display:flex;align-items:center;gap:4px;height:40px}.count-button{width:32px;height:40px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.count-button:hover:not(:disabled){background:#333;border-color:#ff6b35;color:#ff6b35}.count-button:active:not(:disabled){background:#3a3a3a;transform:scale(.95)}.count-button:disabled{opacity:.5;cursor:not-allowed}.count-input{flex:1;min-width:60px;height:40px;padding:0 8px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;text-align:center;transition:all .2s}.count-input:focus{outline:none;border-color:#ff6b35;background:#333}.count-input::-webkit-inner-spin-button,.count-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.count-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.batch-template-buttons{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;min-height:40px}.template-button{flex:1;padding:10px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:12px;color:#e0e0e0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;height:40px;box-sizing:border-box}.template-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.template-button:active{background:#3a3a3a;transform:scale(.95)}.add-character-button{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:12px;color:#e0e0e0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.add-character-button:hover{background:#333;border-color:#4a90e2;color:#4a90e2}.add-character-button:active{background:#3a3a3a;transform:scale(.95)}.character-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.character-modal-content{background:#1e1e1e;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;border:1px solid #3d3d3d}.character-modal-header{padding:16px 20px;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;align-items:center;gap:16px}.character-modal-header-content{display:flex;justify-content:space-between;align-items:center;flex:1;gap:16px}.character-modal-header h3{margin:0;font-size:18px;color:#e0e0e0;font-weight:600;flex-shrink:0}.character-modal-tabs{display:flex;gap:8px;flex-shrink:0}.character-modal-tab-button{padding:6px 12px;font-size:12px;font-weight:500;color:#999;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:4px;cursor:pointer;transition:all .2s}.character-modal-tab-button:hover{background:#333;color:#e0e0e0;border-color:#4a9eff}.character-modal-tab-button.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.character-modal-tab-button.active:hover{background:#3a8eef;border-color:#3a8eef}.character-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.character-modal-close:hover{background:#333;color:#e0e0e0}.character-modal-body{padding:20px;overflow-y:auto;flex:1}.character-modal-empty{text-align:center;padding:60px 20px;color:#999}.character-modal-empty p{margin:8px 0;font-size:16px}.character-modal-empty .empty-hint{font-size:14px;color:#666}.character-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.character-modal-card{background:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.character-modal-card:hover{background:#333;border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.character-modal-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #3d3d3d}.character-modal-name{font-size:14px;font-weight:600;color:#e0e0e0;word-break:break-word;width:100%}.character-modal-prompt{font-size:12px;color:#999;font-family:Courier New,monospace;background:#1e1e1e;padding:4px 8px;border-radius:4px;border:1px solid #3d3d3d;width:100%}.reference-image-container{position:relative;min-width:120px;height:80px;display:flex;align-items:center;justify-content:center}.reference-image-button{width:100%;height:100%;padding:12px 20px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.reference-image-button:hover:not(:disabled){background:#333;border-color:#4d4d4d}.reference-image-button:disabled{opacity:.5;cursor:not-allowed}.reference-image-preview{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;border:1px solid #3d3d3d;cursor:pointer}.reference-image-preview img{width:100%;height:100%;object-fit:cover}.reference-image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.reference-image-remove:hover{background:#ff4d4fe6}.prompt-input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;resize:none;min-height:120px;max-height:700px;overflow-y:auto;transition:border-color .2s;line-height:1.5;box-sizing:border-box}.prompt-input:focus{outline:none;border-color:#ff6b35}.prompt-input::placeholder{color:#666}.image-preview-section{margin-bottom:16px}.image-preview-list-compact{display:flex;gap:12px;flex-wrap:wrap}.image-preview-item-compact{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #3d3d3d}.image-preview-item-compact img{width:100%;height:100%;object-fit:cover}.image-preview-item-compact button{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;color:#fff;border-radius:50%;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-actions-section{display:flex;gap:12px;margin-bottom:16px}.generate-button-main{padding:12px 24px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.generate-button-main:hover:not(:disabled){background:#73d13d}.generate-button-main:disabled{background:#3d3d3d;cursor:not-allowed;opacity:.6}.progress-section-compact{margin-bottom:12px}.progress-bar-compact{width:100%;height:6px;background:#3d3d3d;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill-compact{height:100%;background:#ff6b35;transition:width .3s}.progress-text{font-size:12px;color:#999;text-align:center}.logs-section-compact{max-height:120px;overflow-y:auto}.logs-container-compact{display:flex;flex-direction:column;gap:4px}.log-entry-compact{padding:6px 10px;border-radius:4px;font-size:12px}.log-entry-compact.log-info{background:#1890ff1a;color:#40a9ff}.log-entry-compact.log-success{background:#52c41a1a;color:#73d13d}.log-entry-compact.log-error{background:#ff4d4f1a;color:#ff7875}.log-entry-compact.log-warning{background:#faad141a;color:#ffc53d}.log-message-compact{font-size:12px}.log-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.log-modal-content{background:#1e1e1e;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;border:1px solid #3d3d3d;box-shadow:0 4px 20px #00000080}.log-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3d3d3d}.log-modal-header h3{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.log-modal-close{width:32px;height:32px;background:transparent;border:none;color:#b0b0b0;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.log-modal-body{flex:1;overflow-y:auto;padding:20px}.log-empty{text-align:center;color:#666;padding:40px;font-size:14px}.log-modal-list{display:flex;flex-direction:column;gap:8px}.log-modal-entry{padding:12px;border-radius:6px;font-size:13px;display:flex;gap:12px;align-items:flex-start}.log-modal-entry.log-info{background:#1890ff1a;border-left:3px solid #40a9ff}.log-modal-entry.log-success{background:#52c41a1a;border-left:3px solid #73d13d}.log-modal-entry.log-error{background:#ff4d4f1a;border-left:3px solid #ff7875}.log-modal-entry.log-warning{background:#faad141a;border-left:3px solid #ffc53d}.log-modal-time{color:#999;font-size:12px;white-space:nowrap;min-width:80px}.log-modal-message{color:#e0e0e0;flex:1;word-break:break-word}.video-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.video-list-header h2{color:#e0e0e0;font-size:20px;margin:0}.view-detail-button{width:100%;padding:8px 12px;margin:4px 0 0;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:0 0 6px 6px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.view-detail-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.view-detail-button:active{transform:scale(.98)}.video-action-buttons{display:flex;flex-direction:column;gap:4px;margin-top:4px}.create-character-from-task-button{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.create-character-from-task-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.create-character-from-task-button:active{transform:scale(.98)}.create-character-from-task-button:disabled{opacity:.7;cursor:not-allowed}.create-character-from-task-button.creating{background:#3a3a3a;border-color:#ff6b35;color:#ff6b35;animation:pulse 1.5s ease-in-out infinite}.create-character-from-task-button.success{background:#1e3a1e;border-color:#28a745;color:#28a745}.create-character-from-task-button.success:hover{background:#2a4a2a;border-color:#34ce57;color:#34ce57}.create-character-from-task-button.error{background:#3a1e1e;border-color:#dc3545;color:#dc3545}.create-character-from-task-button.error:hover{background:#4a2a2a;border-color:#e55a6b;color:#e55a6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.create-character-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.create-character-modal-content{background:#1e1e1e;border-radius:8px;width:90%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;color:#e0e0e0}.create-character-modal-header{padding:16px 20px;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center}.create-character-modal-header h3{margin:0;font-size:18px;color:#e0e0e0}.create-character-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.create-character-modal-close:hover{background:#2a2a2a}.create-character-modal-body{padding:20px}.create-character-info{background:#2a2a2a;border-radius:6px;padding:12px;margin-bottom:20px}.create-character-info p{margin:4px 0;font-size:14px;color:#b0b0b0}.create-character-info strong{color:#e0e0e0}.create-character-form-section{margin-bottom:20px}.create-character-label{display:block;margin-bottom:12px;font-size:14px;color:#e0e0e0;font-weight:500}.create-character-timestamp-inputs{display:flex;align-items:center;gap:12px;margin-bottom:8px}.create-character-timestamp-group{flex:1;display:flex;flex-direction:column;gap:6px}.create-character-timestamp-group label{font-size:12px;color:#999}.create-character-input{padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;transition:border-color .2s}.create-character-input:focus{outline:none;border-color:#ff6b35}.create-character-timestamp-separator{font-size:18px;color:#666;margin-top:20px}.create-character-hint{font-size:12px;color:#999;margin-top:8px}.create-character-modal-actions{display:flex;gap:12px;justify-content:flex-end}.create-character-cancel-btn,.create-character-submit-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.create-character-cancel-btn{background:#2a2a2a;color:#e0e0e0;border:1px solid #3d3d3d}.create-character-cancel-btn:hover{background:#333}.create-character-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.create-character-submit-btn{background:#ff6b35;color:#fff}.create-character-submit-btn:hover{background:#e55a2b}.create-character-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#666}[data-theme=light] .generator-display-area{background:#f5f5f5;border:none}[data-theme=light] .video-placeholder-failed{background:#fff5f5;color:#ff4d4f}[data-theme=light] .video-placeholder-failed .error-message{background:#ff4d4f1a}[data-theme=light] .video-placeholder-failed .error-text{color:#ff7875}[data-theme=light] .video-error-message{background:#ff4d4f1a;border-left-color:#ff4d4f;color:#ff7875}[data-theme=light] .progress-info span{color:#666}[data-theme=light] .progress-bar-inline{background:#e0e0e0}[data-theme=light] .generator-input-area{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a}[data-theme=light] .count-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .count-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .count-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .count-input:focus{border-color:#ff6b35;background:#fff}[data-theme=light] .count-button:active:not(:disabled){background:#e8e8e8}[data-theme=light] .add-character-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .add-character-button:hover{background:#f5f5f5;border-color:#4a90e2;color:#4a90e2}[data-theme=light] .template-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .template-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .prompt-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .prompt-input::placeholder{color:#999}[data-theme=light] .reference-image-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .reference-image-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .reference-image-preview{border:1px solid #d0d0d0}[data-theme=light] .view-detail-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .view-detail-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .create-character-from-task-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .create-character-from-task-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .remix-video-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .remix-video-button:hover{background:#f5f5f5;border-color:#9b59b6;color:#9b59b6}[data-theme=light] .delete-task-button{background:#ffffffe6;color:#f44}[data-theme=light] .delete-task-button:hover{background:#f443}[data-theme=light] .character-modal-content{background:#fff;border:1px solid #e0e0e0;color:#333}[data-theme=light] .character-modal-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .character-modal-header h3{color:#333}[data-theme=light] .character-modal-close{color:#666}[data-theme=light] .character-modal-close:hover{background:#f5f5f5;color:#333}[data-theme=light] .character-modal-empty{color:#666}[data-theme=light] .character-modal-card{background:#f5f5f5;border:1px solid #e0e0e0}[data-theme=light] .character-modal-card:hover{background:#e8e8e8;border-color:#4a90e2}[data-theme=light] .character-modal-name{color:#333}[data-theme=light] .character-modal-prompt{background:#fff;border:1px solid #d0d0d0;color:#666}[data-theme=light] .create-character-modal-content{background:#fff;color:#333}[data-theme=light] .create-character-modal-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .create-character-modal-header h3{color:#333}[data-theme=light] .create-character-modal-close:hover,[data-theme=light] .create-character-info{background:#f5f5f5}[data-theme=light] .create-character-info p{color:#666}[data-theme=light] .create-character-info strong{color:#333}[data-theme=light] .create-character-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .create-character-hint{color:#999}[data-theme=light] .create-character-cancel-btn{background:#f5f5f5;border:1px solid #d0d0d0;color:#333}[data-theme=light] .create-character-cancel-btn:hover{background:#e8e8e8}[data-theme=light] .remix-modal-content{background:#fff;color:#333}[data-theme=light] .remix-modal-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .remix-modal-header h3{color:#333}[data-theme=light] .remix-modal-close:hover,[data-theme=light] .remix-video-info{background:#f5f5f5}[data-theme=light] .remix-video-info p{color:#666}[data-theme=light] .remix-video-info strong,[data-theme=light] .remix-label{color:#333}[data-theme=light] .remix-prompt-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .remix-hint{color:#999}[data-theme=light] .remix-cancel-btn{background:#f5f5f5;border:1px solid #d0d0d0;color:#333}[data-theme=light] .remix-cancel-btn:hover{background:#e8e8e8}[data-theme=light] .log-modal-entry{background:#f9f9f9}[data-theme=light] .log-modal-entry.log-info{background:#1890ff14;border-left:3px solid #40a9ff}[data-theme=light] .log-modal-entry.log-success{background:#52c41a14;border-left:3px solid #73d13d}[data-theme=light] .log-modal-entry.log-error{background:#ff4d4f14;border-left:3px solid #ff7875}[data-theme=light] .log-modal-entry.log-warning{background:#faad1414;border-left:3px solid #ffc53d}[data-theme=light] .log-modal-time{color:#999}[data-theme=light] .log-modal-message{color:#333}.remix-video-button{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.remix-video-button:hover{background:#333;border-color:#9b59b6;color:#9b59b6}.remix-video-button:active{transform:scale(.98)}.remix-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.remix-modal-content{background:#1e1e1e;border-radius:8px;width:90%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;color:#e0e0e0}.remix-modal-header{padding:16px 20px;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center}.remix-modal-header h3{margin:0;font-size:18px;color:#e0e0e0}.remix-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.remix-modal-close:hover{background:#2a2a2a}.remix-modal-body{padding:20px}.remix-video-info{background:#2a2a2a;border-radius:6px;padding:12px;margin-bottom:20px}.remix-video-info p{margin:4px 0;font-size:14px;color:#b0b0b0}.remix-video-info strong{color:#e0e0e0}.remix-form-section{margin-bottom:20px}.remix-label{display:block;margin-bottom:12px;font-size:14px;color:#e0e0e0;font-weight:500}.remix-prompt-input{width:100%;padding:12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.remix-prompt-input:focus{outline:none;border-color:#9b59b6}.remix-prompt-input:disabled{opacity:.5;cursor:not-allowed}.remix-hint{font-size:12px;color:#999;margin-top:8px}.remix-modal-actions{display:flex;gap:12px;justify-content:flex-end}.remix-cancel-btn,.remix-submit-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.remix-cancel-btn{background:#2a2a2a;color:#e0e0e0;border:1px solid #3d3d3d}.remix-cancel-btn:hover{background:#333}.remix-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.remix-submit-btn{background:#9b59b6;color:#fff}.remix-submit-btn:hover{background:#8e44ad}.remix-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#666}.product-list{display:flex;flex-direction:column;height:calc(100vh - 120px);gap:0;position:relative}.product-display-area{flex:1;background:#1a1a1a;border-radius:0;padding:40px 40px 300px;overflow-y:auto;min-height:300px;transition:background-color .3s;border:none}.empty-video-state{text-align:center;color:#999;padding:60px 20px}.videos-display-table{width:100%;display:flex;flex-direction:column;gap:20px}.videos-table-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%}.video-display-item{background:#2a2a2a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:200px;border:1px solid #3d3d3d;position:relative}.video-display-item video{width:100%;display:block}.video-placeholder{padding:60px 20px;text-align:center;background:#2a2a2a;color:#999;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-progress-hint{font-size:12px;color:#666;margin-top:8px}.log-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.log-modal-content{background:#1e1e1e;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.log-modal-header{padding:20px 24px;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center}.log-modal-header h3{margin:0;color:#e0e0e0;font-size:18px}.log-modal-close{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.log-modal-close:hover{background:#2a2a2a;color:#e0e0e0}.log-modal-body{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(80vh - 80px)}.log-empty{text-align:center;color:#666;padding:40px}.log-entry-modal{padding:12px;margin-bottom:8px;border-radius:6px;font-size:14px;display:flex;gap:12px;align-items:flex-start}.log-entry-modal.log-info{background:#1890ff1a;color:#1890ff}.log-entry-modal.log-success{background:#52c41a1a;color:#52c41a}.log-entry-modal.log-error{background:#ff4d4f1a;color:#ff4d4f}.log-entry-modal.log-warning{background:#faad141a;color:#faad14}.log-time{color:#999;font-size:12px;white-space:nowrap;min-width:80px}.loading-spinner{width:40px;height:40px;border:3px solid #3d3d3d;border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.video-display-info{padding:12px;font-size:12px;color:#999}.video-title{font-size:14px;color:#e0e0e0;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-status{font-size:11px;color:#999;margin-bottom:6px;padding:2px 6px;background:#ffffff14;border-radius:3px;display:inline-block;white-space:nowrap;line-height:1.4}.product-list-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.product-list-header h2{color:#e0e0e0;font-size:20px;margin:0}.product-input-area{position:fixed;bottom:0;left:260px;right:0;background:#1e1e1e;border-top:1px solid #2d2d2d;padding:24px;z-index:100;box-shadow:0 -2px 10px #0000004d}.input-main-section{display:flex;gap:12px;margin-bottom:16px}.add-product-container{position:relative;min-width:120px;height:80px;display:flex;align-items:center;justify-content:center}.add-product-button{width:100%;height:100%;padding:12px;background:transparent;border:2px dashed #3d3d3d;border-radius:6px;color:#999;font-size:14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.add-product-button:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35;background:#ff6b350d}.add-product-button:disabled{opacity:.5;cursor:not-allowed}.add-product-button:before{content:"📷";font-size:24px;display:block}.add-product-preview{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;border:1px solid #3d3d3d;cursor:pointer}.add-product-preview img{width:100%;height:100%;object-fit:cover}.add-product-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-product-remove:hover{background:#ff4d4fe6}.product-title-input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;transition:border-color .2s}.product-title-input:focus{outline:none;border-color:#ff6b35}.product-title-input::placeholder{color:#666}.quick-add-button{padding:12px 24px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap}.quick-add-button:hover:not(:disabled){background:#73d13d}.quick-add-button:disabled{background:#3d3d3d;cursor:not-allowed;opacity:.6}.setting-select{padding:10px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;cursor:pointer;transition:all .2s}.setting-select:hover:not(:disabled){background:#333;border-color:#4d4d4d}.setting-select:focus{outline:none;border-color:#ff6b35}.setting-select:disabled{opacity:.6;cursor:not-allowed}.setting-select option{background:#2a2a2a;color:#e0e0e0}.product-list-header h2{font-size:24px;font-weight:600;color:#e0e0e0;margin:0}.product-table{margin-bottom:24px;max-height:calc(100vh - 300px);overflow-y:auto;position:relative}.product-table table{width:100%;border-collapse:collapse}.product-table thead{position:sticky;top:0;z-index:10;background:#1e1e1e}.product-table th{padding:12px;text-align:left;background:#2a2a2a;font-weight:500;color:#e0e0e0;border-bottom:1px solid #3d3d3d;position:sticky;top:0;z-index:10}.product-table td{padding:12px;border-bottom:1px solid #2d2d2d;color:#b0b0b0}.product-image{width:80px;height:80px;object-fit:cover;border-radius:4px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.status-pending{background:#fff7e6;color:#faad14}.status-badge.status-processing{background:#e6f7ff;color:#1890ff}.status-badge.status-completed{background:#f6ffed;color:#52c41a}.status-badge.status-failed{background:#fff2f0;color:#ff4d4f}.generate-button-small{padding:6px 12px;background:#52c41a;color:#fff;border-radius:4px;font-size:12px;transition:background .2s;border:none;cursor:pointer}.generate-button-small:hover{background:#73d13d}.detail-button-small{padding:6px 12px;background:#52c41a;color:#fff;border-radius:4px;font-size:12px;transition:background .2s;border:none;cursor:pointer}.detail-button-small:hover{background:#73d13d}.retry-button-small{padding:6px 12px;background:#ff9800;color:#fff;border-radius:4px;font-size:12px;transition:background .2s;border:none;cursor:pointer}.retry-button-small:hover{background:#fb8c00}.product-video{width:200px;max-height:150px;border-radius:4px}.empty-state{text-align:center;padding:40px;color:#666}.product-list-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #2d2d2d;margin-top:24px}.pagination{display:flex;align-items:center;gap:12px}.pagination button{padding:6px 12px;background:#2a2a2a;color:#e0e0e0;border:1px solid #3d3d3d;border-radius:4px;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#333;border-color:#4d4d4d}.pagination button:disabled{opacity:.5;cursor:not-allowed}.record-count{color:#999;font-size:14px}.clear-all-tasks-button{padding:8px 16px;background:#f44;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.clear-all-tasks-button:hover{background:#f66;transform:translateY(-1px)}.clear-all-tasks-button:active{transform:translateY(0)}.delete-task-button{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ff4444e6;color:#fff;border:none;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.8}.delete-task-button:hover{background:#f44;opacity:1;transform:scale(1.1)}.delete-task-button:active{transform:scale(.95)}[data-theme=light] .product-display-area{background:#f5f5f5;border:none}[data-theme=light] .empty-video-state{color:#666}[data-theme=light] .video-display-item{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}[data-theme=light] .video-display-item video{background:#fff;border:none}[data-theme=light] .video-placeholder{background:#f5f5f5;color:#666}[data-theme=light] .loading-spinner{border:3px solid #e0e0e0;border-top-color:#ff6b35}[data-theme=light] .video-display-info{color:#666}[data-theme=light] .video-title{color:#333}[data-theme=light] .video-status{color:#666;background:#0000000d}[data-theme=light] .product-list-header h2{color:#333}[data-theme=light] .product-input-area{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a}[data-theme=light] .add-product-button{border:2px dashed #d0d0d0;color:#666}[data-theme=light] .add-product-button:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35;background:#ff6b350d}[data-theme=light] .add-product-preview{border:1px solid #d0d0d0}[data-theme=light] .product-title-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .product-title-input::placeholder{color:#999}[data-theme=light] .setting-select{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .setting-select:hover:not(:disabled){background:#f5f5f5;border-color:#999}[data-theme=light] .setting-select option{background:#fff;color:#333}[data-theme=light] .product-table thead{background:#f5f5f5}[data-theme=light] .product-table th{background:#fff;color:#333;border-bottom:1px solid #e0e0e0}[data-theme=light] .product-table td{border-bottom:1px solid #e8e8e8;color:#666}[data-theme=light] .product-list-footer{border-top:1px solid #e0e0e0}[data-theme=light] .pagination button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#999}[data-theme=light] .record-count{color:#666}[data-theme=light] .log-modal-content{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 20px #0000001a}[data-theme=light] .log-modal-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .log-modal-header h3{color:#333}[data-theme=light] .log-modal-close{color:#666}[data-theme=light] .log-modal-close:hover{background:#f5f5f5;color:#333}[data-theme=light] .log-empty{color:#999}[data-theme=light] .log-entry-modal{background:#f9f9f9}[data-theme=light] .log-entry-modal.log-info{background:#1890ff14;color:#1890ff}[data-theme=light] .log-entry-modal.log-success{background:#52c41a14;color:#52c41a}[data-theme=light] .log-entry-modal.log-error{background:#ff4d4f14;color:#ff4d4f}[data-theme=light] .log-entry-modal.log-warning{background:#faad1414;color:#faad14}.prompt-generator{display:flex;flex-direction:column;height:calc(100vh - 120px);gap:0;position:relative}.prompt-display-area{flex:1;background:#1a1a1a;border-radius:0;padding:40px 40px 300px;overflow-y:auto;min-height:300px;transition:background-color .3s;border:none}.empty-prompt-state{text-align:center;color:#999;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title{font-size:18px;color:#b0b0b0;margin-bottom:8px}.empty-hint{font-size:14px;color:#666}.prompts-list{display:flex;flex-direction:column;gap:24px}.prompt-item{background:#2a2a2a;border-radius:8px;padding:24px;border:1px solid #3d3d3d}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #3d3d3d}.prompt-header h3{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.prompt-date{font-size:12px;color:#999}.prompt-images{display:flex;gap:20px;margin-bottom:20px}.prompt-image-item{flex:1;display:flex;flex-direction:column;gap:8px}.prompt-image-item label{font-size:12px;color:#999}.prompt-image-item img{width:100%;max-height:300px;object-fit:contain;background:#1a1a1a;border-radius:6px;border:1px solid #3d3d3d}.prompt-outputs{display:flex;flex-direction:column;gap:16px}.output-section{display:flex;flex-direction:column;gap:8px}.output-section label{font-size:14px;font-weight:500;color:#e0e0e0}.output-content{background:#1a1a1a;border:1px solid #3d3d3d;border-radius:6px;padding:16px;font-size:14px;color:#b0b0b0;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.prompt-input-area{position:fixed;bottom:0;left:260px;right:0;background:#1e1e1e;border-top:1px solid #2d2d2d;padding:24px;z-index:100;box-shadow:0 -2px 10px #0000004d}.input-main-section{display:flex;gap:12px;margin-bottom:16px;align-items:center}.image-upload-container{position:relative;min-width:120px;height:80px;display:flex;align-items:center;justify-content:center}.upload-image-button{width:100%;height:100%;padding:12px 20px;background:transparent;border:2px dashed #3d3d3d;border-radius:6px;color:#999;font-size:14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.upload-image-button:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35;background:#ff6b350d}.upload-image-button:disabled{opacity:.5;cursor:not-allowed}.upload-image-button:before{content:"📷";font-size:24px;display:block}.image-preview{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;border:1px solid #3d3d3d;cursor:pointer}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-button{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-image-button:hover{background:#ff4d4fe6}.title-input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;transition:border-color .2s}.title-input:focus{outline:none;border-color:#ff6b35}.title-input::placeholder{color:#666}.generate-button{padding:12px 24px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap}.generate-button:hover:not(:disabled){background:#73d13d}.generate-button:disabled{background:#3d3d3d;cursor:not-allowed;opacity:.6}.input-settings-section{margin-bottom:16px}.settings-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.setting-item{display:flex;flex-direction:column;gap:8px;min-width:120px}.setting-item label{font-size:12px;color:#999}.prompt-settings-button-compact{padding:10px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:14px;color:#e0e0e0;cursor:pointer;transition:all .2s;width:100%}.prompt-settings-button-compact:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.open-logs-button{position:fixed;bottom:200px;right:20px;padding:10px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s;z-index:200;box-shadow:0 2px 8px #0000004d}.open-logs-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.logs-display{position:fixed;bottom:200px;right:20px;width:400px;max-height:300px;background:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:200;display:flex;flex-direction:column;transition:all .3s}.logs-display.minimized{max-height:50px;overflow:hidden}.logs-header{padding:12px 16px;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;align-items:center}.logs-header h4{margin:0;font-size:14px;color:#e0e0e0}.logs-header-actions{display:flex;gap:8px;align-items:center}.logs-minimize-button,.logs-close-button{width:24px;height:24px;background:transparent;border:none;color:#999;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.logs-minimize-button:hover,.logs-close-button:hover{background:#2a2a2a;color:#e0e0e0}.logs-body{flex:1;overflow-y:auto;padding:12px;max-height:250px}.log-entry{padding:8px;margin-bottom:4px;border-radius:4px;font-size:12px;display:flex;gap:8px;align-items:flex-start}.log-entry.log-info{background:#1890ff1a;color:#1890ff}.log-entry.log-success{background:#52c41a1a;color:#52c41a}.log-entry.log-error{background:#ff4d4f1a;color:#ff4d4f}.log-entry.log-warning{background:#faad141a;color:#faad14}.log-time{color:#999;font-size:11px;white-space:nowrap;min-width:60px}[data-theme=light] .prompt-display-area{background:#f5f5f5;border:none}[data-theme=light] .empty-prompt-state{color:#666}[data-theme=light] .empty-title{color:#333}[data-theme=light] .empty-hint{color:#999}[data-theme=light] .prompt-item{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}[data-theme=light] .prompt-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .prompt-header h3{color:#333}[data-theme=light] .prompt-date,[data-theme=light] .prompt-image-item label{color:#666}[data-theme=light] .prompt-image-item img{background:#f5f5f5;border:1px solid #e0e0e0}[data-theme=light] .output-section label{color:#333}[data-theme=light] .output-content{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .prompt-input-area{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a}[data-theme=light] .upload-image-button{border:2px dashed #d0d0d0;color:#666}[data-theme=light] .upload-image-button:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35;background:#ff6b350d}[data-theme=light] .image-preview{border:1px solid #d0d0d0}[data-theme=light] .title-input{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .title-input::placeholder{color:#999}[data-theme=light] .setting-item label{color:#666}[data-theme=light] .prompt-settings-button-compact{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .prompt-settings-button-compact:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .open-logs-button{background:#fff;border:1px solid #d0d0d0;color:#333;box-shadow:0 2px 8px #0000001a}[data-theme=light] .open-logs-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .logs-display{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a}[data-theme=light] .logs-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .logs-header h4{color:#333}[data-theme=light] .logs-minimize-button,[data-theme=light] .logs-close-button{color:#666}[data-theme=light] .logs-minimize-button:hover,[data-theme=light] .logs-close-button:hover{background:#f5f5f5;color:#333}[data-theme=light] .log-entry{background:#f9f9f9}[data-theme=light] .log-entry.log-info{background:#1890ff14;color:#1890ff}[data-theme=light] .log-entry.log-success{background:#52c41a14;color:#52c41a}[data-theme=light] .log-entry.log-error{background:#ff4d4f14;color:#ff4d4f}[data-theme=light] .log-entry.log-warning{background:#faad1414;color:#faad14}[data-theme=light] .log-time{color:#999}[data-theme=light] .log-message{color:#333}.character-creator{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow-y:auto}.character-creator-content{max-width:1200px;width:100%;margin:0 auto}.character-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.character-form h2{margin:0 0 24px;font-size:24px;color:#333;font-weight:600}.form-section{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-input:focus{outline:none;border-color:#4a90e2}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-hint{margin-top:6px;font-size:12px;color:#999}.upload-area{position:relative}.upload-dropzone{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.upload-dropzone:hover{border-color:#4a90e2;background:#f0f7ff}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{color:#666}.upload-text p{margin:4px 0}.upload-hint{font-size:12px;color:#999}.video-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto}.video-preview{width:100%;border-radius:8px;background:#000;max-height:300px;object-fit:contain}.remove-video-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-video-btn:hover{background:#000c}.timestamp-inputs{display:flex;align-items:center;gap:12px}.timestamp-group{flex:1;display:flex;flex-direction:column;gap:6px}.timestamp-group label{font-size:12px;color:#666}.timestamp-input{width:100%}.timestamp-separator{font-size:18px;color:#666;margin-top:24px}.create-character-btn{width:100%;padding:12px 24px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.create-character-btn:hover:not(:disabled){background:#357abd}.create-character-btn:disabled{background:#ccc;cursor:not-allowed}.character-result{margin-top:32px;padding:24px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.character-result h3{margin:0 0 20px;font-size:20px;color:#28a745}.character-info{display:flex;gap:24px}.character-avatar{flex-shrink:0;width:120px;height:120px;border-radius:8px;overflow:hidden;background:#fff;border:2px solid #e9ecef}.character-avatar img{width:100%;height:100%;object-fit:cover}.character-details{flex:1;display:flex;flex-direction:column;gap:16px}.character-detail-item{display:flex;flex-direction:column;gap:6px}.character-detail-item label{font-size:12px;color:#666;font-weight:500}.detail-value{display:flex;align-items:center;gap:8px}.detail-value span{flex:1;font-size:14px;color:#333;word-break:break-all}.prompt-usage{font-family:Courier New,monospace;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ddd}.copy-btn{padding:4px 8px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.copy-btn:hover{background:#e0e0e0}.character-link{color:#4a90e2;text-decoration:none;word-break:break-all}.character-link:hover{text-decoration:underline}.top-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.character-library-btn{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;font-weight:500}.character-library-btn:hover{background:#218838}.log-section{margin-top:20px;text-align:center}.log-section-top{margin-bottom:20px;text-align:right}.log-toggle-btn{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.log-toggle-btn:hover{background:#5a6268}.log-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.log-modal-content{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.log-modal-header{padding:16px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.log-modal-header h3{margin:0;font-size:18px;color:#333}.log-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.log-modal-close:hover{background:#f0f0f0}.log-modal-body{padding:20px;overflow-y:auto;flex:1}.log-empty{text-align:center;color:#999;padding:40px}.log-list{display:flex;flex-direction:column;gap:8px}.log-item{padding:8px 12px;border-radius:4px;font-size:13px;display:flex;gap:12px}.log-time{color:#999;font-size:12px;flex-shrink:0;min-width:80px}.log-message{flex:1;word-break:break-word}.log-info{background:#e7f3ff;color:#06c}.log-success{background:#e7f5e7;color:#28a745}.log-error{background:#ffe7e7;color:#dc3545}.log-warning{background:#fff3cd;color:#856404}@media (max-width: 768px){.character-creator{padding:12px}.character-form{padding:16px}.character-info{flex-direction:column}.character-avatar{width:100%;max-width:200px;margin:0 auto}.timestamp-inputs{flex-direction:column;align-items:stretch}.timestamp-separator{margin-top:0;text-align:center}}.characters-list-section{margin-top:32px;padding:24px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.characters-list-section h3{margin:0 0 20px;font-size:20px;color:#333;font-weight:600}.characters-empty{text-align:center;color:#999;padding:40px;font-size:14px}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.character-card{background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .2s}.character-card:hover{box-shadow:0 2px 8px #0000001a}.character-card-header{position:relative;padding:12px;background:#f8f9fa;display:flex;justify-content:center;align-items:center}.character-card-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef}.character-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#dc3545cc;color:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.character-delete-btn:hover{background:#dc3545}.character-card-body{padding:12px}.character-card-name{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;word-break:break-word}.character-card-prompt{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;background:#f8f9fa;border-radius:4px}.prompt-usage-small{font-family:Courier New,monospace;font-size:12px;color:#333;flex:1}.copy-btn-small{padding:2px 6px;background:#e9ecef;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s;line-height:1}.copy-btn-small:hover{background:#dee2e6}.character-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.character-card-time{color:#999}.character-card-link{color:#4a90e2;text-decoration:none;transition:color .2s}.character-card-link:hover{color:#357abd;text-decoration:underline}.character-library-page{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.character-library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.character-library-page h2{margin:0;font-size:24px;color:#333;font-weight:600;flex-shrink:0}.character-library-tabs{display:flex;gap:8px;flex-shrink:0}.character-tab-button{padding:8px 16px;font-size:14px;font-weight:500;color:#666;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s}.character-tab-button:hover{background:#e9ecef;color:#333}.character-tab-button.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.character-tab-button.active:hover{background:#3a8eef;border-color:#3a8eef}.characters-empty-state{text-align:center;padding:60px 20px;color:#999}.characters-empty-state p{margin:8px 0;font-size:16px}.empty-hint{font-size:14px;color:#ccc}.characters-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.character-library-card{background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .2s}.character-library-card:hover{box-shadow:0 4px 12px #0000001a}.character-library-card-header{position:relative;padding:20px;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e9ecef}.character-library-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e9ecef}.character-library-delete-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#dc3545cc;color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.character-library-delete-btn:hover{background:#dc3545}.character-library-card-body{padding:20px}.character-library-name-section{margin-bottom:12px}.character-library-name-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.character-library-name{font-size:18px;font-weight:600;color:#333;text-align:center;word-break:break-word;flex:1;min-width:0}.edit-nickname-btn{padding:4px 12px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s;white-space:nowrap}.edit-nickname-btn:hover{background:#357abd}.character-nickname-edit{display:flex;flex-direction:column;gap:8px}.character-nickname-input{width:100%;padding:8px 12px;border:2px solid #4a90e2;border-radius:4px;font-size:16px;font-weight:600;color:#333;box-sizing:border-box;text-align:center}.character-nickname-input:focus{outline:none;border-color:#357abd}.character-nickname-actions{display:flex;justify-content:center;gap:8px}.save-nickname-btn,.cancel-nickname-btn{padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s;font-weight:600}.save-nickname-btn{background:#28a745;color:#fff}.save-nickname-btn:hover{background:#218838}.cancel-nickname-btn{background:#dc3545;color:#fff}.cancel-nickname-btn:hover{background:#c82333}.character-library-prompt{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e9ecef}.prompt-usage-library{font-family:Courier New,monospace;font-size:14px;color:#333;flex:1;text-align:center}.copy-btn-library{padding:4px 8px;background:#e9ecef;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s;line-height:1}.copy-btn-library:hover{background:#dee2e6}.character-library-details{display:flex;flex-direction:column;gap:12px}.character-library-detail-item{display:flex;flex-direction:column;gap:4px}.character-library-detail-item label{font-size:12px;color:#666;font-weight:500}.character-library-detail-item span{font-size:13px;color:#333;word-break:break-all}.detail-value-library{display:flex;align-items:center;gap:8px}.detail-value-library span{flex:1;font-size:13px;color:#333;word-break:break-all}.character-library-link{color:#4a90e2;text-decoration:none;font-size:13px;transition:color .2s}.character-library-link:hover{color:#357abd;text-decoration:underline}@media (max-width: 768px){.characters-grid,.characters-library-grid{grid-template-columns:1fr}.top-actions-bar{flex-direction:column;align-items:stretch}.character-library-btn,.log-toggle-btn{width:100%}.character-library-header{flex-direction:column;align-items:flex-start;gap:12px}.character-library-tabs{width:100%;justify-content:flex-start}.character-tab-button{flex:1}}.video-replicator-container{display:flex;gap:24px;height:100%;padding:24px;overflow:hidden;box-sizing:border-box}.replicator-left-panel{flex:0 0 40%;display:flex;flex-direction:column;min-width:0;max-width:500px}.replicator-right-panel{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.replicator-upload-section{display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden}.replicator-section-title{font-size:18px;font-weight:600;color:#e0e0e0;margin:0;transition:color .3s}[data-theme=light] .replicator-section-title{color:#333}.replicator-section-desc{font-size:14px;color:#999;margin:0;transition:color .3s}[data-theme=light] .replicator-section-desc{color:#666}.replicator-upload-area{flex:0 0 auto;border:2px dashed #3d3d3d;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;cursor:pointer;transition:all .3s;background:#1a1a1a;min-height:300px;max-height:450px}.replicator-upload-area:hover{border-color:#ff6b35;background:#222}[data-theme=light] .replicator-upload-area{background:#fff;border-color:#d0d0d0}[data-theme=light] .replicator-upload-area:hover{background:#f5f5f5;border-color:#ff6b35}.upload-icon{color:#666;transition:color .3s}.replicator-upload-area:hover .upload-icon{color:#ff6b35}.upload-text{font-size:16px;color:#e0e0e0;margin:0;transition:color .3s}[data-theme=light] .upload-text{color:#333}.upload-desc{font-size:14px;color:#999;margin:0;transition:color .3s}[data-theme=light] .upload-desc{color:#666}.video-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.video-preview{max-width:100%;max-height:calc(100% - 80px);border-radius:8px;background:#000}.remove-video-button{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.remove-video-button:hover{background:#ff6b35cc;transform:scale(1.1)}.replicate-video-button{padding:12px 24px;background:#ff6b35;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.replicate-video-button:hover:not(:disabled){background:#ff8555;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.replicate-video-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.image-preview{max-width:100%;max-height:calc(100% - 80px);border-radius:8px;object-fit:contain;background:#000}.remove-image-button{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.replicate-image-button{padding:12px 24px;background:#ff6b35;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.replicate-image-button:hover:not(:disabled){background:#ff8555;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.replicate-image-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.replicator-result-section{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;margin-bottom:60px}.replicator-result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.replicator-result-actions{display:flex;gap:8px}.replicator-action-button{padding:8px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.replicator-action-button:hover:not(:disabled){background:#333;border-color:#ff6b35;color:#ff6b35}.replicator-action-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .replicator-action-button{background:#fff;border-color:#d0d0d0;color:#333}[data-theme=light] .replicator-action-button:hover:not(:disabled){background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}.action-icon{font-size:16px}.replicator-result-content{flex:1;border:1px solid #3d3d3d;border-radius:8px;padding:24px;background:#1a1a1a;overflow-y:auto;min-height:0;transition:background-color .3s,border-color .3s}[data-theme=light] .replicator-result-content{background:#fff;border-color:#d0d0d0}.replicator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid #3d3d3d;border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.replicator-prompt-display{width:100%;height:100%}.replicator-prompt-display pre{margin:0;padding:0;font-family:inherit;font-size:14px;line-height:1.6;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;transition:color .3s}[data-theme=light] .replicator-prompt-display pre{color:#333}.replicator-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#666;font-size:14px;transition:color .3s}[data-theme=light] .replicator-empty-state{color:#999}.empty-icon{font-size:32px;opacity:.5}.replicator-history-section{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.replicator-history-content{flex:1;border:1px solid #3d3d3d;border-radius:8px;padding:16px;background:#1a1a1a;overflow-y:auto;min-height:0;transition:background-color .3s,border-color .3s}[data-theme=light] .replicator-history-content{background:#fff;border-color:#d0d0d0}.replicator-history-list{display:flex;flex-direction:column;gap:12px}.replicator-history-item{padding:16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;transition:all .2s}.replicator-history-item:hover{border-color:#ff6b35;background:#333}[data-theme=light] .replicator-history-item{background:#f5f5f5;border-color:#d0d0d0}[data-theme=light] .replicator-history-item:hover{background:#e8e8e8;border-color:#ff6b35}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.history-item-name{font-size:14px;font-weight:600;color:#e0e0e0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}[data-theme=light] .history-item-name{color:#333}.history-item-time{font-size:12px;color:#999;white-space:nowrap;transition:color .3s}[data-theme=light] .history-item-time{color:#666}.history-item-prompt{font-size:13px;color:#b0b0b0;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}[data-theme=light] .history-item-prompt{color:#666}.history-item-copy{padding:6px 12px;background:transparent;border:1px solid #3d3d3d;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:all .2s}.history-item-copy:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}[data-theme=light] .history-item-copy{border-color:#d0d0d0;color:#333}[data-theme=light] .history-item-copy:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.replicator-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.replicator-history-modal-content{background:#1e1e1e;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;transition:background-color .3s}[data-theme=light] .replicator-history-modal-content{background:#fff}.replicator-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3d3d3d;transition:border-color .3s}.replicator-history-modal-header-actions{display:flex;align-items:center;gap:12px}.replicator-history-modal-clear-all{padding:6px 16px;background:transparent;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s}.replicator-history-modal-clear-all:hover:not(:disabled){background:#ff6b35;border-color:#ff6b35;color:#fff}.replicator-history-modal-clear-all:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .replicator-history-modal-clear-all{border-color:#d0d0d0;color:#333}[data-theme=light] .replicator-history-modal-clear-all:hover:not(:disabled){background:#ff6b35;border-color:#ff6b35;color:#fff}[data-theme=light] .replicator-history-modal-header{border-bottom:1px solid #d0d0d0}.replicator-history-modal-header h3{font-size:20px;font-weight:600;color:#e0e0e0;margin:0;transition:color .3s}[data-theme=light] .replicator-history-modal-header h3{color:#333}.replicator-history-modal-close{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#999;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.replicator-history-modal-close:hover{background:#333;color:#fff}[data-theme=light] .replicator-history-modal-close:hover{background:#f5f5f5;color:#333}.replicator-history-modal-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.replicator-history-modal-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-size:14px;transition:color .3s}[data-theme=light] .replicator-history-modal-empty{color:#999}.replicator-history-modal-list{display:flex;flex-direction:column;gap:16px}.replicator-history-modal-item{padding:20px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;transition:all .2s}.replicator-history-modal-item:hover{border-color:#ff6b35;background:#333}[data-theme=light] .replicator-history-modal-item{background:#f5f5f5;border-color:#d0d0d0}[data-theme=light] .replicator-history-modal-item:hover{background:#e8e8e8;border-color:#ff6b35}.replicator-history-modal-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.replicator-history-modal-item-header-right{display:flex;align-items:center;gap:12px}.replicator-history-modal-item-name{font-size:14px;font-weight:600;color:#e0e0e0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}[data-theme=light] .replicator-history-modal-item-name{color:#333}.replicator-history-modal-item-time{font-size:12px;color:#999;white-space:nowrap;transition:color .3s}[data-theme=light] .replicator-history-modal-item-time{color:#666}.replicator-history-modal-item-prompt{margin-bottom:12px}.replicator-history-modal-item-prompt pre{margin:0;padding:12px;background:#1a1a1a;border:1px solid #3d3d3d;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;transition:background-color .3s,border-color .3s,color .3s}[data-theme=light] .replicator-history-modal-item-prompt pre{background:#fff;border-color:#d0d0d0;color:#333}.replicator-history-modal-item-copy{padding:8px 16px;background:transparent;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s}.replicator-history-modal-item-copy:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}[data-theme=light] .replicator-history-modal-item-copy{border-color:#d0d0d0;color:#333}[data-theme=light] .replicator-history-modal-item-copy:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.replicator-generate-video-button-container{position:absolute;bottom:16px;right:0;z-index:100;margin-top:16px}.replicator-generate-video-button{padding:6px 14px;background:#ff6b35;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #ff6b354d;transition:all .3s;display:flex;align-items:center;gap:4px;white-space:nowrap}.replicator-generate-video-button:hover{background:#ff8555;transform:translateY(-1px);box-shadow:0 3px 10px #ff6b3566}.replicator-generate-video-button:active{transform:translateY(0);box-shadow:0 2px 6px #ff6b354d}[data-theme=light] .replicator-generate-video-button{box-shadow:0 2px 8px #ff6b3533}[data-theme=light] .replicator-generate-video-button:hover{box-shadow:0 3px 10px #ff6b354d}.replicator-history-modal-item-delete{width:28px;height:28px;border-radius:4px;background:transparent;border:1px solid #3d3d3d;color:#999;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0}.replicator-history-modal-item-delete:hover{background:#f44;border-color:#f44;color:#fff}[data-theme=light] .replicator-history-modal-item-delete{border-color:#d0d0d0;color:#666}[data-theme=light] .replicator-history-modal-item-delete:hover{background:#f44;border-color:#f44;color:#fff}.image-generator-container{display:flex;flex-direction:column;width:100%;height:100%;padding:16px 24px;box-sizing:border-box;background:#1a1a1a;color:#e0e0e0;transition:background-color .3s,color .3s;overflow:hidden}[data-theme=light] .image-generator-container{background:#f0f2f5;color:#333}.image-generator-header{text-align:center;margin-bottom:12px;flex-shrink:0}.image-generator-title{font-size:20px;font-weight:700;color:#e0e0e0;margin:0 0 4px;transition:color .3s}.image-generator-subtitle{font-size:12px;color:#999;margin:0;transition:color .3s}[data-theme=light] .image-generator-title{color:#333}[data-theme=light] .image-generator-subtitle{color:#666}.image-generator-content{display:flex;gap:20px;flex:1;width:100%;min-height:0;overflow:hidden}.image-generator-left{flex:0 0 450px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.image-generator-left::-webkit-scrollbar{width:6px}.image-generator-left::-webkit-scrollbar-track{background:#1e1e1e;border-radius:3px}.image-generator-left::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:3px}.image-generator-left::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.image-generator-right{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.image-generator-section{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.image-generator-label{font-size:13px;font-weight:600;color:#e0e0e0;transition:color .3s}[data-theme=light] .image-generator-label{color:#333}.image-generator-select{padding:10px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:all .2s}.image-generator-select:hover{border-color:#ff6b35}.image-generator-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}[data-theme=light] .image-generator-select{background:#fff;border-color:#d0d0d0;color:#333}[data-theme=light] .image-generator-select:hover{border-color:#ff6b35}.image-upload-header{display:flex;justify-content:space-between;align-items:center}.image-count{font-size:12px;color:#999;padding:4px 8px;background:#2a2a2a;border-radius:4px;transition:all .3s}[data-theme=light] .image-count{background:#f5f5f5;color:#666}.image-upload-area{min-height:100px;border:2px dashed #3d3d3d;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .3s;background:#1e1e1e;overflow:visible}.image-upload-area:hover{border-color:#ff6b35;background:#252525}[data-theme=light] .image-upload-area{background:#fafafa;border-color:#d0d0d0}[data-theme=light] .image-upload-area:hover{border-color:#ff6b35;background:#f5f5f5}.upload-icon-large{color:#666;transition:color .3s;width:28px;height:28px}.upload-icon-large svg{width:28px;height:28px}[data-theme=light] .upload-icon-large{color:#999}.upload-text-large{font-size:12px;color:#b0b0b0;margin:0;transition:color .3s}[data-theme=light] .upload-text-large{color:#666}.upload-desc-small{font-size:10px;color:#666;margin:0;transition:color .3s}[data-theme=light] .upload-desc-small{color:#999}.select-file-button{padding:5px 14px;background:#ff6b35;border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.select-file-button:hover{background:#ff8555;transform:translateY(-1px)}.uploaded-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;align-items:start}.uploaded-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#2a2a2a;width:100%;min-height:0}.image-index-badge{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#ff6b35e6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;z-index:2;box-shadow:0 2px 4px #0000004d}.uploaded-image-item img{width:100%;height:100%;object-fit:cover;display:block}.remove-image-button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-image-button:hover{background:#ff6b35cc;transform:scale(1.1)}.upload-more-area{aspect-ratio:1;border:2px dashed #3d3d3d;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#1e1e1e;font-size:32px;color:#666;width:100%;min-height:0}.upload-more-area:hover{border-color:#ff6b35;color:#ff6b35;background:#252525}[data-theme=light] .upload-more-area{background:#fafafa;border-color:#d0d0d0;color:#999}[data-theme=light] .upload-more-area:hover{border-color:#ff6b35;color:#ff6b35;background:#f5f5f5}.ratio-buttons{display:flex;gap:8px;flex-wrap:wrap}.ratio-button{flex:1;min-width:45px;padding:8px 6px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#b0b0b0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.ratio-button:hover{border-color:#ff6b35;color:#ff6b35}.ratio-button.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.ratio-button.active:hover{background:#ff8555}[data-theme=light] .ratio-button{background:#fff;border-color:#d0d0d0;color:#666}[data-theme=light] .ratio-button:hover{border-color:#ff6b35;color:#ff6b35}[data-theme=light] .ratio-button.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.image-generator-textarea{padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:13px;font-family:inherit;resize:none;height:70px;transition:all .2s;overflow-y:auto}.image-generator-textarea::placeholder{color:#666}.image-generator-textarea:hover{border-color:#ff6b35}.image-generator-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}[data-theme=light] .image-generator-textarea{background:#fff;border-color:#d0d0d0;color:#333}[data-theme=light] .image-generator-textarea::placeholder{color:#999}[data-theme=light] .image-generator-textarea:hover{border-color:#ff6b35}.generate-image-button{padding:10px 18px;background:#ff6b35;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.generate-image-button:hover:not(:disabled){background:#ff8555;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.generate-image-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.example-image-title{font-size:18px;font-weight:600;color:#e0e0e0;margin:0 0 16px;transition:color .3s}[data-theme=light] .example-image-title{color:#333}.example-image-container{flex:1;border-radius:12px;overflow:hidden;background:#1e1e1e;border:1px solid #3d3d3d;min-height:0;transition:all .3s}[data-theme=light] .example-image-container{background:#fafafa;border-color:#d0d0d0}.example-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;transition:color .3s}[data-theme=light] .example-image-placeholder{color:#999}.generating-spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#4a9eff;font-size:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.generated-image-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;box-sizing:border-box}.generated-image{max-width:100%;max-height:calc(100% - 50px);object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.generated-image-actions{display:flex;gap:8px;margin-top:8px}.download-image-button{padding:8px 16px;background:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;text-decoration:none;font-size:14px;transition:background-color .2s;display:inline-block}.download-image-button:hover{background:#3a8eef}[data-theme=light] .download-image-button{background:#1890ff}[data-theme=light] .download-image-button:hover{background:#096dd9}.example-image-placeholder.error{flex-direction:column;gap:8px}.error-message{color:#ff4d4f;font-size:12px;text-align:center;padding:0 12px;word-break:break-word}[data-theme=light] .error-message{color:#ff4d4f}.image-generator-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.my-works-button{padding:8px 16px;background:#4a9eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s;white-space:nowrap}.my-works-button:hover{background:#3a8eef}[data-theme=light] .my-works-button{background:#1890ff}[data-theme=light] .my-works-button:hover{background:#096dd9}.my-works-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.my-works-modal-content{background:#1e1e1e;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;transition:background-color .3s}[data-theme=light] .my-works-modal-content{background:#fff}.my-works-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3d3d3d}[data-theme=light] .my-works-modal-header{border-bottom-color:#d0d0d0}.my-works-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#e0e0e0}[data-theme=light] .my-works-modal-header h2{color:#333}.my-works-modal-close{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.my-works-modal-close:hover{color:#e0e0e0}[data-theme=light] .my-works-modal-close:hover{color:#333}.my-works-list{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.my-works-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:16px}[data-theme=light] .my-works-empty{color:#999}.my-works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.my-works-item{background:#2a2a2a;border-radius:8px;overflow:hidden;border:1px solid #3d3d3d;transition:all .2s}[data-theme=light] .my-works-item{background:#fafafa;border-color:#d0d0d0}.my-works-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.my-works-item img{width:100%;height:200px;object-fit:cover;display:block}.my-works-item-image{cursor:pointer;transition:opacity .2s}.my-works-item-image:hover{opacity:.8}.my-works-item-info{padding:12px}.my-works-item-prompt{margin:0 0 8px;font-size:14px;color:#e0e0e0;line-height:1.4;word-break:break-word}[data-theme=light] .my-works-item-prompt{color:#333}.my-works-item-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px;color:#999}[data-theme=light] .my-works-item-meta{color:#666}.my-works-item-meta span{padding:2px 6px;background:#3d3d3d;border-radius:4px}[data-theme=light] .my-works-item-meta span{background:#e8e8e8}.my-works-item-actions{display:flex;gap:8px}.my-works-download-button,.my-works-delete-button{flex:1;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.my-works-download-button{background:#4a9eff;color:#fff;text-decoration:none;text-align:center;display:inline-block}.my-works-download-button:hover{background:#3a8eef}[data-theme=light] .my-works-download-button{background:#1890ff}[data-theme=light] .my-works-download-button:hover{background:#096dd9}.my-works-delete-button{background:#ff4d4f;color:#fff}.my-works-delete-button:hover{background:#ff7875}.image-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;box-sizing:border-box}.image-preview-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-preview-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;font-size:36px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:2001}.image-preview-modal-close:hover{color:#4a9eff}.image-preview-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.app{height:100vh;display:flex;background:#1a1a1a;color:#e0e0e0;overflow:hidden;transition:background-color .3s,color .3s}[data-theme=light] .app{background:#f0f2f5;color:#333}.app-sidebar{width:260px;background:#1e1e1e;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;overflow-y:auto;transition:background-color .3s,border-color .3s}[data-theme=light] .app-sidebar{background:#fff;border-right:1px solid #e0e0e0}[data-theme=light] .theme-toggle-button{background:#f5f5f5;border:1px solid #d0d0d0;color:#333}[data-theme=light] .theme-toggle-button:hover{background:#e8e8e8;border-color:#ff6b35;color:#ff6b35}.sidebar-header{padding:24px 20px;border-bottom:1px solid #2d2d2d;transition:border-color .3s}[data-theme=light] .sidebar-header{border-bottom:1px solid #e0e0e0}.logo{display:flex;align-items:center;gap:12px;margin-bottom:4px}.logo-img{height:32px;width:auto;object-fit:contain}.logo-text{font-size:20px;font-weight:600;color:#ff6b35;transition:color .3s}.subtitle{font-size:12px;color:#999;transition:color .3s}[data-theme=light] .subtitle{color:#666}.sidebar-nav{flex:1;padding:16px 0}.nav-item{width:100%;padding:12px 20px;background:transparent;color:#b0b0b0;font-size:14px;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:#2a2a2a;color:#e0e0e0}.nav-item.active{background:#2a2a2a;color:#ff6b35;border-left:3px solid #ff6b35}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-api-settings{padding:20px;border-top:1px solid #2d2d2d;background:#1a1a1a;transition:background-color .3s,border-color .3s}[data-theme=light] .sidebar-api-settings{background:#fff;border-top:1px solid #e0e0e0}.api-key-link-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #2d2d2d;transition:border-color .3s}[data-theme=light] .api-key-link-item{border-bottom:1px solid #e0e0e0}.api-key-button{display:block;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:#fff;background:#4a9eff;border:none;border-radius:6px;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s;box-sizing:border-box}.api-key-button:hover{background:#3a8eef;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff4d}.api-key-button:active{transform:translateY(0);box-shadow:0 1px 4px #4a9eff33}[data-theme=light] .api-key-button{background:#1890ff}[data-theme=light] .api-key-button:hover{background:#096dd9}.api-setting-item{margin-bottom:16px}.api-setting-item:last-child{margin-bottom:0}.api-setting-item label{display:block;font-size:12px;color:#999;margin-bottom:8px;transition:color .3s}[data-theme=light] .api-setting-item label{color:#666}.api-key-input-sidebar{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:12px;color:#e0e0e0;margin-bottom:8px;transition:border-color .2s,background-color .3s,color .3s}.api-key-input-sidebar:focus{outline:none;border-color:#ff6b35}.api-key-input-sidebar::placeholder{color:#666}[data-theme=light] .api-key-input-sidebar{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .api-key-input-sidebar::placeholder{color:#999}.save-api-key-button-sidebar{width:100%;padding:8px;background:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.save-api-key-button-sidebar:hover{background:#ff8555}.output-directory-selector{display:flex;flex-direction:column;gap:8px}.select-directory-button{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:12px;color:#e0e0e0;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:8px}.select-directory-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .select-directory-button{background:#fff;border:1px solid #d0d0d0;color:#333}[data-theme=light] .select-directory-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}.directory-name{font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .3s}[data-theme=light] .directory-name{color:#999}.sidebar-theme-toggle{padding:16px 20px;border-top:1px solid #2d2d2d;margin-top:auto}.theme-toggle-button{width:100%;padding:10px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;font-size:13px;color:#e0e0e0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.theme-toggle-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.main-header{padding:20px 32px;border-bottom:1px solid #2d2d2d;background:#1e1e1e;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s,border-color .3s}[data-theme=light] .main-header{background:#fff;border-bottom:1px solid #e0e0e0}.breadcrumb{font-size:14px;color:#999;transition:color .3s}[data-theme=light] .breadcrumb{color:#666}.header-actions{display:flex;align-items:center;gap:12px}.clear-all-tasks-button-header{padding:8px 16px;background:#f44;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.clear-all-tasks-button-header:hover{background:#f66;transform:translateY(-1px)}.clear-all-tasks-button-header:active{transform:translateY(0)}.download-all-button-header{padding:8px 16px;background:#4caf50;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.download-all-button-header:hover{background:#45a049;transform:translateY(-1px)}.download-all-button-header:active{transform:translateY(0)}.log-button-header{padding:8px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s}.log-button-header:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.video-enhancer-button-header{padding:8px 16px;background:#4caf50;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.video-enhancer-button-header:hover{background:#45a049;transform:translateY(-1px)}.video-enhancer-button-header:active{transform:translateY(0)}.replicator-type-buttons{display:flex;gap:8px;align-items:center}.replicator-type-button{padding:8px 16px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:6px;color:#b0b0b0;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.replicator-type-button:hover{background:#333;border-color:#ff6b35;color:#ff6b35}.replicator-type-button.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.replicator-type-button.active:hover{background:#e55a2b;border-color:#e55a2b}[data-theme=light] .replicator-type-button{background:#fff;border:1px solid #d0d0d0;color:#666}[data-theme=light] .replicator-type-button:hover{background:#f5f5f5;border-color:#ff6b35;color:#ff6b35}[data-theme=light] .replicator-type-button.active{background:#ff6b35;border-color:#ff6b35;color:#fff}[data-theme=light] .replicator-type-button.active:hover{background:#e55a2b;border-color:#e55a2b}.main-content{flex:1;padding:32px;overflow-y:auto}[data-theme=light] .nav-item{color:#666}[data-theme=light] .nav-item:hover{background:#f5f5f5;color:#333}[data-theme=light] .nav-item.active{background:#f5f5f5;color:#ff6b35;border-left:3px solid #ff6b35}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#e0e0e0;transition:background-color .3s,color .3s}[data-theme=light] body{background:#f5f5f5;color:#333}[data-theme=light] #root{background:#f5f5f5}#root{height:100vh;overflow:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}