.video-input[data-v-f6051f4f]{padding:20px;max-width:800px;margin:0 auto}.input-group[data-v-f6051f4f]{display:flex;gap:10px;margin-bottom:10px}.url-input[data-v-f6051f4f]{flex:1;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:4px;outline:none;transition:border-color .3s}.url-input[data-v-f6051f4f]:focus{border-color:#42b983}.url-input[data-v-f6051f4f]:disabled{background-color:#f5f5f5;cursor:not-allowed}.load-button[data-v-f6051f4f]{padding:12px 24px;font-size:16px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.load-button[data-v-f6051f4f]:hover:not(:disabled){background-color:#35a372}.load-button[data-v-f6051f4f]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-f6051f4f]{color:#f56565;font-size:14px;margin-top:8px;padding:12px;background-color:#fee;border-radius:4px;display:flex;align-items:center;gap:8px;border-left:3px solid #f56565}.error-icon[data-v-f6051f4f]{font-size:18px}.loading-indicator[data-v-f6051f4f]{display:flex;align-items:center;gap:10px;margin-top:10px;color:#666;font-size:14px}.spinner[data-v-f6051f4f]{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #42b983;border-radius:50%;animation:spin-f6051f4f 1s linear infinite}@keyframes spin-f6051f4f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-dialog-overlay[data-v-23702feb]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.error-dialog[data-v-23702feb]{background:#fff;border-radius:12px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0003;min-width:320px;max-width:500px}.error-icon[data-v-23702feb]{font-size:48px;line-height:1}.error-title[data-v-23702feb]{margin:0;color:#d32f2f;font-size:20px;font-weight:600;text-align:center}.error-message[data-v-23702feb]{margin:0;color:#333;font-size:16px;text-align:center;line-height:1.5;word-wrap:break-word}.error-close-button[data-v-23702feb]{margin-top:8px;padding:10px 24px;background-color:#d32f2f;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.error-close-button[data-v-23702feb]:hover{background-color:#b71c1c}.error-close-button[data-v-23702feb]:active{transform:scale(.98)}.video-player-container[data-v-ca838f76]{width:100%;position:relative;background-color:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.youtube-player[data-v-ca838f76]{width:100%;height:100%;position:relative}.youtube-player[data-v-ca838f76] iframe{width:100%;height:100%;border:none;display:block}.placeholder[data-v-ca838f76]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:18px}.loading[data-v-ca838f76]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.spinner[data-v-ca838f76]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-ca838f76 1s linear infinite}@keyframes spin-ca838f76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subtitle-item[data-v-1b827089]{padding:12px;border-radius:4px;transition:background-color .3s;border-left:3px solid transparent;cursor:pointer}.subtitle-item.highlighted[data-v-1b827089]{background-color:#e3f2fd;border-left-color:#2196f3;font-weight:500;box-shadow:0 2px 4px #2196f333}.subtitle-original[data-v-1b827089]{display:flex;gap:10px;margin-bottom:8px}.time[data-v-1b827089]{color:#666;font-size:12px;min-width:50px;font-family:monospace}.text[data-v-1b827089]{flex:1;color:#333;font-size:14px;line-height:1.5}.subtitle-translation[data-v-1b827089]{margin-left:60px;min-height:20px}.translating[data-v-1b827089]{color:#999;font-size:13px;font-style:italic}.translated[data-v-1b827089]{color:#42b983;font-size:14px;line-height:1.5}.failed[data-v-1b827089]{display:flex;align-items:center;gap:10px}.error-text[data-v-1b827089]{color:#f56565;font-size:13px}.retry-button[data-v-1b827089]{padding:4px 12px;font-size:12px;background-color:#f56565;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button[data-v-1b827089]:hover:not(:disabled){background-color:#e53e3e}.retry-button[data-v-1b827089]:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.placeholder[data-v-1b827089]{height:20px}.subtitle-list-wrapper[data-v-3b4ee17c]{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.subtitle-list[data-v-3b4ee17c]{height:100%;overflow-y:auto;padding:10px;flex:1}.empty-state[data-v-3b4ee17c],.loading-state[data-v-3b4ee17c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;font-size:16px;gap:12px}.loading-state[data-v-3b4ee17c]{color:#42b983}.spinner[data-v-3b4ee17c]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #42b983;border-radius:50%;animation:spin-3b4ee17c 1s linear infinite}@keyframes spin-3b4ee17c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subtitle-items[data-v-3b4ee17c]{display:flex;flex-direction:column;gap:8px}.jump-to-highlight[data-v-3b4ee17c]{position:absolute;top:10px;right:10px;z-index:100;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#2196f31a;color:#2196f3;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .2s,opacity .2s;opacity:.8;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jump-to-highlight[data-v-3b4ee17c]:hover{background-color:#2196f333;opacity:1;transform:scale(1.1)}.jump-to-highlight[data-v-3b4ee17c]:active{transform:scale(.95)}.jump-to-highlight svg[data-v-3b4ee17c]{width:16px;height:16px}.language-selector[data-v-abd56a0f]{display:flex;align-items:center;gap:8px}.language-selector label[data-v-abd56a0f]{font-weight:500;color:#333}.language-select[data-v-abd56a0f]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px}.language-select[data-v-abd56a0f]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.language-select[data-v-abd56a0f]:hover:not(:disabled){border-color:#999}.language-select[data-v-abd56a0f]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.voice-toggle[data-v-1eda877c]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:none;background-color:#e3f2fd;color:#1e88e5;cursor:pointer;padding:0;margin-left:8px;box-shadow:0 1px 3px #2196f340;transition:background-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.voice-toggle[data-v-1eda877c]:hover{background-color:#bbdefb;transform:translateY(-1px);box-shadow:0 2px 6px #2196f34d}.voice-toggle[data-v-1eda877c]:active{transform:translateY(0);box-shadow:0 1px 2px #2196f333}.voice-toggle--off[data-v-1eda877c]{background-color:#eceff1;color:#90a4ae;box-shadow:0 1px 3px #0000001f}.voice-toggle--off[data-v-1eda877c]:hover{background-color:#cfd8dc}.voice-toggle__icon[data-v-1eda877c]{width:18px;height:18px}.translate-button-container[data-v-4ca0d6f3]{padding:20px;text-align:center}.translate-controls[data-v-4ca0d6f3]{display:inline-flex;align-items:center}.voice-loading-overlay[data-v-4432f9dc]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.voice-loading-dialog[data-v-4432f9dc]{background:#fff;border-radius:12px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0003;min-width:280px}.voice-loading-spinner[data-v-4432f9dc]{width:48px;height:48px;border:4px solid #e3f2fd;border-top:4px solid #2196f3;border-radius:50%;animation:spin-4432f9dc 1s linear infinite}@keyframes spin-4432f9dc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-loading-text[data-v-4432f9dc]{margin:0;color:#333;font-size:16px;font-weight:500;text-align:center}.voice-loading-progress[data-v-4432f9dc]{margin:0;color:#666;font-size:14px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;background-color:#f5f5f5}.container{max-width:1400px;margin:0 auto;padding:20px;position:relative}.change-video-button{position:absolute;top:20px;left:20px;width:32px;height:32px;border:none;border-radius:6px;background-color:#42b983;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f;transition:background-color .2s,transform .15s,box-shadow .2s;z-index:100}.change-video-button:hover{background-color:#35a372;transform:scale(1.08);box-shadow:0 2px 6px #00000026}.change-video-button:active{transform:scale(.96);box-shadow:0 1px 2px #0000001a}.header{text-align:center;margin-bottom:30px}.header h1{font-size:32px;color:#42b983;margin-bottom:8px}.subtitle{color:#666;font-size:16px}.input-section{max-width:800px;margin:0 auto}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.video-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.subtitle-section{background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:600px;overflow:hidden}.subtitle-section>:first-child{flex:1;min-height:0;overflow:hidden}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.subtitle-section{height:400px}}@media (max-width: 768px){.container{padding:10px}.header h1{font-size:24px}.subtitle{font-size:14px}}