.app-container{min-height:100vh;background-color:#f9fafb;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content{max-width:1280px;margin:0 auto;padding:1.5rem}.header{display:flex;align-items:center;gap:1rem;margin:1rem}.header-left{display:flex;align-items:center}.icon-container{padding:.75rem;background-color:#2563eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.icon-container .icon{width:2rem;height:2rem;color:#fff}.header-title h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.header-title p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.header-region{display:flex;align-self:center}.header-region p{color:#5b5b5b;font-size:x-small}[class*=region-]{gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.region-guangzhou:hover,.region-hongkong:hover{background-color:#f9fafb}.region-selected{background-color:#087ff7;color:#fff}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.refresh-button:hover:not(:disabled){background-color:#f9fafb}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{width:1rem;height:1rem}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{margin-bottom:1.5rem;padding:1rem;border-radius:0 .375rem .375rem 0;display:flex;align-items:center}.message-error{background-color:#fef2f2;border-left:4px solid #ef4444}.message-success{background-color:#f0fdf4;border-left:4px solid #22c55e}.message-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.message-error .message-icon{color:#ef4444}.message-success .message-icon{color:#22c55e}.message-text{font-weight:500}.message-error .message-text{color:#b91c1c}.message-success .message-text{color:#15803d}.upload-area{margin-bottom:2rem;background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.file-input{display:none}.upload-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:8rem;border:2px dashed;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer}.upload-label.uploading{border-color:#d1d5db;background-color:#f9fafb}.upload-label:not(.uploading){border-color:#93c5fd;background-color:#eff6ff}.upload-label:not(.uploading):hover{background-color:#dbeafe}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{width:2.5rem;height:2.5rem;color:#3b82f6;margin-bottom:.5rem}.upload-text{color:#374151;font-weight:500;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.file-list-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;margin:1rem}.file-list-header{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center}.file-list-title{font-weight:600;color:#374151;margin:0}.empty-state{padding:2.5rem;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center}.empty-icon{width:3rem;height:3rem;margin-bottom:.75rem;opacity:.2}.empty-text{margin:0;font-size:1rem}.file-table{width:100%;text-align:left;font-size:.875rem}.file-table th{padding:.75rem 1.5rem;font-weight:500;color:#6b7280;border-bottom:1px solid #f3f4f6}.file-table td{padding:1rem 1.5rem;border-bottom:1px solid #f9fafb;vertical-align:middle}.file-table tbody tr:hover{background-color:#f9fafb;transition:background-color .15s ease-in-out}.file-table tbody tr:last-child td{border-bottom:none}[class*=-icon]{width:1rem;height:1rem}.file-info{display:flex;align-items:center;font-weight:500;color:#111827}.file-info:hover{color:#3b82f6;cursor:pointer}.file-icon{width:1rem;height:1rem;color:#3b82f6;margin-right:.5rem;flex-shrink:0}.file-size,.file-status-complete{color:#4b5563;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.file-date{color:#4b5563}.file-actions{text-align:center}.download-button{color:#00a3d4;padding:.25rem;border-radius:.25rem;border:none;background:none;cursor:pointer;transition:all .15s ease-in-out}.download-button:hover{color:#0a6cbc;background-color:#fef2f2}.delete-button{color:#f87171;padding:.25rem;border-radius:.25rem;border:none;background:none;cursor:pointer;transition:all .15s ease-in-out}.delete-button:hover{color:#dc2626;background-color:#fef2f2}.action-button .action-icon{width:1rem;height:1rem}@media(max-width:768px){.main-content{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.header-left{width:100%}.refresh-button{width:100%;justify-content:center;margin-left:2rem}.upload-area{padding:1.5rem}.file-table{font-size:.8rem}.file-table th,.file-table td{padding:.75rem 1rem}.file-table th:nth-child(2),.file-table td:nth-child(2){display:none}}@media(max-width:480px){.header-title h1{font-size:1.25rem}.upload-area{padding:1rem}.file-list-header{padding:.75rem 1rem}.file-table th,.file-table td{padding:.5rem .75rem}.file-table th:nth-child(3),.file-table td:nth-child(3){display:none}}html,body,#root{margin:0;padding:0;overflow:hidden;height:100%}.container{height:100vh;max-height:100vh;background-color:#f9fafb;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.header{flex-shrink:0;margin-bottom:20px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.header-right{display:flex;align-items:center;flex-shrink:0}.back-button{background:none;border:1px solid #d1d5db;color:#3b82f6;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.header h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-area{display:flex;align-items:center;gap:12px}.logo-item{height:40px;width:auto;max-width:120px;object-fit:contain;opacity:.8;transition:opacity .2s ease}.logo-item:hover{opacity:1}.logo-item.logo-small{height:39px;max-width:85px}.logo-item.logo-large{height:48px;max-width:150px}.main{display:flex;gap:30px;flex:1;overflow:hidden;min-height:0}.video-area{width:40%;flex-shrink:0;display:flex;flex-direction:column;gap:20px;overflow:hidden}.video-section{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;flex-shrink:0}.video-player{width:100%;aspect-ratio:16/9}.video-element{width:100%;height:100%;object-fit:cover}.summary-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;flex-shrink:0}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.summary-header .section-title{margin:0;padding:0;border:none;background:none;font-size:1.1rem;font-weight:600;color:#374151}.toggle-button{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.toggle-button:hover{background:#2563eb}.summary-content{padding:20px}.summary-content.collapsed{max-height:80px;overflow:hidden;position:relative}.summary-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fff)}.summary-content.expanded{max-height:none}.summary-text{margin:0;line-height:1.6;color:#374151;font-size:.95rem}.chapters-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.chapters-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chapters-header .section-title{margin:0;padding:0;border:none;background:none;font-size:1.1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.chapters-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chapter-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;text-align:left}.chapter-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.chapter-timestamp{font-size:.75rem;color:#059669;font-weight:600;margin-bottom:6px;background:#ecfdf5;display:inline-block;padding:2px 8px;border-radius:12px}.chapter-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.3}.chapter-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.content-area{flex:1;min-width:300px;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.section-title{margin:0;font-size:1.1rem;font-weight:600;color:#374151;padding:0;border:none;background:none;display:flex;align-items:center;gap:8px}.section-title svg{color:#3b82f6;flex-shrink:0}.button-area{display:flex;align-items:center;gap:8px}.download-button{background:none;border:none;color:#3b82f6;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.download-button:hover{background:#eff6ff;color:#2563eb}.video-toggle-btn{background:none;border:none;color:#9ca3af;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.video-toggle-btn:hover{background:#f3f4f6}.video-toggle-btn.active{color:#3b82f6}.video-toggle-btn.active:hover{background:#eff6ff}.scripts-section{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;min-height:0}.scripts-container{flex:1;overflow-y:auto;padding:16px 0;min-height:0}.script-item{padding:12px 20px;cursor:pointer;border-left:3px solid transparent;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.script-item:hover{background-color:#f9fafb;border-left-color:#d1d5db}.script-item.active{background-color:#eff6ff;border-left-color:#3b82f6}.script-timestamp{font-size:.875rem;color:#6b7280;font-weight:500;display:inline-block;margin-bottom:4px}.script-text{margin:0;font-size:.95rem;line-height:1.5;color:#374151}.scripts-container::-webkit-scrollbar,.chapters-container::-webkit-scrollbar{width:6px}.scripts-container::-webkit-scrollbar-track,.chapters-container::-webkit-scrollbar-track{background:#f1f5f9}.scripts-container::-webkit-scrollbar-thumb,.chapters-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scripts-container::-webkit-scrollbar-thumb:hover,.chapters-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1400px){.video-area{width:35%}}@media(max-width:1200px){.video-area{width:40%}}@media(max-width:1100px){.video-area{width:30%}}@media(max-width:900px){.main{flex-direction:column}.video-area{width:100%;max-width:600px;margin:0 auto}.content-area{width:100%;min-width:unset}}@media(max-width:640px){.container{padding:12px}.header{flex-direction:column;gap:12px;align-items:flex-start}.header-left{gap:12px;width:100%}.header-right{align-self:flex-end}.back-button{padding:6px}.back-button svg{width:16px;height:16px}.logo-area{gap:8px}.logo-item{height:32px;max-width:80px}.logo-item.logo-small{height:24px;max-width:60px}.logo-item.logo-large{height:40px;max-width:100px}.main{gap:16px}.section-title{gap:6px}.section-title svg{width:14px;height:14px}.video-toggle-btn{padding:4px 6px}.video-toggle-btn svg{width:14px;height:14px}}.scripts-container{flex:1;overflow-y:auto;padding:16px;min-height:0;line-height:1.6;background-color:#fcfbf6}.script-sentence{border-left:2px #2563eb solid;border-radius:2px;color:#272727;padding:2px 10px;margin-bottom:12px;transition:all .2s ease}.script-sentence-hl{border-left:4px #faa700 solid;border-bottom:1px #faa700 solid;border-radius:2px;padding:6px 10px;margin:8px 12px 8px 0;background-color:#fff;transition:all .2s ease}.script-highLighted{background-color:#b8d1fa;border-radius:4px;padding:2px}.script-transparent{background-color:transparent;cursor:pointer;padding:0,0,0,1px;letter-spacing:1px}