:root{--bg-primary: #f5f6f8;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--bg-card: #ffffff;--bg-hover: #f0f2f5;--border: #e2e5ea;--border-light: #d0d5dd;--text-primary: #1a1a2e;--text-secondary: #5a6474;--text-muted: #8a94a6;--accent: #e85d04;--accent-hover: #f77f00;--accent-subtle: rgba(232, 93, 4, .1);--success: #27ae60;--warning: #f39c12;--error: #e74c3c;--gradient-film: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.page{min-height:100vh;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:48px;height:48px;background:var(--gradient-film);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);box-shadow:0 4px 20px #e85d0433}.logo-icon svg{width:24px;height:24px;fill:var(--accent)}.logo-text{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-tabs{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;border:1px solid var(--border)}.nav-tab{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border:none;background:transparent}.nav-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 15px #e85d0466}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;display:flex;align-items:center;gap:1rem}.section-title:before{content:"";width:4px;height:2rem;background:var(--accent);border-radius:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:fadeIn .5s ease forwards}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:var(--gradient-film);opacity:.5;z-index:0}.project-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:var(--shadow-hover),0 0 40px #e85d041a}.project-cover{height:200px;position:relative;overflow:hidden;z-index:1}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-cover img{transform:scale(1.08)}.project-cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:flex-end}.clip-count{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent);background:var(--accent-subtle);padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(232,93,4,.3)}.project-duration{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.project-info{padding:1.5rem;position:relative;z-index:1}.project-name{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.project-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.project-date{font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.project-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.action-btn.delete:hover{border-color:var(--error);color:var(--error);background:#e74c3c26}.action-btn svg{width:16px;height:16px}.create-project-card{background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;cursor:pointer;transition:all .3s ease}.create-project-card:hover{border-color:var(--accent);background:var(--accent-subtle)}.create-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease}.create-project-card:hover .create-icon{background:var(--accent);transform:rotate(90deg)}.create-icon svg{width:28px;height:28px;stroke:var(--text-secondary);transition:stroke .3s ease}.create-project-card:hover .create-icon svg{stroke:#fff}.create-text{font-size:1rem;color:var(--text-secondary);transition:color .3s ease}.create-project-card:hover .create-text{color:var(--accent)}.back-btn{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;margin-bottom:2rem;transition:color .3s ease;font-size:.9rem;background:none;border:none}.back-btn:hover{color:var(--accent)}.back-btn svg{width:20px;height:20px}.project-header{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:3rem}.project-main-info{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border);position:relative;overflow:hidden}.project-main-info:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#f77f00,var(--accent))}.project-title-large{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.project-desc-large{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.project-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-value{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:600;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.project-actions-panel{background:var(--bg-card);border-radius:20px;padding:1.5rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.action-btn-large{padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.action-btn-large svg{width:20px;height:20px}.action-btn-large.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn-large.primary:hover{background:var(--accent-hover);box-shadow:0 8px 30px #e85d0466}.action-btn-large:hover{border-color:var(--accent);background:var(--accent-subtle)}.merged-video-section{background:var(--bg-card);border-radius:20px;border:1px solid var(--border);padding:2rem;margin-bottom:2rem}.merged-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.merged-video-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.merged-video-title svg{width:24px;height:24px;color:var(--accent)}.merged-video-content{position:relative;border-radius:16px;overflow:hidden;background:var(--bg-tertiary);border:2px dashed var(--border-light)}.merged-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.merged-video-placeholder-icon{width:80px;height:80px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:2px dashed var(--border-light)}.merged-video-placeholder-icon svg{width:36px;height:36px;color:var(--text-muted)}.merged-video-placeholder-title{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}.merged-video-placeholder-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.clip-section{margin-bottom:3rem}.clip-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.clip-section-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.clip-count-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .6rem;background:var(--accent-subtle);color:var(--accent);border-radius:6px;border:1px solid rgba(232,93,4,.3)}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.clip-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:fadeIn .5s ease forwards}.clip-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow-hover),0 0 30px #e85d0414}.clip-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle),0 16px 50px #0006}.clip-thumbnail{height:160px;position:relative;overflow:hidden}.clip-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.clip-card:hover .clip-thumbnail img{transform:scale(1.1)}.clip-number{position:absolute;top:.75rem;left:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;padding:.3rem .6rem;background:#000c;color:var(--accent);border-radius:6px;border:1px solid var(--accent)}.clip-duration{position:absolute;bottom:.75rem;right:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .5rem;background:#000c;color:var(--text-primary);border-radius:4px}.clip-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#e85d04e6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.clip-card:hover .clip-play-overlay{opacity:1}.clip-play-overlay svg{width:24px;height:24px;fill:#fff;margin-left:3px}.clip-info{padding:1.25rem}.clip-subtitle{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.clip-meta span{display:flex;align-items:center;gap:.3rem}.clip-meta svg{width:12px;height:12px}.clip-checkbox{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border-radius:6px;border:2px solid var(--border);background:#0009;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.clip-card.selected .clip-checkbox{background:var(--accent);border-color:var(--accent)}.clip-checkbox svg{width:14px;height:14px;stroke:#fff;opacity:0;transition:opacity .3s ease}.clip-card.selected .clip-checkbox svg,.clip-checkbox.selected svg{opacity:1}.clip-checkbox.selected{background:var(--accent);border-color:var(--accent)}.merge-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--accent);border-radius:16px;padding:1rem 2rem;display:none;align-items:center;gap:2rem;box-shadow:0 20px 60px #0009,0 0 40px #e85d0433;z-index:100}.merge-bar.visible{display:flex}.merge-info{display:flex;align-items:center;gap:1rem}.merge-count{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;color:var(--accent)}.merge-label{font-size:.9rem;color:var(--text-secondary)}.merge-btn{padding:.75rem 2rem;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.merge-btn:hover{background:var(--accent-hover);transform:scale(1.02);box-shadow:0 8px 30px #e85d0466}.merge-btn svg{width:20px;height:20px}.cancel-merge{color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:color .3s ease;background:none;border:none}.cancel-merge:hover{color:var(--error)}.task-list{display:flex;flex-direction:column;gap:1rem}.task-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);padding:1.5rem;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;transition:all .3s ease}.task-card:hover{border-color:var(--border-light);background:var(--bg-hover)}.task-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.task-meta{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-muted)}.task-meta span{display:flex;align-items:center;gap:.4rem}.task-status{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.task-status.pending{background:#f39c1226;color:var(--warning);border:1px solid rgba(243,156,18,.3)}.task-status.processing{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.task-status.success{background:#2ecc7126;color:var(--success);border:1px solid rgba(46,204,113,.3)}.task-status.failed{background:#e74c3c26;color:var(--error);border:1px solid rgba(231,76,60,.3)}.task-status svg{width:16px;height:16px}.task-progress{width:200px}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#f77f00);border-radius:4px;transition:width .5s ease}.progress-text{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);text-align:right}.task-actions{display:flex;gap:.5rem}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:none;align-items:center;justify-content:center;z-index:1000}.video-modal.visible{display:flex}.video-container{width:90%;max-width:1200px;position:relative}.video-close{position:absolute;top:-3rem;right:0;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;transition:color .3s ease;background:none;border:none}.video-close:hover{color:var(--accent)}.video-player{width:100%;aspect-ratio:16/9;background:var(--bg-secondary);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.video-player video{width:100%;height:100%;border-radius:16px;object-fit:contain}.play-icon-large{width:80px;height:80px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-icon-large:hover{transform:scale(1.1);box-shadow:0 0 40px #e85d0480}.play-icon-large svg{width:36px;height:36px;fill:#fff;margin-left:5px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;opacity:.5}.empty-title{font-size:1.25rem;color:var(--text-secondary);margin-bottom:.5rem}.clip-detail-page{max-width:1200px;margin:0 auto}.clip-detail-header{display:flex;gap:2rem;margin-bottom:2rem}.clip-detail-image{flex:0 0 50%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--border)}.clip-detail-image img{width:100%;height:100%;object-fit:cover}.clip-detail-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center}.clip-number-large{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:8px}.clip-duration-large{font-family:JetBrains Mono,monospace;font-size:1.25rem;color:var(--text-primary)}.clip-play-btn-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#e85d04e6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:none}.clip-play-btn-large:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 40px #e85d0480}.clip-play-btn-large svg{width:36px;height:36px;fill:#fff;margin-left:5px}.clip-detail-info{flex:1;display:flex;flex-direction:column}.clip-detail-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.clip-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.clip-meta-item{background:var(--bg-card);padding:1rem;border-radius:12px;border:1px solid var(--border)}.clip-meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.clip-meta-value{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-primary)}.clip-detail-actions{margin-top:auto;display:flex;gap:1rem}.clip-detail-section{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border);margin-bottom:1.5rem}.clip-detail-section-title{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.clip-detail-section-title svg{width:20px;height:20px;color:var(--accent)}.prompt-box{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;border:1px solid var(--border);position:relative}.prompt-label{position:absolute;top:-.75rem;left:1rem;background:var(--bg-tertiary);padding:0 .5rem;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.prompt-content{font-size:.95rem;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.subtitle-display{font-size:1.1rem;color:var(--text-primary);line-height:1.8;background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.voiceover-display{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.voiceover-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voiceover-icon svg{width:24px;height:24px;color:var(--accent)}.voiceover-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.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{background:var(--card-bg);border-radius:16px;padding:24px;min-width:400px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-secondary);transition:border-color .2s}.input:focus{outline:none;border-color:var(--accent)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.loading{display:flex;align-items:center;justify-content:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.project-header{grid-template-columns:1fr}.header{flex-direction:column;gap:1rem}.nav-tabs{width:100%;overflow-x:auto}.clip-detail-header{flex-direction:column}.clip-detail-image{flex:none;width:100%}}@media (max-width: 768px){.project-grid,.clip-grid{grid-template-columns:1fr}.task-card{grid-template-columns:1fr;gap:1rem}.page{padding:1rem}}