@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Sans:wght@400;500;700&family=Noto+Serif:wght@400;700&family=Nanum+Gothic:wght@400;700;800&family=Nanum+Gothic+Coding&family=Nanum+Myeongjo:wght@400;700&family=Gowun+Dodum&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&family=Lexend:wght@400;500;600&family=Montserrat+Alternates:wght@400;500;600&family=Sarabun:wght@400;500;600&family=Josefin+Sans:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Vietnamese:wght@400;500;600&display=swap);:root{--md-primary:#5d5fef;--md-on-primary:#fff;--md-primary-container:#e4e3ff;--md-on-primary-container:#0a00a5;--md-secondary:#2979ff;--md-on-secondary:#fff;--md-secondary-container:#e0ecff;--md-on-secondary-container:#004ba0;--md-tertiary:#f50057;--md-on-tertiary:#fff;--md-tertiary-container:#ffd9e3;--md-on-tertiary-container:#c51162;--md-error:#b3261e;--md-on-error:#fff;--md-error-container:#f9dedc;--md-on-error-container:#410e0b;--md-surface:#fef7ff;--md-on-surface:#1c1b1f;--md-surface-variant:#e7e0ec;--md-on-surface-variant:#49454e;--md-outline:#79747e;--md-outline-variant:#cac4d0;--md-surface-1:#f4eeff;--md-surface-2:#f3ecfa;--md-surface-3:#efe8f6;--md-surface-4:#ebe4f2;--md-surface-5:#e8e0ee;--md-state-hover-opacity:0.08;--md-state-focus-opacity:0.12;--md-state-pressed-opacity:0.12;--md-state-dragged-opacity:0.16;--md-shape-small:12px;--md-shape-medium:32px;--md-shape-large:24px;--md-shape-extra-large:32px;--md-shape-pill:9999px;--md-elevation-level1:0 2px 6px #0003,0 1px 4px #0000001a;--md-elevation-level2:0 4px 10px #0003,0 2px 8px #0000001a;--md-elevation-level3:0 8px 16px #0003,0 4px 12px #0000001a;--md-elevation-level4:0 12px 24px #0003,0 6px 16px #0000001a;--md-elevation-level5:0 16px 32px #0003,0 8px 24px #0000001a;--md-display-large-size:57px;--md-display-large-height:64px;--md-display-large-weight:400;--md-display-medium-size:45px;--md-display-medium-height:52px;--md-display-medium-weight:400;--md-display-small-size:36px;--md-display-small-height:44px;--md-display-small-weight:400;--md-headline-large-size:32px;--md-headline-large-height:40px;--md-headline-large-weight:400;--md-headline-medium-size:28px;--md-headline-medium-height:36px;--md-headline-medium-weight:400;--md-headline-small-size:24px;--md-headline-small-height:32px;--md-headline-small-weight:400;--md-title-large-size:22px;--md-title-large-height:28px;--md-title-large-weight:500;--md-title-medium-size:16px;--md-title-medium-height:24px;--md-title-medium-weight:500;--md-title-small-size:14px;--md-title-small-height:20px;--md-title-small-weight:500;--md-body-large-size:16px;--md-body-large-height:24px;--md-body-large-weight:400;--md-body-medium-size:14px;--md-body-medium-height:20px;--md-body-medium-weight:400;--md-body-small-size:12px;--md-body-small-height:16px;--md-body-small-weight:400;--md-label-large-size:14px;--md-label-large-height:20px;--md-label-large-weight:500;--md-label-medium-size:12px;--md-label-medium-height:16px;--md-label-medium-weight:500;--md-label-small-size:11px;--md-label-small-height:16px;--md-label-small-weight:500;--md-easing-standard:cubic-bezier(0.2,0.0,0,1.0);--md-easing-emphasized:cubic-bezier(0.2,0.0,0,1.0);--md-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1.0);--md-easing-emphasized-accelerate:cubic-bezier(0.3,0.0,0.8,0.15);--md-duration-short1:50ms;--md-duration-short2:100ms;--md-duration-short3:150ms;--md-duration-short4:200ms;--md-duration-medium1:250ms;--md-duration-medium2:300ms;--md-duration-medium3:350ms;--md-duration-medium4:400ms;--md-duration-long1:450ms;--md-duration-long2:500ms;--md-duration-long3:550ms;--md-duration-long4:600ms;--md-duration-extra-long1:700ms;--md-duration-extra-long2:800ms;--md-duration-extra-long3:900ms;--md-duration-extra-long4:1000ms}[data-theme=dark]{--md-primary:#b4b5ff;--md-on-primary:#0a00a5;--md-primary-container:#4243d4;--md-on-primary-container:#e4e3ff;--md-secondary:#82b1ff;--md-on-secondary:#004ba0;--md-secondary-container:#0d5db3;--md-on-secondary-container:#e0ecff;--md-tertiary:#ff80ab;--md-on-tertiary:#c51162;--md-tertiary-container:#d81b60;--md-on-tertiary-container:#ffd9e3;--md-error:#f2b8b5;--md-on-error:#601410;--md-error-container:#8c1d18;--md-on-error-container:#f9dedc;--md-surface:#1c1b1f;--md-on-surface:#e6e1e5;--md-surface-variant:#49454f;--md-on-surface-variant:#cac4d0;--md-outline:#938f99;--md-outline-variant:#49454f;--md-surface-1:#1c1b1f;--md-surface-2:#211f26;--md-surface-3:#282731;--md-surface-4:#2e2c38;--md-surface-5:#31303c}.md-display-large{font-size:57px;font-size:var(--md-display-large-size);font-weight:400;font-weight:var(--md-display-large-weight);line-height:64px;line-height:var(--md-display-large-height)}.md-display-medium{font-size:45px;font-size:var(--md-display-medium-size);font-weight:400;font-weight:var(--md-display-medium-weight);line-height:52px;line-height:var(--md-display-medium-height)}.md-display-small{font-size:36px;font-size:var(--md-display-small-size);font-weight:400;font-weight:var(--md-display-small-weight);line-height:44px;line-height:var(--md-display-small-height)}.md-headline-large{font-size:32px;font-size:var(--md-headline-large-size);font-weight:400;font-weight:var(--md-headline-large-weight);line-height:40px;line-height:var(--md-headline-large-height)}.md-headline-medium{font-size:28px;font-size:var(--md-headline-medium-size);font-weight:400;font-weight:var(--md-headline-medium-weight);line-height:36px;line-height:var(--md-headline-medium-height)}.md-headline-small{font-size:24px;font-size:var(--md-headline-small-size);font-weight:400;font-weight:var(--md-headline-small-weight);line-height:32px;line-height:var(--md-headline-small-height)}.md-title-large{font-size:22px;font-size:var(--md-title-large-size);font-weight:500;font-weight:var(--md-title-large-weight);line-height:28px;line-height:var(--md-title-large-height)}.md-title-medium{font-size:16px;font-size:var(--md-title-medium-size);font-weight:500;font-weight:var(--md-title-medium-weight);line-height:24px;line-height:var(--md-title-medium-height)}.md-title-small{font-size:14px;font-size:var(--md-title-small-size);font-weight:500;font-weight:var(--md-title-small-weight);line-height:20px;line-height:var(--md-title-small-height)}.md-body-large{font-size:16px;font-size:var(--md-body-large-size);font-weight:400;font-weight:var(--md-body-large-weight);line-height:24px;line-height:var(--md-body-large-height)}.md-body-medium{font-size:14px;font-size:var(--md-body-medium-size);font-weight:400;font-weight:var(--md-body-medium-weight);line-height:20px;line-height:var(--md-body-medium-height)}.md-body-small{font-size:12px;font-size:var(--md-body-small-size);font-weight:400;font-weight:var(--md-body-small-weight);line-height:16px;line-height:var(--md-body-small-height)}.md-label-large{font-size:14px;font-size:var(--md-label-large-size);font-weight:500;font-weight:var(--md-label-large-weight);line-height:20px;line-height:var(--md-label-large-height)}.md-label-medium{font-size:12px;font-size:var(--md-label-medium-size);font-weight:500;font-weight:var(--md-label-medium-weight);line-height:16px;line-height:var(--md-label-medium-height)}.md-label-small{font-size:11px;font-size:var(--md-label-small-size);font-weight:500;font-weight:var(--md-label-small-weight);line-height:16px;line-height:var(--md-label-small-height)}.md-fade-in{animation:fadeIn .3s cubic-bezier(.2,0,0,1)}.md-slide-in{animation:slideIn .4s cubic-bezier(.05,.7,.1,1)}.md-slide-up{animation:slideUp .35s cubic-bezier(.05,.7,.1,1);animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.md-button{align-items:center;border-radius:12px;border-radius:var(--md-shape-small);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--md-label-large-size);font-weight:500;font-weight:var(--md-label-large-weight);gap:8px;justify-content:center;line-height:20px;line-height:var(--md-label-large-height);overflow:hidden;padding:10px 24px;position:relative;transition:box-shadow .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1);transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard),background-color var(--md-duration-medium2) var(--md-easing-standard)}.md-button:disabled{cursor:not-allowed;opacity:.38}.md-filled-button{background-color:#5d5fef;background-color:var(--md-primary);border:none;box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1);color:#fff;color:var(--md-on-primary)}.md-filled-button:hover:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#ffffff14);background-color:color-mix(in srgb,var(--md-primary),rgba(255,255,255,var(--md-state-hover-opacity)));box-shadow:0 4px 10px #0003,0 2px 8px #0000001a;box-shadow:var(--md-elevation-level2)}.md-filled-button:active:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#ffffff1f);background-color:color-mix(in srgb,var(--md-primary),rgba(255,255,255,var(--md-state-pressed-opacity)));box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1)}.md-outlined-button{background-color:initial;border:1px solid #79747e;border:1px solid var(--md-outline);color:#5d5fef;color:var(--md-primary)}.md-outlined-button:hover:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#0000 .08);background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.md-outlined-button:active:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#0000 .12);background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.md-text-button{background-color:initial;border:none;color:#5d5fef;color:var(--md-primary);padding:10px 12px}.md-text-button:hover:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#0000 .08);background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.md-text-button:active:not(:disabled){background-color:color-mix(in srgb,#5d5fef,#0000 .12);background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.md-elevated-button{background-color:#fef7ff;background-color:var(--md-surface);border:none;box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1);color:#5d5fef;color:var(--md-primary)}.md-elevated-button:hover:not(:disabled){background-color:color-mix(in srgb,#fef7ff,#00000014);background-color:color-mix(in srgb,var(--md-surface),rgba(0,0,0,var(--md-state-hover-opacity)));box-shadow:0 4px 10px #0003,0 2px 8px #0000001a;box-shadow:var(--md-elevation-level2)}.md-elevated-button:active:not(:disabled){background-color:color-mix(in srgb,#fef7ff,#0000001f);background-color:color-mix(in srgb,var(--md-surface),rgba(0,0,0,var(--md-state-pressed-opacity)));box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1)}.md-tonal-button{background-color:#e0ecff;background-color:var(--md-secondary-container);border:none;color:#004ba0;color:var(--md-on-secondary-container)}.md-tonal-button:hover:not(:disabled){background-color:color-mix(in srgb,#e0ecff,#00000014);background-color:color-mix(in srgb,var(--md-secondary-container),rgba(0,0,0,var(--md-state-hover-opacity)));box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1)}.md-tonal-button:active:not(:disabled){background-color:color-mix(in srgb,#e0ecff,#0000001f);background-color:color-mix(in srgb,var(--md-secondary-container),rgba(0,0,0,var(--md-state-pressed-opacity)))}.md-card{background-color:#fef7ff;background-color:var(--md-surface);border-radius:32px;border-radius:var(--md-shape-medium);color:#1c1b1f;color:var(--md-on-surface);padding:16px;transition:box-shadow .3s cubic-bezier(.2,0,0,1);transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard)}.md-elevated-card{box-shadow:0 2px 6px #0003,0 1px 4px #0000001a;box-shadow:var(--md-elevation-level1)}.md-elevated-card:hover{box-shadow:0 4px 10px #0003,0 2px 8px #0000001a;box-shadow:var(--md-elevation-level2)}.md-filled-card{background-color:#e7e0ec;background-color:var(--md-surface-variant);color:#49454e;color:var(--md-on-surface-variant)}.md-outlined-card{border:1px solid #cac4d0;border:1px solid var(--md-outline-variant)}.md-text-field{display:flex;flex-direction:column;gap:4px;position:relative}.md-text-field-input{background-color:#fef7ff;background-color:var(--md-surface);border:1px solid #79747e;border:1px solid var(--md-outline);border-radius:12px;border-radius:var(--md-shape-small);color:#1c1b1f;color:var(--md-on-surface);font-size:16px;font-size:var(--md-body-large-size);line-height:24px;line-height:var(--md-body-large-height);padding:12px 16px;transition:border-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);transition:border-color var(--md-duration-medium2) var(--md-easing-standard),box-shadow var(--md-duration-medium2) var(--md-easing-standard)}.md-text-field-input:focus{border-color:#5d5fef;border-color:var(--md-primary);box-shadow:0 0 0 1px #5d5fef;box-shadow:0 0 0 1px var(--md-primary);outline:none}.md-text-field-input:disabled{cursor:not-allowed;opacity:.38}.md-text-field-label{color:#49454e;color:var(--md-on-surface-variant)}.md-text-field-error,.md-text-field-label{font-size:12px;font-size:var(--md-body-small-size);line-height:16px;line-height:var(--md-body-small-height)}.md-text-field-error{color:#b3261e;color:var(--md-error);margin-top:4px}.md-status-message{animation:fadeIn .3s cubic-bezier(.2,0,0,1);border-radius:32px}.md-status-success{background-color:color-mix(in srgb,#ffd9e3,#0000 70%);border-left:4px solid #f50057;color:#c51162}.md-status-error{background-color:color-mix(in srgb,#f9dedc,#0000 70%);border-left:4px solid #b3261e;color:#410e0b}.md-status-info{background-color:color-mix(in srgb,#e4e3ff,#0000 70%);border-left:4px solid #5d5fef;color:#0a00a5}.md-status-warning{background-color:color-mix(in srgb,#e0ecff,#0000 70%);border-left:4px solid #2979ff;color:#004ba0}:root{--primary-color:var(--md-primary);--primary-color-light:color-mix(in srgb,var(--md-primary),#0000 90%);--secondary-color:var(--md-secondary);--accent-color:var(--md-tertiary);--background-primary:var(--md-surface);--background-secondary:var(--md-surface-1);--background-tertiary:var(--md-surface-2);--text-primary:var(--md-on-surface);--text-secondary:var(--md-on-surface-variant);--text-muted:var(--md-outline);--border-color:var(--md-outline-variant);--shadow-color:#00000014;--success-color:#2e7d32;--warning-color:#ed6c02;--error-color:var(--md-error);--info-color:var(--md-primary);--success-background:color-mix(in srgb,#2e7d32,#0000 90%);--warning-background:color-mix(in srgb,#ed6c02,#0000 90%);--error-background:color-mix(in srgb,var(--md-error),#0000 90%);--info-background:color-mix(in srgb,var(--md-primary),#0000 90%);--transition-speed:var(--md-duration-medium2);--theme-lightness:60%;--button-border-radius:var(--md-shape-small);--card-border-radius:var(--md-shape-medium);--modal-border-radius:var(--md-shape-large);--standard-easing:var(--md-easing-standard);--emphasized-easing:var(--md-easing-emphasized);--md-state-hover-opacity:8%;--md-state-focus-opacity:12%;--md-state-pressed-opacity:12%;--md-state-dragged-opacity:16%;--md-primary-rgb:103,80,164;--md-tertiary-rgb:0,110,144;--md-surface-rgb:255,251,254;--md-surface-1-rgb:248,242,249;--md-outline-variant-rgb:121,116,126}[data-theme=dark]{--shadow-color:#00000040;--theme-lightness:40%;--success-color:#66bb6a;--warning-color:#ffa726;--success-background:color-mix(in srgb,#66bb6a,#0000 90%);--warning-background:color-mix(in srgb,#ffa726,#0000 90%);--md-surface-rgb:28,27,31;--md-surface-1-rgb:36,35,39;--md-outline-variant-rgb:73,69,79}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-surface);background-color:var(--background-primary);color:var(--md-on-surface);color:var(--text-primary);font-family:Roboto,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);letter-spacing:.25px;line-height:var(--md-body-medium-height);margin:0;transition:background-color var(--md-duration-medium2),color var(--md-duration-medium2);transition:background-color var(--transition-speed),color var(--transition-speed)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4,h5,h6{color:var(--md-on-surface);color:var(--text-primary);margin-top:0}a{color:var(--md-primary);color:var(--primary-color);text-decoration:none;transition:color var(--md-duration-medium2);transition:color var(--transition-speed)}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit;transition:border-color var(--md-duration-medium2),background-color var(--md-duration-medium2);transition:border-color var(--transition-speed),background-color var(--transition-speed)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.fade-in{animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard)}.slide-in{animation:slideIn var(--md-duration-medium4) var(--md-easing-emphasized-decelerate)}.slide-in-up{animation:slideInUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate)}.pulse{animation:pulse var(--md-duration-long4) var(--md-easing-standard) infinite}.spin{animation:spin var(--md-duration-long2) linear infinite}.shake{animation:shake var(--md-duration-medium4) var(--md-easing-emphasized)}.modal-appear{animation:modal-appear var(--md-duration-medium3) var(--md-easing-emphasized-decelerate)}.md-fade-in{animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard)}.md-slide-in{animation:slideIn var(--md-duration-medium4) var(--md-easing-emphasized-decelerate)}.md-slide-up{animation:slideInUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate)}.cache-status-message,.status,.status-message{align-items:center;animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);border-left:4px solid #0000;border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);line-height:var(--md-body-medium-height);margin:0;padding:16px;position:relative}.cache-status-message:before,.status-message:before,.status:before{border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;margin-right:12px;width:8px}.status-success,.status.success{border-left-color:#2e7d32;border-left-color:var(--success-color);color:#2e7d32;color:var(--success-color)}.status-success:before,.status.success:before{background-color:#2e7d32;background-color:var(--success-color)}.status-error,.status.error{border-left-color:var(--md-error);color:var(--md-error)}.status-error:before,.status.error:before{background-color:var(--md-error)}.status-warning,.status.info,.status.warning{border-left-color:#ed6c02;border-left-color:var(--warning-color);color:#ed6c02;color:var(--warning-color)}.status-warning:before,.status.info:before,.status.warning:before{background-color:#ed6c02;background-color:var(--warning-color)}.status-info,.status.loading{border-left-color:var(--md-primary);color:var(--md-primary)}.status-info:before,.status.loading:before{background-color:var(--md-primary)}.status-loading,.status.loading{align-items:center;display:flex}.status-loading:before,.status.loading:before{animation:pulse var(--md-duration-long2) var(--md-easing-standard) infinite}.md-status-message{align-items:center;animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);border-radius:var(--md-shape-medium);display:flex;font-size:var(--md-body-medium-size);gap:12px;line-height:var(--md-body-medium-height);margin:16px 0;padding:16px}.md-status-success{background-color:color-mix(in srgb,var(--md-tertiary-container),#0000 70%);border-left:4px solid var(--md-tertiary);color:var(--md-on-tertiary-container)}.md-status-error{background-color:color-mix(in srgb,var(--md-error-container),#0000 70%);border-left:4px solid var(--md-error);color:var(--md-on-error-container)}.md-status-info{background-color:color-mix(in srgb,var(--md-primary-container),#0000 70%);border-left:4px solid var(--md-primary);color:var(--md-on-primary-container)}.md-status-warning{background-color:color-mix(in srgb,var(--md-secondary-container),#0000 70%);border-left:4px solid var(--md-secondary);color:var(--md-on-secondary-container)}.status-loading:before{animation:spin 1s linear infinite;border:3px solid var(--info-color);border-radius:50%;border-top:3px solid #0000;content:"";height:20px;width:20px}body,html{scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}body::-webkit-scrollbar,html::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:3px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}[data-theme=dark] body,[data-theme=dark] html{scrollbar-color:var(--md-outline-variant) var(--md-surface-1)}[data-theme=dark] body::-webkit-scrollbar-track,[data-theme=dark] html::-webkit-scrollbar-track{background:var(--md-surface-1)}[data-theme=dark] body::-webkit-scrollbar-thumb,[data-theme=dark] html::-webkit-scrollbar-thumb{background:var(--md-outline-variant)}[data-theme=dark] body::-webkit-scrollbar-thumb:hover,[data-theme=dark] html::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.content-layout-container{display:flex;flex-direction:column;gap:24px;width:100%}.app-container{background-color:var(--background-primary);display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-speed)}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.app-content{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level3);overflow:hidden;padding:32px;position:relative;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.app-content:before{background-image:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--md-primary),#0000 92%) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.buttons-container{gap:15px;gap:16px;justify-content:space-between;margin:1.5rem 0;width:100%}.buttons-container,.buttons-container .srt-upload-button-container{align-items:center;display:flex}.buttons-container .srt-upload-button{height:52px}.buttons-container .generate-btn,.buttons-container .retry-gemini-btn{align-items:center;border:none;border-radius:var(--button-border-radius);box-shadow:var(--md-elevation-level2);cursor:pointer;display:flex;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:12px;justify-content:center;line-height:var(--md-label-large-height);overflow:hidden;padding:16px 24px;position:relative;transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard),background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);white-space:nowrap}.buttons-container .generate-btn{background-color:var(--md-primary);color:var(--md-on-primary);flex:1 1;font-size:calc(var(--md-label-large-size) + 1px);padding:16px 28px}.buttons-container .generate-btn,.buttons-container .retry-gemini-btn{border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);font-weight:500;height:52px;letter-spacing:.5px}.buttons-container .retry-gemini-btn{background-color:var(--md-tertiary);color:var(--md-on-tertiary);padding:16px 24px}.buttons-container .force-stop-btn{align-items:center;background-color:var(--md-error);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);color:var(--md-on-error);display:flex;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:52px;justify-content:center;letter-spacing:.5px;line-height:var(--md-label-large-height);margin-left:10px;overflow:hidden;padding:16px 24px;position:relative;transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard),background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);white-space:nowrap;z-index:1}.buttons-container .force-stop-btn:before,.buttons-container .generate-btn:before,.buttons-container .retry-gemini-btn:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.buttons-container .force-stop-btn:hover:before,.buttons-container .generate-btn:hover:before,.buttons-container .retry-gemini-btn:hover:before{background-color:#00000026}.buttons-container .force-stop-btn:active:before,.buttons-container .generate-btn:active:before,.buttons-container .retry-gemini-btn:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.buttons-container .force-stop-btn:hover,.buttons-container .generate-btn:hover,.buttons-container .retry-gemini-btn:hover{box-shadow:var(--md-elevation-level3);transform:translateY(-2px)}.buttons-container .force-stop-btn:active,.buttons-container .generate-btn:active,.buttons-container .retry-gemini-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.buttons-container .force-stop-btn:disabled,.buttons-container .generate-btn:disabled,.buttons-container .retry-gemini-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.buttons-container .generate-btn svg,.buttons-container .retry-gemini-btn svg{stroke:currentColor;stroke-width:2;height:20px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:20px}.buttons-container .generate-btn:hover svg{transform:translateY(-2px)}.buttons-container .retry-gemini-btn:hover svg{transform:rotate(180deg)}.app-title{color:var(--md-on-surface);font-size:var(--md-headline-medium-size);font-weight:500;letter-spacing:-.5px;line-height:var(--md-headline-medium-height);margin-bottom:2rem;text-align:center;transition:color var(--transition-speed);z-index:1}@media (max-width:640px){.buttons-container{flex-direction:column}.buttons-container .force-stop-btn,.buttons-container .generate-btn,.buttons-container .retry-gemini-btn{width:100%}.buttons-container .force-stop-btn{margin-left:0;margin-top:10px}}[data-theme=light]{--theme-toggle-bg:linear-gradient(135deg,#ffffffe6,#f8fafcf2);--theme-toggle-shadow:0 8px 32px #0000001a,inset 0 1px 0 #0000000d;--theme-toggle-hover-shadow:0 12px 40px #00000026,inset 0 1px 0 #0000001a;--settings-button-bg:linear-gradient(135deg,#ffffffe6,#f8fafcf2);--settings-button-shadow:0 8px 32px #0000001a,inset 0 1px 0 #0000000d;--settings-button-hover-shadow:0 12px 40px #00000026,inset 0 1px 0 #0000001a}[data-theme=dark]{--theme-toggle-bg:linear-gradient(135deg,#282828cc,#1e1e1ee6);--theme-toggle-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;--theme-toggle-hover-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3;--settings-button-bg:linear-gradient(135deg,#282828cc,#1e1e1ee6);--settings-button-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;--settings-button-hover-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3}.force-stop-btn .gemini-icon-container,.generate-btn .gemini-icon-container,.retry-gemini-btn .gemini-icon-container,.srt-upload-button .gemini-icon-container{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.gemini-mini-icon{stroke:currentColor;fill:none;stroke-width:1.5;filter:drop-shadow(0 0 2px rgba(255,255,255,.2));height:14px;opacity:0;pointer-events:none;position:absolute;transition:transform .3s var(--md-easing-standard),opacity .3s var(--md-easing-standard);width:14px}.gemini-mini-icon:not(.dynamic){opacity:.7}.gemini-mini-icon.dynamic{opacity:0;z-index:2}.gemini-mini-icon.pulse{filter:drop-shadow(0 0 3px rgba(255,255,255,.5));transition:transform .2s var(--md-easing-emphasized),opacity .2s var(--md-easing-emphasized)}.gemini-mini-icon.trail{filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}.gemini-mini-icon.trail-particle{filter:drop-shadow(0 0 1px rgba(255,255,255,.3));transition:transform .1s linear,opacity .1s linear}.gemini-particle-connection{background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:1px;box-shadow:0 0 3px #ffffff80;height:2px;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;transition:opacity .3s var(--md-easing-emphasized);z-index:1}.gemini-mini-icon.size-xs{height:8px;width:8px}.gemini-mini-icon.size-sm{height:12px;width:12px}.gemini-mini-icon.size-md{height:16px;width:16px}.gemini-mini-icon.size-lg{height:20px;width:20px}.gemini-mini-icon.top-left{left:8px;top:8px}.gemini-mini-icon.top-right{right:8px;top:8px}.gemini-mini-icon.bottom-left{bottom:8px;left:8px}.gemini-mini-icon.bottom-right{bottom:8px;right:8px}.gemini-mini-icon.center-left{left:8px;top:50%;transform:translateY(-50%)}.gemini-mini-icon.center-right{right:8px;top:50%;transform:translateY(-50%)}.gemini-mini-icon.center-top{left:50%;top:8px;transform:translateX(-50%)}.gemini-mini-icon.center-bottom{bottom:8px;left:50%;transform:translateX(-50%)}.gemini-mini-icon.random-1{left:12%;top:15%}.gemini-mini-icon.random-2{right:18%;top:25%}.gemini-mini-icon.random-3{bottom:20%;left:22%}.gemini-mini-icon.random-4{bottom:30%;right:15%}.gemini-mini-icon.random-5{left:30%;top:40%}.gemini-mini-icon.random-6{right:25%;top:60%}@keyframes float-up{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(-15px) scale(1.2)}}@keyframes float-down{0%{opacity:0;transform:translateY(-10px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(15px) scale(1.2)}}@keyframes float-left{0%{opacity:0;transform:translateX(10px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateX(-15px) scale(1.2)}}@keyframes float-right{0%{opacity:0;transform:translateX(-10px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateX(15px) scale(1.2)}}@keyframes float-diagonal-1{0%{opacity:0;transform:translate(5px,5px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translate(-10px,-10px) scale(1.2)}}@keyframes float-diagonal-2{0%{opacity:0;transform:translate(-5px,5px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translate(10px,-10px) scale(1.2)}}@keyframes float-diagonal-3{0%{opacity:0;transform:translate(5px,-5px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translate(-10px,10px) scale(1.2)}}@keyframes float-diagonal-4{0%{opacity:0;transform:translate(-5px,-5px) scale(.8)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translate(10px,10px) scale(1.2)}}@keyframes pulse-fade{0%{opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}@keyframes pulse-fade-rotate{0%{opacity:0;transform:scale(.8) rotate(0deg)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(.8) rotate(1turn)}}@keyframes rotate-fade-cw{0%{opacity:0;transform:rotate(0deg) scale(.8)}50%{opacity:.7;transform:rotate(180deg) scale(1.2)}to{opacity:0;transform:rotate(1turn) scale(.8)}}@keyframes rotate-fade-ccw{0%{opacity:0;transform:rotate(0deg) scale(.8)}50%{opacity:.7;transform:rotate(-180deg) scale(1.2)}to{opacity:0;transform:rotate(-1turn) scale(.8)}}@keyframes swing{0%{opacity:0;transform:rotate(0deg)}25%{opacity:.7;transform:rotate(15deg)}50%{opacity:.8;transform:rotate(0deg)}75%{opacity:.7;transform:rotate(-15deg)}to{opacity:0;transform:rotate(0deg)}}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon{animation-direction:alternate;animation-iteration-count:infinite}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-1,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-1,.srt-upload-button:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-1{animation-delay:.5s;animation-duration:4s;animation-name:pulse-fade}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-2,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-2{animation-delay:2s;animation-duration:5s;animation-name:float-up}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-3,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-3,.srt-upload-button:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-3{animation-delay:1s;animation-duration:6s;animation-name:rotate-fade}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-4,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-4{animation-delay:3s;animation-duration:4.5s;animation-name:float-diagonal}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-5,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-5{animation-delay:.8s;animation-duration:5.5s;animation-name:pulse-fade}.generate-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-6,.retry-gemini-btn:not(:disabled):not(.processing) .gemini-icon-container .gemini-mini-icon.random-6{animation-delay:1.5s;animation-duration:4.8s;animation-name:float-up}.generate-btn.processing .gemini-icon-container .gemini-mini-icon,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon{animation-iteration-count:infinite;opacity:.9}.generate-btn.processing .gemini-mini-icon,.retry-gemini-btn.processing .gemini-mini-icon{opacity:.8!important;transition:opacity .3s var(--md-easing-emphasized)}.force-stop-btn.processing,.generate-btn.processing,.retry-gemini-btn.processing,.srt-upload-button.processing{background-image:linear-gradient(90deg,#ffffff0d 0,#fff0);overflow:hidden;position:relative}.force-stop-btn.processing:after,.generate-btn.processing:after,.retry-gemini-btn.processing:after,.srt-upload-button.processing:after{animation:pulse-glow 2s var(--md-easing-emphasized) infinite;background:radial-gradient(circle,#fff3 0,#fff0 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-1,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-1,.srt-upload-button.processing .gemini-icon-container .gemini-mini-icon.random-1{animation-delay:.1s;animation-duration:1.5s;animation-name:float-up}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-2,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-2{animation-delay:.3s;animation-duration:2s;animation-name:rotate-fade}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-3,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-3,.srt-upload-button.processing .gemini-icon-container .gemini-mini-icon.random-3{animation-delay:.5s;animation-duration:1.8s;animation-name:float-diagonal}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-4,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-4{animation-delay:.2s;animation-duration:1.2s;animation-name:pulse-fade}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-5,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-5{animation-delay:.4s;animation-duration:1.7s;animation-name:float-up}.generate-btn.processing .gemini-icon-container .gemini-mini-icon.random-6,.retry-gemini-btn.processing .gemini-icon-container .gemini-mini-icon.random-6{animation-delay:.6s;animation-duration:1.4s;animation-name:rotate-fade}.generate-btn:hover .gemini-icon-container,.retry-gemini-btn:hover .gemini-icon-container,.srt-upload-button:hover .gemini-icon-container{--cursor-x:50%;--cursor-y:50%}.generate-btn .gemini-mini-icon{stroke:var(--md-on-primary)}.retry-gemini-btn .gemini-mini-icon{stroke:var(--md-on-tertiary)}.srt-upload-button .gemini-mini-icon{stroke:var(--md-on-secondary)}.force-stop-btn .gemini-mini-icon svg path,.generate-btn .gemini-mini-icon svg path,.retry-gemini-btn .gemini-mini-icon svg path,.srt-upload-button .gemini-mini-icon svg path{stroke-dasharray:120;stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--md-easing-emphasized)}.force-stop-btn:hover .gemini-mini-icon svg path,.generate-btn:hover .gemini-mini-icon svg path,.retry-gemini-btn:hover .gemini-mini-icon svg path{stroke-dashoffset:120;transition:stroke-dashoffset 2s var(--md-easing-emphasized)}.force-stop-btn.processing .gemini-mini-icon svg path,.generate-btn.processing .gemini-mini-icon svg path,.retry-gemini-btn.processing .gemini-mini-icon svg path{animation:dash-animation 2s var(--md-easing-emphasized) infinite}@keyframes dash-animation{0%{stroke-dashoffset:0}50%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.generate-btn:disabled:not(.processing) .gemini-icon-container,.retry-gemini-btn:disabled:not(.processing) .gemini-icon-container{display:none}.generate-btn:disabled.processing .gemini-icon-container,.retry-gemini-btn:disabled.processing .gemini-icon-container{display:block;opacity:.8}.processing-dots,.processing-text-container{display:inline-block;position:relative}.processing-dots{height:16px;margin-left:4px;width:24px}.processing-dots:after{animation:dots-animation 1.5s steps(4) infinite;content:"...";left:0;opacity:.9;position:absolute;top:-4px}@keyframes dots-animation{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.processing-text{animation:text-pulse 2s ease-in-out infinite;display:inline-block}@keyframes text-pulse{0%,to{opacity:.9}50%{opacity:1}}.processing-gemini-icon{animation:processing-icon-spin 3s linear infinite;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}@keyframes processing-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button:disabled .processing-text-container{opacity:.8}.srt-upload-button-container{display:inline-block;margin-right:10px}.srt-upload-button{align-items:center;background-color:var(--md-secondary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary);cursor:pointer;display:flex;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:52px;justify-content:center;line-height:var(--md-label-large-height);overflow:hidden;padding:10px 16px;position:relative;transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard),background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);white-space:nowrap}.srt-upload-button:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.srt-upload-button:hover:before{background-color:#00000026}.srt-upload-button:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.srt-upload-button:hover{box-shadow:var(--md-elevation-level3);transform:translateY(-2px)}.srt-upload-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.srt-upload-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.srt-upload-button .gemini-icon-container{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.srt-upload-button.processing{background-image:linear-gradient(90deg,#ffffff0d 0,#fff0);overflow:hidden;position:relative}.srt-upload-button.processing:after{animation:pulse-glow 2s ease-out infinite;background:radial-gradient(circle,#fff3 0,#fff0 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse-glow{0%{opacity:0;transform:scale(.5)}50%{opacity:.3}to{opacity:0;transform:scale(1.2)}}.srt-upload-button .processing-text-container{align-items:center;display:flex;gap:8px}.srt-upload-button .processing-gemini-icon{align-items:center;animation:spin 2s linear infinite;display:flex;justify-content:center}.srt-upload-button .processing-gemini-icon svg{height:16px;width:16px}.srt-upload-button .processing-text{font-size:var(--md-label-medium-size)}.srt-upload-button .processing-dots:after{animation:dots 1.5s steps(5) infinite;content:"."}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media (max-width:768px){.srt-upload-button{font-size:.8rem;padding:8px 12px}.srt-upload-button span{display:none}.srt-upload-button-container{margin-right:6px}}.app-header{align-items:center;animation:header-entrance 1s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-primary);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px var(--shadow-color);display:flex;justify-content:space-between;padding:.5rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes header-entrance{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:translateY(-20px)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;transform:translateY(0)}}.app-header:hover{box-shadow:0 4px 20px #6750a426}.app-header:before{animation:border-flow 3s linear infinite;background:linear-gradient(90deg,#0000,#667eea 20%,#764ba2 40%,#f093fb 60%,#4facfe 80%,#0000);background-size:200% 100%;bottom:0;content:"";height:2px;left:0;opacity:.7;position:absolute;right:0}@keyframes border-flow{0%{background-position:-200% 0}to{background-position:200% 0}}.title-container{align-items:center;animation:slide-in-left .8s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.title-container:before{animation:breathing-glow 4s ease-in-out infinite;background:radial-gradient(circle,#6750a41a 0,#f5576c0d 50%,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:120%;z-index:-1}@keyframes breathing-glow{0%,to{opacity:0;transform:translate(-50%,-50%)}50%{opacity:.3;transform:translate(-50%,-50%)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.app-title{-webkit-text-fill-color:#0000;animation:rainbow-gradient 6s ease-in-out infinite,subtle-glow 3s ease-in-out infinite;background:linear-gradient(45deg,#667eea,#764ba2 15%,#f093fb 30%,#f5576c 45%,#4facfe 60%,#00f2fe 75%,#43e97b 90%,#38f9d7);background-clip:text;-webkit-background-clip:text;background-size:400% 400%;color:#0000;cursor:pointer;display:inline-block;filter:drop-shadow(0 4px 12px rgba(103,80,164,.2));font-size:1.25rem;letter-spacing:-.8px;margin:0;position:relative;text-rendering:geometricPrecision;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}@keyframes rainbow-gradient{0%{background-position:0 50%;filter:hue-rotate(0deg) saturate(1.2)}25%{background-position:100% 50%;filter:hue-rotate(90deg) saturate(1.4)}50%{background-position:100% 100%;filter:hue-rotate(180deg) saturate(1.6)}75%{background-position:0 100%;filter:hue-rotate(270deg) saturate(1.4)}to{background-position:0 50%;filter:hue-rotate(1turn) saturate(1.2)}}@keyframes gentle-float{0%,to{transform:translateY(0)}33%{transform:translateY(-3px)}66%{transform:translateY(2px)}}@keyframes subtle-glow{0%,to{filter:drop-shadow(0 4px 12px rgba(103,80,164,.2)) brightness(1)}50%{filter:drop-shadow(0 6px 20px rgba(103,80,164,.4)) brightness(1.1)}}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}.app-title:hover{animation-duration:3s,1.5s;filter:drop-shadow(0 6px 20px rgba(103,80,164,.4)) brightness(1.1);letter-spacing:-.6px}.app-title:before{display:none}.app-title:after{content:"✨";font-size:.8rem;opacity:0;pointer-events:none;position:absolute;right:-20px;top:-15px;transform:rotate(0deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.app-title:hover:after{opacity:1;transform:rotate(180deg)}.header-actions{align-items:center;animation:slide-in-right .8s cubic-bezier(.175,.885,.32,1.275) .2s both;display:flex;gap:8px;position:relative;z-index:1000}@keyframes slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.header-actions>*{animation:fade-in-up .6s cubic-bezier(.175,.885,.32,1.275) both}.header-actions>:first-child{animation-delay:.3s}.header-actions>:nth-child(2){animation-delay:.4s}.header-actions>:nth-child(3){animation-delay:.5s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#282828cc,#1e1e1ee6);background:var(--theme-toggle-bg,linear-gradient(135deg,#282828cc 0,#1e1e1ee6 100%));border:1px solid #0000;border-radius:50%;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;box-shadow:var(--theme-toggle-shadow,0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:4px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:32px}.theme-toggle:before{background:linear-gradient(135deg,#fff3,#ffffff0d 50%,#ffffff1a);background:radial-gradient(circle,#6750a433 0,#f5576c1a 50%,#0000 70%);border-radius:50%;bottom:0;content:"";left:0;-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;right:0;top:0;transform:scale(.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:0}.theme-toggle:hover:before{opacity:1;transform:scale(1.2)}.theme-toggle:hover{box-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3;box-shadow:var(--theme-toggle-hover-shadow,0 12px 40px #0006,inset 0 1px 0 #fff3);transform:translateY(-2px) rotate(15deg)}.theme-toggle:hover:before{background:linear-gradient(135deg,#818cf866,#6366f133 50%,#a855f74d)}.theme-toggle:active{box-shadow:0 4px 15px #6750a426,inset 0 1px 0 #fff3;transform:translateY(0) rotate(0deg)}.theme-toggle svg{stroke:var(--text-primary);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.theme-toggle:hover svg{stroke:var(--primary-color);transform:rotate(180deg)}.settings-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#282828cc,#1e1e1ee6);background:var(--settings-button-bg,linear-gradient(135deg,#282828cc 0,#1e1e1ee6 100%));border:1px solid #0000;border-radius:25px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;box-shadow:var(--settings-button-shadow,0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a);color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,Roboto,Segoe UI,sans-serif;font-size:12px;font-weight:500;height:32px;line-height:1.4;overflow:hidden;padding:4px 10px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.settings-button:before{background:linear-gradient(135deg,#fff3,#ffffff0d 50%,#ffffff1a);border-radius:25px;bottom:0;content:"";display:none!important;left:0;-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.settings-button:hover{box-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3;box-shadow:var(--settings-button-hover-shadow,0 12px 40px #0006,inset 0 1px 0 #fff3);color:var(--primary-color);transform:translateY(-2px)}.settings-button:hover:before{background:linear-gradient(135deg,#818cf866,#6366f133 50%,#a855f74d)}.settings-button:active{box-shadow:0 4px 15px #6750a426,inset 0 1px 0 #fff3;transform:translateY(0)}.settings-button svg{stroke:currentColor;margin-right:6px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.settings-button:hover svg{stroke:var(--primary-color);transform:rotate(90deg)}@media (max-width:768px){.app-header{padding:.5rem 1rem}.app-title{font-size:1.3rem}}@media (max-width:600px){.settings-button span{display:none}.settings-button svg{margin-right:0}.settings-button{height:34px;justify-content:center;padding:.5rem;width:34px}.header-actions{gap:8px}}.settings-button,.theme-toggle{position:relative}.settings-button:active:after,.theme-toggle:active:after{animation:ripple-effect .6s ease-out;background:radial-gradient(circle,#fff6 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:3}@keyframes ripple-effect{0%{height:0;opacity:1;width:0}to{height:100px;opacity:0;width:100px}}.settings-button,.settings-button *,.theme-toggle,.theme-toggle *{-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:#0000!important;outline:none!important;-moz-outline:none!important}.settings-button:focus-visible,.theme-toggle:focus-visible{box-shadow:0 0 0 2px #6750a44d,0 8px 25px #6750a433;outline:none}.settings-button.active,.theme-toggle.active{animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 15px #0000001a,inset 0 1px 0 #fff3}50%{box-shadow:0 6px 20px #6750a44d,inset 0 1px 0 #ffffff4d}}*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none;user-select:none}.gemini-header-canvas{height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;transition:opacity .5s var(--md-easing-emphasized);width:100%;z-index:0}.app-header:hover .gemini-header-canvas{opacity:1}.app-header{overflow:hidden;position:relative}.header-actions,.title-container{position:relative;z-index:1}.app-header:hover .app-title{text-shadow:0 0 10px rgba(var(--primary-rgb),.3)}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.app-header:hover .app-title{animation:title-pulse 3s infinite var(--md-easing-emphasized)}.quality-selector-container{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--md-shape-medium);margin-top:16px;padding:16px}.quality-selector-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.quality-selector-wrapper{margin-bottom:12px;position:relative}.quality-selector{-webkit-appearance:none;appearance:none;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--md-shape-medium);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:10px 16px;transition:all .2s ease;width:100%}.quality-selector:focus,.quality-selector:hover{border-color:var(--md-primary)}.quality-selector:focus{box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.quality-selector-arrow{color:var(--text-secondary);pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.quality-description{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.quality-warning{align-items:center;background-color:var(--md-error-container);border-radius:var(--md-shape-small);color:var(--md-on-error-container);display:flex;font-size:.9rem;gap:8px;margin-bottom:8px;padding:8px 12px}.quality-warning svg{color:var(--md-error);flex-shrink:0}@media (min-width:768px){.quality-selector-container{max-width:400px}}.prompt-preset-bar{display:flex;gap:12px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.prompt-preset-card-bar{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 4px #0000000a;color:#333;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:10px 18px;text-align:center;transition:border .2s,box-shadow .2s,background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.prompt-preset-card-bar:hover{background:#f0f7ff;border-color:#2196f3}.prompt-preset-card-bar.selected{background:#e3f2fd;border-color:#1976d2;box-shadow:0 2px 8px #2196f31a;color:#1976d2}.preset-title-bar{display:block;font-size:1rem;font-weight:600}@media (max-width:900px){.prompt-preset-row{gap:10px;padding:10px 8px}.prompt-preset-title-label{font-size:1.01rem;min-width:120px}.prompt-preset-dropdown-btn{font-size:.98rem;height:36px;min-width:100px;padding:8px 10px}}@media (max-width:600px){.prompt-preset-row{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px 4px}.prompt-preset-title-label{font-size:.98rem;min-width:0;min-width:auto;text-align:left}.prompt-preset-dropdown-btn{font-size:.95rem;height:32px;min-width:90px;padding:7px 8px}}[data-theme=dark] .prompt-preset-row{background:#2196f31a;box-shadow:0 2px 16px #1e283c21}[data-theme=dark] .prompt-preset-dropdown-btn{background:#232b36;border:2px solid #3a4a5c;box-shadow:0 2px 12px #1e283c2e;color:#90caf9}[data-theme=dark] .prompt-preset-dropdown-btn.open,[data-theme=dark] .prompt-preset-dropdown-btn:focus{background:#1a222b;border-color:#90caf9;color:#fff}[data-theme=dark] .dropdown-arrow{color:#90caf9;filter:drop-shadow(0 1px 0 #222)}[data-theme=dark] .prompt-preset-dropdown-btn.open .dropdown-arrow{color:#fff}@media (max-width:600px){.prompt-preset-bar{gap:6px;margin-bottom:10px}.prompt-preset-card-bar{font-size:.95rem;min-width:90px;padding:8px 10px}.highlight-vi-card{font-size:.98rem;min-width:100px;padding:10px 8px}.highlight-vi-title{font-size:1rem}.prompt-preset-dropdown-btn{font-size:.95rem;height:32px;min-width:90px;padding:7px 8px}.prompt-preset-dropdown-menu{min-width:100px}.prompt-preset-dropdown-item{font-size:.93rem;padding:6px 8px}}.prompt-badge-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:8px;margin-top:2px}.prompt-badge{align-items:center;background:var(--md-surface-1);border:1.5px solid var(--md-outline);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-size:1.01rem;font-weight:600;margin-bottom:2px;outline:none;padding:8px 18px;transition:background .18s,color .18s,border .18s,box-shadow .18s;-webkit-user-select:none;user-select:none}.prompt-badge:focus,.prompt-badge:hover{background:var(--md-primary-container);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container)}.prompt-badge.selected{background:var(--md-primary);border-color:var(--md-primary);box-shadow:var(--md-elevation-level3);color:var(--md-on-primary);z-index:1}[data-theme=dark] .prompt-badge{background:var(--md-surface-2);border-color:var(--md-outline);color:var(--md-on-surface)}[data-theme=dark] .prompt-badge:focus,[data-theme=dark] .prompt-badge:hover{background:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}[data-theme=dark] .prompt-badge.selected{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.prompt-menu-dropdown{background:#23272f;background:var(--md-surface-2,#23272f);border:1.5px solid #3a3a3a;border:1.5px solid var(--md-outline,#3a3a3a);border-radius:16px;box-shadow:0 6px 32px 0 #0000002e,0 1.5px 6px 0 #0000001a;left:0;margin-top:8px;max-height:320px;min-width:220px;overflow-y:auto;padding:6px 0;position:absolute;right:auto;top:100%;z-index:9999}.prompt-menu-item{align-items:center;background:none;border:none;color:#fff;color:var(--md-on-surface,#fff);cursor:pointer;display:flex;font-size:1.01rem;font-weight:500;outline:none;padding:10px 22px 10px 18px;text-align:left;transition:background .16s,color .16s;width:100%}.prompt-menu-item.selected,.prompt-menu-item:hover{background:#2d313a;background:var(--md-surface-variant,#2d313a);color:#7ecfff;color:var(--md-primary,#7ecfff)}.prompt-menu-dot{background:#7ecfff;background:var(--md-primary,#7ecfff);border-radius:50%;display:inline-block;flex-shrink:0;height:10px;margin-right:10px;width:10px}.prompt-menu-dot.general{background:#7ecfff}.prompt-menu-dot.extract-text{background:#ffb74d}.prompt-menu-dot.combined-subtitles{background:#81c784}.prompt-menu-dot.focus-lyrics{background:#e57373}.prompt-menu-dot.describe-video{background:#ba68c8}.prompt-menu-dot.chaptering{background:#ffd54f}.prompt-menu-dot.diarize-speakers{background:#64b5f6}.current-prompt,.file-actions{position:relative}.file-info-card,.file-info-content{box-sizing:border-box;max-width:100%;overflow:visible!important;position:static!important}.file-info-content{overflow:hidden;width:100%}.file-upload-input{overflow:visible!important;position:static!important}.upload-help-text{margin:.25rem 0}.upload-help-text:last-child{color:var(--md-primary);font-weight:500}.file-tags{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.file-badge{border:1px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000026;font-size:.8rem;font-weight:700;letter-spacing:.8px;padding:4px 12px;transition:all .2s ease}.file-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.file-badge:first-child{background:#2563eb;border:1px solid #1d4ed8;color:#fff}.format-badge{background:#dc2626;border:1px solid #b91c1c;color:#fff}.compress-badge{background:#f59e0b;border:1px solid #d97706;color:#fff;font-weight:800}.size-badge{background:#7c3aed;border:1px solid #6d28d9;color:#fff;font-weight:800}[data-theme=dark] .file-badge:first-child{background:#3b82f6;border:1px solid #2563eb;color:#fff}[data-theme=dark] .format-badge{background:#ef4444;border:1px solid #dc2626;color:#fff}[data-theme=dark] .compress-badge{background:#f59e0b;border:1px solid #d97706;color:#fff}[data-theme=dark] .size-badge{background:#8b5cf6;border:1px solid #7c3aed;color:#fff}.file-size-section{background:#f8f9fa;background:var(--md-surface-container-low,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--md-outline-variant,#e0e0e0);border-radius:12px;box-sizing:border-box;margin:12px 0;max-width:100%;min-width:0;padding:12px 16px;width:100%}.file-size-info{align-items:center;display:flex;gap:8px;width:100%}.size-label{color:#666;color:var(--md-on-surface-variant,#666);font-size:.9rem;font-weight:600}.size-value{background:#e3f2fd;background:var(--md-primary-container,#e3f2fd);border:1px solid #2563eb;border:1px solid var(--md-primary,#2563eb);border-radius:20px;color:#2563eb;color:var(--md-primary,#2563eb);font-size:1.1rem;font-weight:700;padding:4px 12px;white-space:nowrap}[data-theme=dark] .file-size-section{background:#1e1e1e;background:var(--md-surface-container-low,#1e1e1e);border-color:#3a3a3a;border-color:var(--md-outline-variant,#3a3a3a)}[data-theme=dark] .size-label{color:#aaa;color:var(--md-on-surface-variant,#aaa)}[data-theme=dark] .size-value{background:#1a365d;background:var(--md-primary-container,#1a365d);color:#90caf9;color:var(--md-on-primary-container,#90caf9)}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-methods-container{animation:slide-in-from-top .4s ease-out;background-color:var(--background-secondary);border-radius:48px;box-shadow:var(--md-elevation-level2);margin-bottom:2rem;padding:1.5rem 1rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.input-title{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0;padding:0 24px;transition:color var(--transition-speed);white-space:nowrap}.input-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.tab-content{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border-radius:48px;box-shadow:var(--md-elevation-level1);margin-top:1rem;padding:1.5rem 1rem}.loading-spinner{align-items:center;display:inline-flex;justify-content:center}.spinner-circle{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.search-spinner,.spinner-circle{animation:spin .8s linear infinite;height:18px;width:18px}.search-spinner{border:2px solid #007bff4d;border-top:2px solid rgba(var(--primary-rgb,0,123,255),.3);border:2px solid rgba(var(--primary-rgb,0,123,255),.3);border-radius:50%;border-top-color:var(--primary-color)}.input-tabs{-ms-overflow-style:none;align-items:flex-end;display:flex;flex:1 1;margin-bottom:0;overflow-x:auto;padding:0 24px;position:relative;scrollbar-width:none}.input-tabs::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:#0000;border:none;border-top-left-radius:12px;border-top-right-radius:12px;color:var(--md-on-surface-variant);cursor:pointer;display:flex;flex:1 1;font-size:var(--md-label-large-size);font-weight:500;justify-content:center;letter-spacing:.1px;line-height:var(--md-label-large-height);margin-bottom:-2px;min-width:90px;opacity:.7;overflow:hidden;padding:12px 16px;position:relative;text-align:center;transition:color var(--md-duration-medium2) var(--md-easing-standard),opacity var(--md-duration-medium2) var(--md-easing-standard)}.tab-btn:after{background-color:var(--md-primary);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform var(--md-duration-medium2) var(--md-easing-emphasized);width:100%}.tab-btn.active{color:var(--md-primary);font-weight:600;opacity:1}.tab-btn.active:after{transform:scaleX(1)}.tab-btn:hover:not(.active){background-color:color-mix(in srgb,var(--md-on-surface-variant),#0000 92%);opacity:.9}.tab-btn:before{background-color:var(--md-primary);border-radius:50%;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0);transition:transform var(--md-duration-medium3) var(--md-easing-emphasized),opacity var(--md-duration-medium3) var(--md-easing-emphasized)}.tab-btn:active:before{opacity:.1;transform:scale(1);transition:transform var(--md-duration-short4) var(--md-easing-emphasized),opacity var(--md-duration-short4) var(--md-easing-emphasized)}.tab-btn svg{stroke:currentColor;margin-right:.5rem;transition:transform .3s ease}.tab-btn:hover svg{transform:translateY(-2px)}.generate-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 6px var(--shadow-color);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.generate-btn:hover{background-color:var(--secondary-color);box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.generate-btn svg{transition:transform .3s ease}.generate-btn:hover svg{transform:translateY(2px)}.browse-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.6rem;justify-content:center;padding:.9rem 1.6rem;transition:all .2s ease}.browse-button,.browse-button:hover{background-color:var(--primary-color)}.browse-button:hover{background-color:var(--primary-color-hover,var(--primary-color));box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.browse-button:active{transform:translateY(0)}.remove-file-btn{background-color:var(--md-error-container);border-radius:var(--md-shape-pill);color:var(--md-on-error-container);font-size:var(--md-label-medium-size);font-weight:500;gap:8px;height:36px;line-height:var(--md-label-medium-height);overflow:hidden;padding:8px 16px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized)}.remove-file-btn:before{background-color:initial;border-radius:var(--md-shape-pill);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.remove-file-btn:hover:before{background-color:rgba(0,0,0,var(--md-state-hover-opacity))}.remove-file-btn:hover{transform:translateY(-2px)}.remove-file-btn:active{transform:translateY(0)}.download-video-btn{align-items:center;align-self:flex-start;border:1px solid var(--md-outline);box-shadow:var(--md-elevation-level1);color:var(--md-primary);cursor:pointer;display:flex;font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);gap:8px;height:36px;justify-content:center;line-height:var(--md-label-medium-height);margin-top:.75rem;overflow:hidden;padding:8px 16px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),box-shadow var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized)}.download-video-btn,.download-video-btn:before{background-color:initial;border-radius:var(--md-shape-pill)}.download-video-btn:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.download-video-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.download-video-btn:active:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.download-video-btn:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.download-video-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.download-video-btn svg{height:16px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:16px}.download-video-btn:hover svg{transform:translateY(2px)}.search-download-btn{align-items:center;background-color:initial;border:1px solid var(--md-outline);border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-primary);display:flex;height:36px;justify-content:center;margin-left:.75rem;margin-top:0;overflow:hidden;padding:8px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),box-shadow var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);width:36px}.search-download-btn:before{background-color:initial;border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.search-download-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.search-download-btn:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.clear-url-btn{border-radius:50%;color:var(--md-on-surface-variant);padding:8px;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard)}.clear-url-btn:hover{background-color:color-mix(in srgb,var(--md-on-surface-variant),#0000 90%);color:var(--md-on-surface)}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:10px;transition:all .2s ease}.clear-search-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary);transform:scale(1.1)}.youtube-url-input{padding:1.5rem;width:100%}.url-input-wrapper{align-items:center;display:flex;margin-bottom:1rem;position:relative;width:100%}.youtube-icon{color:var(--text-secondary);left:20px;position:absolute;transition:color .2s ease;z-index:1}.youtube-url-field{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:30px;box-shadow:0 2px 5px var(--shadow-color);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 60px;transition:all .2s ease,background-color var(--transition-speed),color var(--transition-speed);width:100%}.youtube-url-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.youtube-url-field.error-input{border-color:var(--error-color);box-shadow:0 0 0 1px var(--error-color-light)}.clear-url-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:12px;transition:color .2s ease;z-index:2}.clear-url-btn:hover{color:var(--md-primary)}.youtube-instructions{animation:fade-in .5s ease-out;background-color:var(--background-primary);border-radius:36px;box-shadow:0 2px 8px var(--shadow-color);margin-top:1.5rem;padding:1.5rem;transition:background-color var(--transition-speed)}.youtube-instructions h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;margin-top:0;transition:color var(--transition-speed)}.youtube-instructions ol{margin-bottom:1.5rem;padding-left:1.5rem}.youtube-instructions li{color:var(--text-secondary);margin-bottom:.5rem;transition:color var(--transition-speed)}.youtube-instructions h4{color:var(--text-primary);font-size:.95rem;margin-bottom:.75rem;margin-top:1.5rem;transition:color var(--transition-speed)}.url-examples{background-color:var(--background-secondary);border-radius:6px;list-style-type:disc;margin:0;padding:1rem 1rem 1rem 2.5rem;transition:background-color var(--transition-speed)}.url-examples li{color:var(--text-secondary);font-family:monospace;font-size:.9rem;margin-bottom:.3rem;transition:color var(--transition-speed)}.file-upload-input{align-items:center;background-color:var(--background-primary);border:2px dashed var(--border-color);border-radius:48px;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:3rem;min-height:200px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.file-upload-input.drag-over{background-color:#007bff0d;background-color:rgba(var(--primary-rgb,0,123,255),.05);border-color:var(--primary-color);transform:scale(1.01)}.upload-container{display:flex;flex-direction:column;gap:1.2rem}.upload-label{color:var(--text-primary);font-size:1.15rem;font-weight:600;gap:.6rem;margin-bottom:.7rem}.upload-actions,.upload-label{align-items:center;display:flex}.upload-actions{gap:1rem}.hidden-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-upload-input:before{background:linear-gradient(45deg,#0000,#007bff0d,#0000);background:linear-gradient(45deg,#0000,rgba(var(--primary-rgb,0,123,255),.05),#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.file-upload-input:hover:before{opacity:1}.upload-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.upload-icon{color:var(--primary-color);height:48px;margin-bottom:1rem;transition:all .3s ease;width:48px}.file-upload-input:hover .upload-icon{transform:translateY(-5px)}.upload-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.upload-content p{color:var(--text-secondary);font-size:.95rem;margin:.4rem 0}.browse-text{color:var(--primary-color);font-weight:500;margin-bottom:1.2rem}.upload-help-text{color:var(--text-secondary);font-size:.85rem;margin:.2rem 0}.upload-help-text,.upload-max-size{color:var(--text-secondary);font-size:.85rem;margin:.3rem 0}.upload-max-size{font-weight:500}.file-info-card{align-items:center;animation:slide-in-up .4s ease-out;background-color:#00000005;background-color:var(--background-secondary,#00000005);border:1px solid var(--border-color);border-radius:32px;display:flex;max-width:500px;overflow:hidden;padding:1.2rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.file-type-icon{color:var(--primary-color);height:40px;margin-right:1rem;min-width:40px;transition:all .3s ease;width:40px}.file-type-icon.video{color:#ff7846}.file-type-icon.audio{color:#6c5ce7}.file-info-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.file-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;word-break:break-word}.file-badge{background-color:#007bff1a;background-color:rgba(var(--primary-rgb,0,123,255),.1);border-radius:12px;color:var(--primary-color);display:inline-block;font-size:.75rem;font-weight:500;margin-right:.5rem;padding:.25rem .6rem;text-transform:uppercase;width:fit-content}.file-info-size{color:var(--text-secondary);display:inline-block;font-size:.9rem}.file-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.current-prompt{background-color:#007bff0d;background-color:rgba(var(--primary-rgb,0,123,255),.05);border:1px solid #007bff1a;border:1px solid rgba(var(--primary-rgb,0,123,255),.1);border-radius:12px;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:500;padding:.25rem .6rem;text-align:center}.current-prompt.prompt-color-general{background-color:#2196f31a;border-color:#2196f333;color:#2196f3}.current-prompt.prompt-color-extract{background-color:#4caf501a;border-color:#4caf5033;color:#4caf50}.current-prompt.prompt-color-combined{background-color:#ed1c241a;border-color:#ed1c2433;color:#ed1c24}.current-prompt.prompt-color-lyrics{background-color:#ff98001a;border-color:#ff980033;color:#ff9800}.current-prompt.prompt-color-describe{background-color:#9c27b01a;border-color:#9c27b033;color:#9c27b0}.current-prompt.prompt-color-translate{background-color:#f443361a;border-color:#f4433633;color:#f44336}.current-prompt.prompt-color-chapter{background-color:#f06eaa1a;border-color:#f06eaa33;color:#f06eaa}.current-prompt.prompt-color-speakers{background-color:#fff7991a;border-color:#fff79933;color:#fff799}.current-prompt.prompt-color-custom{background-color:#ff6b6b1a;border-color:#ff6b6b33;color:#ff6b6b}.current-prompt.prompt-color-default{background-color:#007bff0d;background-color:rgba(var(--primary-rgb,0,123,255),.05);border-color:#007bff1a;border-color:rgba(var(--primary-rgb,0,123,255),.1);color:var(--text-secondary)}.remove-file-btn{align-items:center;align-self:flex-start;background-color:#ff00001a;background-color:rgba(var(--error-rgb,255,0,0),.1);border:none;border-radius:32px;color:#dc3545;color:var(--error-color,#dc3545);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.remove-file-btn:hover{background-color:#f003;background-color:rgba(var(--error-rgb,255,0,0),.2)}.youtube-search-input{width:100%}.search-field-container{display:flex;flex-direction:column;padding:1.5rem;width:100%}.search-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-icon{color:var(--text-secondary);left:20px;position:absolute;transition:color .2s ease;z-index:1}.youtube-search-field{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:30px;box-shadow:0 2px 5px var(--shadow-color);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 60px;transition:all .2s ease,background-color var(--transition-speed),color var(--transition-speed);width:100%}.youtube-search-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.youtube-search-field:focus+.search-icon{color:var(--primary-color)}.searching-indicator{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem;margin:1rem 0}.search-results{background-color:var(--background-primary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);margin:2rem;max-height:340px;overflow-y:auto;scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin;transition:background-color var(--transition-speed)}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.search-results::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--background-secondary);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.search-result-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--background-secondary)}.search-result-item.selected{background-color:#007bff14;background-color:rgba(var(--primary-rgb,0,123,255),.08);border-left:3px solid var(--primary-color)}.search-result-content{cursor:pointer;display:flex;flex:1 1;gap:.75rem}.search-thumbnail-container{border-radius:6px;box-shadow:0 2px 4px var(--shadow-color);flex-shrink:0;height:68px;overflow:hidden;transition:transform .3s ease;width:120px}.search-result-item:hover .search-thumbnail-container{transform:scale(1.02)}.search-result-thumbnail{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.search-result-item:hover .search-result-thumbnail{transform:scale(1.08)}.search-result-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:space-between;padding:.25rem 0}.search-result-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-weight:500;line-height:1.3;margin-bottom:.5rem;overflow:hidden}.search-result-channel{color:var(--text-secondary);font-size:.85rem}.selected-video-preview{align-items:flex-start;animation:fade-in .5s ease-out;background-color:var(--background-primary);border-radius:10px;box-shadow:0 2px 8px var(--shadow-color);display:flex;margin-top:1.5rem;padding:1.2rem;transition:background-color var(--transition-speed)}.thumbnail-container{border-radius:8px;box-shadow:0 2px 6px var(--shadow-color);flex-shrink:0;height:90px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:160px}.thumbnail-container:hover{box-shadow:0 4px 10px var(--shadow-color);transform:scale(1.03)}.thumbnail{border-radius:32px;height:100%;object-fit:cover;transition:transform .5s ease}.thumbnail-container:hover .thumbnail{transform:scale(1.1)}.video-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-left:1rem}.video-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.video-id{color:var(--text-secondary);font-size:.85rem;margin:0}.video-id-value{background-color:var(--background-tertiary);border-radius:4px;font-family:monospace;padding:.2rem .4rem}.error-message{align-items:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#ff3b301a;background-color:rgba(var(--danger-rgb,255,59,48),.1);border-radius:6px;color:#ff3b30;color:var(--danger-color,#ff3b30);display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.error-message svg{flex-shrink:0;margin-right:8px}.history-dropdown-container{position:relative;width:100%}.history-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.history-button:hover{color:var(--md-primary)}.history-dropdown{animation:fadeIn .2s ease-out;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-elevation-level3);left:0;max-height:350px;overflow-y:auto;position:absolute;top:calc(100% + 5px);width:100%;z-index:1000}.history-header{align-items:center;background-color:var(--md-surface-2);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.history-title{color:var(--text-primary);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);margin:0}.clear-history-btn{background:none;border:none;border-radius:4px;color:var(--md-primary);cursor:pointer;font-size:var(--md-label-medium-size);padding:4px 8px;transition:background-color .2s ease}.clear-history-btn:hover{background-color:rgba(var(--md-primary-rgb),.1)}.history-list{padding:8px 0}.history-item{align-items:center;cursor:pointer;display:flex;padding:8px 16px;transition:background-color .2s ease}.history-item:hover{background-color:var(--md-surface-2)}.history-item-content{align-items:center;display:flex;flex:1 1;min-width:0}.history-thumbnail{border-radius:4px;flex-shrink:0;height:45px;margin-right:12px;object-fit:cover;width:60px}.history-item-info{flex:1 1;min-width:0}.history-item-title{color:var(--text-primary);font-size:var(--md-body-medium-size);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--md-label-small-size)}.history-item-id{margin-right:8px}.history-item-time{flex-shrink:0;margin-left:auto}.history-query-item{align-items:center;cursor:pointer;display:flex;padding:10px 16px;transition:background-color .2s ease}.history-query-item:hover{background-color:var(--md-surface-2)}.history-query-icon{color:var(--text-secondary);flex-shrink:0;margin-right:12px}.history-query-text{color:var(--text-primary);flex:1 1;font-size:var(--md-body-medium-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-query-time{color:var(--text-secondary);flex-shrink:0;font-size:var(--md-label-small-size);margin-left:12px}.no-history{color:var(--text-secondary);font-style:italic;padding:16px;text-align:center}@media (max-width:768px){.history-dropdown{max-height:300px}.history-thumbnail{height:38px;width:50px}.history-item-title{font-size:var(--md-body-small-size)}}.output-container{animation:slideIn .5s ease-out;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin-top:0;padding:1.5rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.status{margin-bottom:0;margin-top:0}.status.error{font-family:monospace;max-height:400px;overflow-y:auto;white-space:pre-wrap}.preview-section{animation:fadeIn .3s ease;margin-bottom:2rem}.preview-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;gap:8px;margin:1rem;transition:color var(--transition-speed)}.preview-section h3 svg{stroke:var(--text-primary);height:20px;transition:stroke var(--transition-speed);width:20px}.video-container{border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1rem;transition:box-shadow var(--transition-speed)}.youtube-container{background-color:var(--background-tertiary);border-radius:8px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}#youtube-player,.youtube-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-player{background-color:var(--background-tertiary);border-radius:8px}.video-subtitle{bottom:0;font-size:1.1rem;padding:.75rem;transition:background-color .3s ease,transform .3s ease;width:100%}.preview-container{background-color:var(--background-primary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:1.5rem;padding:1.5rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.preview-container h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;transition:color var(--transition-speed)}.download-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.download-btn,.edit-btn{align-items:center;border-radius:var(--md-shape-pill);cursor:pointer;display:flex;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:44px;justify-content:center;line-height:var(--md-label-large-height);overflow:hidden;padding:12px 24px;position:relative;transition:box-shadow var(--md-duration-medium2) var(--md-easing-standard),background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized)}.download-btn:disabled{background-color:var(--text-muted)}.download-btn:hover svg{transform:translateY(-2px)}.edit-btn{background-color:initial;border:1px solid var(--md-outline);color:var(--md-primary);transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),box-shadow var(--md-duration-medium2) var(--md-easing-standard)}.edit-btn:before{background-color:initial;border-radius:var(--md-shape-pill);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.edit-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.edit-btn:active:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.edit-btn:hover{box-shadow:var(--md-elevation-level1);transform:translateY(-2px)}.edit-btn.active{background-color:var(--md-primary-container);border:1px solid var(--md-primary-container);color:var(--md-on-primary-container)}.edit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.edit-btn svg{stroke:currentColor;height:18px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:18px}.edit-btn:hover svg:not(.edit-btn:disabled svg){transform:rotate(15deg)}.retry-gemini-container{align-items:center;background-color:var(--background-tertiary);border-radius:8px;display:flex;flex-direction:column;margin:1rem 0 1.5rem;padding:1rem;transition:background-color var(--transition-speed)}.retry-hint{color:var(--text-secondary);font-size:.85rem;margin-top:.75rem;text-align:center;transition:color var(--transition-speed)}@media (max-width:768px){.output-container,.preview-container{padding:1.25rem}.download-options{flex-direction:column}.download-btn,.edit-btn{width:100%}}@media (max-width:480px){.output-container,.preview-container{padding:1rem}.status{font-size:.9rem;padding:.75rem 1rem}}.subtitle-settings-container{align-items:center;display:flex;font-family:Roboto,Poppins,sans-serif}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;position:relative}.action-button{background-color:var(--md-surface-2);color:var(--text-primary);font-size:.9rem;font-size:var(--md-label-large-size,.9rem);font-weight:var(--md-label-large-weight,500);gap:.5rem;letter-spacing:.1px;padding:.6rem 1rem;transition:background-color .2s var(--md-easing-standard),transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard)}.action-button:hover:not(:disabled){background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level2)}.action-button:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:scale(.98)}.action-button:disabled{cursor:not-allowed;opacity:.38}.action-button svg{stroke-width:2px;flex-shrink:0}.subtitle-settings-toggle.md-filled-tonal-button{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.subtitle-settings-toggle.md-filled-tonal-button:hover{background-color:color-mix(in srgb,var(--md-secondary-container),rgba(0,0,0,var(--md-state-hover-opacity)))}.subtitle-settings-panel{animation:fadeIn .3s var(--md-easing-emphasized);background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);overflow:hidden;position:absolute;right:-22px;top:calc(100% - 6px);transform-origin:top right;transition:background-color .3s,border-color .3s,box-shadow .3s;width:320px;z-index:100}.subtitle-settings-panel.transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border-color:#0000;border-radius:0;border-radius:24px;box-shadow:none;left:0;margin:7px auto;max-height:64vh;max-width:100%;overflow:hidden;position:absolute;right:0;top:0;transform:none;transform-origin:center;width:1200px;z-index:10}.subtitle-settings-panel.transparent .settings-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-bottom-color:#0000;padding:8px 12px;position:sticky;top:0;z-index:10}.subtitle-settings-panel.transparent .settings-content{grid-gap:20px;gap:20px;max-height:none;overflow-y:visible}.subtitle-settings-panel.transparent .setting-group{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1c1b1f1a;background-color:rgba(var(--md-surface-rgb,28,27,31),.1);border-color:#49454f4d;border-color:rgba(var(--md-outline-variant-rgb,73,69,79),.3);border:1px solid #ffffff26;border-radius:var(--md-shape-pill);box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding-bottom:15px;padding:16px}.subtitle-settings-panel.transparent input[type=number],.subtitle-settings-panel.transparent input[type=text],.subtitle-settings-panel.transparent select{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:var(--md-shape-pill);color:#fff;font-size:var(--md-body-medium-size);height:42px;padding:10px 16px;transition:background-color .2s,border-color .2s,box-shadow .2s}.subtitle-settings-panel.transparent input[type=number]:focus,.subtitle-settings-panel.transparent input[type=text]:focus,.subtitle-settings-panel.transparent select:focus{border-color:#ffffff80;box-shadow:0 0 0 2px #fff3;outline:none}.subtitle-settings-panel.transparent .button-toggle-group{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:var(--md-shape-pill);color:#fff;display:flex;overflow:hidden}.subtitle-settings-panel.transparent input[type=range]{background:#ffffff26;border:none;border-radius:var(--md-shape-pill);height:6px;margin:10px 0}.subtitle-settings-panel.transparent input[type=range]::-webkit-slider-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:18px;-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:18px}.subtitle-settings-panel.transparent input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 5px #0006;transform:scale(1.1)}.subtitle-settings-panel.transparent input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:18px;-moz-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:18px}.subtitle-settings-panel.transparent input[type=range]::-moz-range-thumb:hover{box-shadow:0 2px 5px #0006;transform:scale(1.1)}.subtitle-settings-panel.transparent input[type=color]{background:#0000;border:1px solid #ffffff4d;border-radius:12px;cursor:pointer;height:42px;overflow:hidden;padding:3px}.subtitle-settings-panel.transparent .setting-description,.subtitle-settings-panel.transparent label{text-shadow:0 1px 2px #0003}.subtitle-settings-panel.transparent .settings-header h4{text-shadow:0 0 10px #6750a44d;text-shadow:0 0 10px rgba(var(--md-primary-rgb,103,80,164),.3)}.subtitle-settings-panel.transparent button:not(.transparency-toggle-btn):not(.close-settings-btn):not(.button-toggle),.subtitle-settings-panel.transparent select{background-color:#242327b3;background-color:rgba(var(--md-surface-1-rgb,36,35,39),.7);border-color:#49454fb3;border-color:rgba(var(--md-outline-variant-rgb,73,69,79),.7);border-radius:var(--md-shape-pill);color:#fff;padding:10px 16px;transition:background-color .2s,transform .1s,box-shadow .2s}.subtitle-settings-panel.transparent button:not(.transparency-toggle-btn):not(.close-settings-btn):not(.button-toggle):hover,.subtitle-settings-panel.transparent select:hover{background-color:#242327e6;background-color:rgba(var(--md-surface-1-rgb,36,35,39),.9);box-shadow:0 2px 5px #0003}.subtitle-settings-panel.transparent button:not(.transparency-toggle-btn):not(.close-settings-btn):not(.button-toggle):active{transform:scale(.98)}.subtitle-settings-panel.transparent .reset-settings-btn{align-items:center;background-color:#6750a433;background-color:rgba(var(--md-primary-rgb,103,80,164),.2);border:1px solid #6750a44d;border:1px solid rgba(var(--md-primary-rgb,103,80,164),.3);border-radius:var(--md-shape-pill);box-shadow:0 2px 5px #0000001a;display:flex;gap:8px;justify-content:center;padding:12px 24px;transition:background-color .2s,transform .1s,box-shadow .2s;width:auto}.subtitle-settings-panel.transparent .reset-settings-btn:hover{background-color:#6750a44d;background-color:rgba(var(--md-primary-rgb,103,80,164),.3);box-shadow:0 3px 8px #0003}.subtitle-settings-panel.transparent .reset-settings-btn:active{box-shadow:0 1px 3px #0000001a;transform:scale(.98)}.subtitle-settings-panel.transparent .settings-content{grid-gap:15px;background-color:initial;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;height:450px!important;max-height:450px!important;min-height:auto!important;overflow-y:auto;padding:20px}.column-header{display:none}.subtitle-settings-panel.transparent .column-header{border-bottom:1px solid #fff3;color:#fff;display:block;font-size:1rem;font-weight:500;margin-bottom:12px;padding-bottom:6px;text-align:center;text-shadow:0 0 10px #ffffff4d}.subtitle-settings-panel.transparent .font-column-header{grid-column:1;grid-row:1}.subtitle-settings-panel.transparent .text-column-header{grid-column:2;grid-row:1}.subtitle-settings-panel.transparent .background-column-header{grid-column:3;grid-row:1}.subtitle-settings-panel.transparent .position-column-header{display:none}.subtitle-settings-panel.transparent .settings-content{grid-template-rows:auto repeat(6,auto);position:relative}.subtitle-settings-panel.transparent .setting-group{background-color:initial;border:1px solid #0000;border-radius:var(--md-shape-medium);margin-bottom:10px;padding:12px;position:relative}.subtitle-settings-panel.transparent .setting-group label{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:8px;text-shadow:0 0 4px #00000080}.subtitle-settings-panel.transparent .range-value{background-color:#ffffff1a;border:1px solid #fff3;border-radius:var(--md-shape-pill);color:#fff;font-size:.85rem;min-width:48px;padding:4px 10px;text-align:center;text-shadow:0 0 4px #00000080}.subtitle-settings-panel.transparent .font-preview{background-color:#ffffff0d;border:1px solid #fff3;box-shadow:0 1px 3px #0000001a;margin-top:10px;padding:12px}.subtitle-settings-panel.transparent .font-preview-label{color:#fff;font-size:.8rem;text-shadow:0 0 4px #00000080}.subtitle-settings-panel.transparent .font-preview-text{color:#fff;font-size:1rem;text-shadow:0 0 4px #00000080}.subtitle-settings-panel.transparent .setting-group:first-child,.subtitle-settings-panel.transparent .setting-group:nth-child(10),.subtitle-settings-panel.transparent .setting-group:nth-child(11),.subtitle-settings-panel.transparent .setting-group:nth-child(12),.subtitle-settings-panel.transparent .setting-group:nth-child(13),.subtitle-settings-panel.transparent .setting-group:nth-child(14),.subtitle-settings-panel.transparent .setting-group:nth-child(15),.subtitle-settings-panel.transparent .setting-group:nth-child(2),.subtitle-settings-panel.transparent .setting-group:nth-child(3),.subtitle-settings-panel.transparent .setting-group:nth-child(4),.subtitle-settings-panel.transparent .setting-group:nth-child(5),.subtitle-settings-panel.transparent .setting-group:nth-child(6),.subtitle-settings-panel.transparent .setting-group:nth-child(7),.subtitle-settings-panel.transparent .setting-group:nth-child(8),.subtitle-settings-panel.transparent .setting-group:nth-child(9){background-color:initial;border-left:none}.subtitle-settings-panel.transparent .setting-group:first-child{grid-column:1;grid-row:2}.subtitle-settings-panel.transparent .setting-group:nth-child(2){grid-column:1;grid-row:3}.subtitle-settings-panel.transparent .setting-group:nth-child(3){grid-column:1;grid-row:4}.subtitle-settings-panel.transparent .setting-group:nth-child(13){grid-column:1;grid-row:5}.subtitle-settings-panel.transparent .setting-group:nth-child(14){grid-column:1;grid-row:6}.subtitle-settings-panel.transparent .setting-group:nth-child(4){grid-column:2;grid-row:2}.subtitle-settings-panel.transparent .setting-group:nth-child(5){grid-column:2;grid-row:3}.subtitle-settings-panel.transparent .setting-group:nth-child(6){grid-column:2;grid-row:4}.subtitle-settings-panel.transparent .setting-group:nth-child(7){grid-column:2;grid-row:5}.subtitle-settings-panel.transparent .setting-group:nth-child(8){grid-column:2;grid-row:6}.subtitle-settings-panel.transparent .setting-group:nth-child(9){grid-column:3;grid-row:2}.subtitle-settings-panel.transparent .setting-group:nth-child(10){grid-column:3;grid-row:3}.subtitle-settings-panel.transparent .setting-group:nth-child(11){grid-column:3;grid-row:4}.subtitle-settings-panel.transparent .setting-group:nth-child(12){grid-column:3;grid-row:5}.subtitle-settings-panel.transparent .setting-group:nth-child(15){grid-column:3;grid-row:6}.subtitle-settings-panel.transparent .reset-settings-btn{background-color:initial;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;grid-column:1/-1;grid-row:7;margin-top:20px;padding:12px;transition:background-color .2s}.subtitle-settings-panel.transparent .reset-settings-btn:hover{background-color:#ffffff1a}@media (max-width:1200px){.subtitle-settings-panel.transparent .settings-content{gap:12px;padding:15px}}@media (max-width:992px){.subtitle-settings-panel.transparent{max-width:700px;width:95%}.subtitle-settings-panel.transparent .settings-content{gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;padding:15px}.subtitle-settings-panel.transparent .font-column-header{grid-column:1;grid-row:1}.subtitle-settings-panel.transparent .text-column-header{grid-column:2;grid-row:1}.subtitle-settings-panel.transparent .background-column-header{border-bottom:none;border-top:1px solid #fff3;grid-column:1/span 2;grid-row:7;margin-top:15px;padding-top:10px}.subtitle-settings-panel.transparent .setting-group:first-child{grid-column:1;grid-row:2}.subtitle-settings-panel.transparent .setting-group:nth-child(2){grid-column:1;grid-row:3}.subtitle-settings-panel.transparent .setting-group:nth-child(3){grid-column:1;grid-row:4}.subtitle-settings-panel.transparent .setting-group:nth-child(13){grid-column:1;grid-row:5}.subtitle-settings-panel.transparent .setting-group:nth-child(4){grid-column:2;grid-row:2}.subtitle-settings-panel.transparent .setting-group:nth-child(5){grid-column:2;grid-row:3}.subtitle-settings-panel.transparent .setting-group:nth-child(10){grid-column:2;grid-row:4}.subtitle-settings-panel.transparent .setting-group:nth-child(11){grid-column:2;grid-row:5}.subtitle-settings-panel.transparent .setting-group:nth-child(9){grid-column:1;grid-row:8}.subtitle-settings-panel.transparent .setting-group:nth-child(12){grid-column:2;grid-row:8}.subtitle-settings-panel.transparent .setting-group:nth-child(14),.subtitle-settings-panel.transparent .setting-group:nth-child(15),.subtitle-settings-panel.transparent .setting-group:nth-child(6),.subtitle-settings-panel.transparent .setting-group:nth-child(7),.subtitle-settings-panel.transparent .setting-group:nth-child(8){display:none}.subtitle-settings-panel.transparent .reset-settings-btn{grid-column:1/span 2;grid-row:9;margin-top:15px}}@media (max-width:768px){.subtitle-settings-panel.transparent{max-width:500px;width:95%}.subtitle-settings-panel.transparent .settings-content{gap:10px;grid-template-columns:1fr;padding:12px}.subtitle-settings-panel.transparent .column-header{font-size:.9rem;grid-column:1;grid-row:auto;margin-bottom:10px;text-align:center}.subtitle-settings-panel.transparent .background-column-header,.subtitle-settings-panel.transparent .text-column-header{display:none}.subtitle-settings-panel.transparent .setting-group{grid-column:1;grid-row:auto}.subtitle-settings-panel.transparent .setting-group:first-child,.subtitle-settings-panel.transparent .setting-group:nth-child(10),.subtitle-settings-panel.transparent .setting-group:nth-child(13),.subtitle-settings-panel.transparent .setting-group:nth-child(2),.subtitle-settings-panel.transparent .setting-group:nth-child(4),.subtitle-settings-panel.transparent .setting-group:nth-child(9){display:block}.subtitle-settings-panel.transparent .setting-group:nth-child(11),.subtitle-settings-panel.transparent .setting-group:nth-child(12),.subtitle-settings-panel.transparent .setting-group:nth-child(14),.subtitle-settings-panel.transparent .setting-group:nth-child(15),.subtitle-settings-panel.transparent .setting-group:nth-child(3),.subtitle-settings-panel.transparent .setting-group:nth-child(5),.subtitle-settings-panel.transparent .setting-group:nth-child(6),.subtitle-settings-panel.transparent .setting-group:nth-child(7),.subtitle-settings-panel.transparent .setting-group:nth-child(8){display:none}}.subtitle-settings-panel.transparent .setting-title,.subtitle-settings-panel.transparent label{color:var(--md-on-surface);text-shadow:0 0 2px #000c}.setting-group,.settings-content,button,input,select{transition:background-color .3s ease,border-color .3s ease}.settings-header{background-color:var(--md-surface-1);border-bottom:1px solid var(--md-outline-variant);padding:1rem 1.25rem}.settings-header-actions{align-items:center;display:flex;gap:.5rem}.settings-header h4{color:var(--md-on-surface);font-size:1rem;font-size:var(--md-title-medium-size,1rem);font-weight:500;font-weight:var(--md-title-medium-weight,500);letter-spacing:.15px;margin:0}.close-settings-btn,.transparency-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:32px}.transparency-toggle-btn{color:var(--md-on-surface-variant);position:relative;z-index:10}.transparency-toggle-btn:hover{background-color:var(--md-surface-2)}.transparency-toggle-btn.active{background-color:#6750a41a;background-color:rgba(var(--md-primary-rgb,103,80,164),.1);color:var(--md-primary)}.subtitle-settings-panel.transparent .close-settings-btn,.subtitle-settings-panel.transparent .transparency-toggle-btn{background-color:initial;border:1px solid #ffffff4d;color:#fff}.subtitle-settings-panel.transparent .close-settings-btn{font-size:1.1rem;height:28px;transition:background-color .2s var(--md-easing-standard),color .2s var(--md-easing-standard),transform .1s var(--md-easing-standard);width:28px}.subtitle-settings-panel.transparent .close-settings-btn:hover{background-color:#ffffff1a;color:#fff}.subtitle-settings-panel.transparent .close-settings-btn:active{transform:scale(.95)}.subtitle-settings-panel.transparent .transparency-toggle-btn.active{background-color:#ffffff1a;color:#fff}.close-settings-btn{font-size:1.25rem;line-height:1;transition:background-color .2s var(--md-easing-standard),color .2s var(--md-easing-standard)}.close-settings-btn:hover{background-color:#00000014;background-color:rgba(var(--md-on-surface-rgb,0,0,0),.08);color:var(--md-on-surface)}.settings-content{background-color:var(--md-surface);max-height:450px;padding:1.25rem;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.subtitle-language-group{background-color:var(--md-primary-container);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);margin-bottom:1.5rem;padding:1rem}.subtitle-language-group label{color:var(--md-on-primary-container);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.subtitle-language-select{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.subtitle-language-select:disabled{cursor:not-allowed;opacity:.6}.settings-divider{border:none;border-top:1px solid var(--md-outline-variant);margin:.5rem 0 1.5rem}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}.setting-group{margin-bottom:1.25rem;position:relative}.setting-group:last-child{margin-bottom:.5rem}.setting-group label{color:var(--md-on-surface-variant);display:block;font-size:.9rem;font-size:var(--md-body-medium-size,.9rem);font-weight:400;font-weight:var(--md-body-medium-weight,400);letter-spacing:.25px;margin-bottom:.5rem}.setting-group input[type=number],.setting-group input[type=text],.setting-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface-1);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-family:Roboto,Poppins,sans-serif;font-size:.9rem;font-size:var(--md-body-medium-size,.9rem);padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard),background-color .2s var(--md-easing-standard);width:100%}.setting-group input[type=number]:hover,.setting-group input[type=text]:hover,.setting-group select:hover{border-color:var(--md-outline)}.setting-group input[type=number]:focus,.setting-group input[type=text]:focus,.setting-group select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px #5d5fef33;box-shadow:0 0 0 2px rgba(var(--md-primary-rgb,93,95,239),.2);outline:none}.setting-group input[type=color]{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:12px;cursor:pointer;height:42px;padding:2px;transition:border-color .2s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);width:100%}.setting-group input[type=color]:hover{border-color:var(--md-outline)}.setting-group input[type=color]:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px #5d5fef33;box-shadow:0 0 0 2px rgba(var(--md-primary-rgb,93,95,239),.2);outline:none}.range-with-value{align-items:center;display:flex;gap:.75rem;padding:.25rem 0}.range-with-value input[type=range]{-webkit-appearance:none;appearance:none;background:var(--md-surface-variant);border-radius:2px;flex:1 1;height:4px;outline:none}.range-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--md-primary);border-radius:50%;box-shadow:var(--md-elevation-level1);cursor:pointer;height:18px;-webkit-transition:transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);transition:transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);width:18px}.range-with-value input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.range-with-value input[type=range]::-moz-range-thumb{background:var(--md-primary);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);cursor:pointer;height:18px;-moz-transition:transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);transition:transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);width:18px}.range-with-value input[type=range]::-moz-range-thumb:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.range-value{background-color:var(--md-surface-1);border-radius:var(--md-shape-small);color:var(--md-on-surface);font-size:.9rem;font-size:var(--md-body-medium-size,.9rem);font-weight:500;min-width:48px;padding:.25rem .5rem;text-align:right}.position-labels{color:var(--md-on-surface-variant);display:flex;font-size:.8rem;font-size:var(--md-label-small-size,.8rem);justify-content:space-between;letter-spacing:.5px;margin-top:.25rem}.reset-settings-btn{align-items:center;background-color:var(--md-surface-2);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--md-label-large-size,.9rem);font-weight:500;font-weight:var(--md-label-large-weight,500);gap:.75rem;justify-content:center;letter-spacing:.1px;margin-top:1rem;padding:.75rem 1rem;transition:background-color .2s var(--md-easing-standard),transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);width:100%}.reset-settings-btn:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level2)}.reset-settings-btn:active{box-shadow:var(--md-elevation-level1);transform:scale(.98)}.download-with-subtitles-btn.md-filled-tonal-button{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.download-with-subtitles-btn.md-filled-tonal-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-primary-container),rgba(0,0,0,var(--md-state-hover-opacity)))}.download-with-subtitles-btn.md-filled-tonal-button:active:not(:disabled){background-color:color-mix(in srgb,var(--md-primary-container),rgba(0,0,0,var(--md-state-pressed-opacity)))}.download-with-translated-subtitles-btn.md-filled-tonal-button{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.download-with-translated-subtitles-btn.md-filled-tonal-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-tertiary-container),rgba(0,0,0,var(--md-state-hover-opacity)))}.download-with-translated-subtitles-btn.md-filled-tonal-button:active:not(:disabled){background-color:color-mix(in srgb,var(--md-tertiary-container),rgba(0,0,0,var(--md-state-pressed-opacity)))}.font-select{background-color:var(--md-surface-1);color:var(--md-on-surface);font-family:inherit;max-height:300px;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.font-select::-webkit-scrollbar{height:6px;width:6px}.font-select::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.font-select::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:3px}.font-select::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}.font-select optgroup{color:var(--md-primary);font-size:.9rem;font-weight:600;padding:4px 0}.font-select option{background-color:var(--md-surface-1);color:var(--md-on-surface);font-weight:400;padding:8px}.font-select option:checked,.font-select option:focus,.font-select option:hover,select option:checked,select option:focus,select option:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.subtitle-settings-panel.transparent select option{background-color:#242327f2;color:#fff;padding:8px 12px}.subtitle-settings-panel.transparent select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}.font-select option[value*="Noto Sans KR"]{font-family:Noto Sans KR,sans-serif}.font-select option[value*="Nanum Gothic"]{font-family:Nanum Gothic,sans-serif}.font-select option[value*="Malgun Gothic"]{font-family:Malgun Gothic,sans-serif}.font-select option[value*="Nanum Myeongjo"]{font-family:Nanum Myeongjo,serif}.font-select option[value*="Nanum Barun Gothic"]{font-family:Nanum Barun Gothic,sans-serif}.font-select option[value*="Spoqa Han Sans"]{font-family:Spoqa Han Sans,sans-serif}.font-select option[value*="KoPub Batang"]{font-family:KoPub Batang,serif}.font-select option[value*="Gowun Dodum"]{font-family:Gowun Dodum,sans-serif}.font-select option[value*="Noto Sans Vietnamese"]{font-family:Noto Sans Vietnamese,sans-serif}.font-select option[value*="Be Vietnam Pro"]{font-family:Be Vietnam Pro,sans-serif}.font-select option[value*=Sarabun]{font-family:Sarabun,sans-serif}.font-select option[value*="Montserrat Alternates"]{font-family:Montserrat Alternates,sans-serif}.font-select option[value*="Josefin Sans"]{font-family:Josefin Sans,sans-serif}.font-select option[value*=Lexend]{font-family:Lexend,sans-serif}.font-select option[value*="Noto Sans"]{font-family:Noto Sans,sans-serif}.font-select option[value*=Roboto]{font-family:Roboto,sans-serif}.font-select option[value*="Arial Unicode"]{font-family:Arial Unicode MS,sans-serif}.font-select option[value*="Source Sans Pro"]{font-family:Source Sans Pro,sans-serif}.font-select option[value*="Open Sans"]{font-family:Open Sans,sans-serif}.font-select option[value*="Noto Serif"]{font-family:"Noto Serif",serif}.font-select option[value*="Nanum Gothic Coding"]{font-family:Nanum Gothic Coding,monospace}.font-preview{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem}.font-preview-label{color:var(--md-on-surface-variant);font-size:.75rem;font-size:var(--md-label-small-size,.75rem);font-weight:500}.font-preview-samples{display:flex;flex-direction:column;gap:.5rem}.font-preview-text{color:var(--md-on-surface);font-size:1.25rem;line-height:1.5;word-break:keep-all}.button-toggle-group{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);display:flex;overflow:hidden}.button-toggle{align-items:center;background-color:initial;border:none;color:var(--md-on-surface-variant);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:.6rem;transition:background-color .2s var(--md-easing-standard),color .2s var(--md-easing-standard),transform .1s var(--md-easing-standard)}.button-toggle:not(:last-child){border-right:1px solid var(--md-outline-variant)}.button-toggle:hover{background-color:var(--md-surface-2)}.button-toggle:active{transform:scale(.95)}.button-toggle.active{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.subtitle-settings-panel.transparent .button-toggle{color:#fff;padding:10px}.subtitle-settings-panel.transparent .button-toggle:hover{background-color:#fff3}.subtitle-settings-panel.transparent .button-toggle.active{background-color:#6750a480;background-color:rgba(var(--md-primary-rgb,103,80,164),.5);color:#fff}.checkbox-label{align-items:baseline;display:flex;gap:1rem;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:var(--md-surface-1);border:2px solid var(--md-outline);border-radius:2px;cursor:pointer;flex-shrink:0;height:18px;left:-12px;margin:0;position:relative;top:2px;transition:background-color .2s var(--md-easing-standard),border-color .2s var(--md-easing-standard);width:18px}.checkbox-label input[type=checkbox]:checked{background-color:var(--md-primary);border-color:var(--md-primary);margin-left:12px}.checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.checkbox-label span{color:var(--md-on-surface);display:inline-block;font-size:.9rem;font-size:var(--md-body-medium-size,.9rem);line-height:18px;position:relative;top:0}.setting-description{color:var(--md-on-surface-variant);font-size:.75rem;font-size:var(--md-label-small-size,.75rem);line-height:1.4;margin:.25rem 0 0;padding-left:2.5rem}.range-with-value input[type=range]:disabled{cursor:not-allowed;opacity:.6}.range-with-value input[type=range]:disabled+.range-value{opacity:.6}.checkbox-setting{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.checkbox-input{accent-color:var(--md-primary);border-radius:2px;cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{color:var(--md-on-surface);cursor:pointer;font-size:.9rem;font-size:var(--md-body-medium-size,.9rem);font-weight:400;font-weight:var(--md-body-medium-weight,400);line-height:1.4;margin:0}.checkbox-input:disabled+.checkbox-label{cursor:not-allowed;opacity:.6}@media (max-width:768px){.subtitle-settings-panel{max-height:70vh;right:0;width:300px}.action-buttons{align-items:flex-end;flex-direction:column;gap:.5rem}.action-button{font-size:.8rem;font-size:var(--md-label-medium-size,.8rem);padding:.5rem .75rem;width:100%}.settings-content{max-height:60vh;padding:1rem}.setting-group{margin-bottom:1.25rem}}.custom-select-container{font-family:inherit;position:relative;width:100%}.custom-select-btn{align-items:center;background:#fff;background:var(--md-surface-1,#fff);border:1px solid #ccc;border:1px solid var(--md-outline-variant,#ccc);border-radius:8px;border-radius:var(--md-shape-medium,8px);color:#222;color:var(--md-on-surface,#222);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.custom-select-btn.open,.custom-select-btn:focus{border-color:#4a6cf7;border-color:var(--md-primary,#4a6cf7);box-shadow:0 0 0 2px #4a6cf726}.custom-select-btn:disabled{background:#f3f3f3;color:#aaa;cursor:not-allowed}.custom-select-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{font-size:1rem;margin-left:1rem;pointer-events:none}.custom-select-dropdown{animation:fadeIn .18s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--md-surface-1,#fff);border:1px solid #ccc;border:1px solid var(--md-outline-variant,#ccc);border-radius:8px;border-radius:var(--md-shape-medium,8px);box-shadow:0 4px 24px #0000001a;left:0;max-height:260px;min-width:120px;overflow-y:auto;padding:4px 0;position:absolute;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin;top:calc(100% + 4px);width:100%;z-index:1000}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}[data-theme=dark] .custom-select-btn,[data-theme=dark] .custom-select-dropdown{background:#23232b;border-color:#444;color:#f3f3f3}[data-theme=dark] .custom-select-dropdown{scrollbar-color:var(--md-outline-variant) var(--md-surface-1)}[data-theme=dark] .custom-select-dropdown::-webkit-scrollbar-track{background:var(--md-surface-1)}[data-theme=dark] .custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--md-outline-variant)}[data-theme=dark] .custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}[data-theme=dark] .custom-select-group-label{color:#90caf9}[data-theme=dark] .custom-select-option.selected{background:#2a3b6e;color:#fff}[data-theme=dark] .custom-select-option.highlighted:not(.selected){background:#2c2c38;color:#90caf9}.custom-select-container.disabled .custom-select-btn{background:#f3f3f3;border-color:#eee;color:#aaa;cursor:not-allowed}.custom-select-option{background:#0000;border:none;color:#222;color:var(--md-on-surface,#222);cursor:pointer;display:block;font-size:1rem;outline:none;padding:10px 18px 10px 24px;text-align:left;transition:background .15s,color .15s;width:100%}.custom-checkbox-container{align-items:center;cursor:pointer;display:inline-flex;font-size:1rem;gap:.75em;position:relative;-webkit-user-select:none;user-select:none}.custom-checkbox-container input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.custom-checkbox-box{align-items:center;background:#fff;background:var(--md-surface-1,#fff);border:2px solid #bbb;border:2px solid var(--md-outline-variant,#bbb);border-radius:6px;box-sizing:border-box;display:flex;height:22px;justify-content:center;position:relative;transition:border-color .18s,background .18s;width:22px}.custom-checkbox-container input[type=checkbox]:focus+.custom-checkbox-box{border-color:#4a6cf7;border-color:var(--md-primary,#4a6cf7);box-shadow:0 0 0 2px #4a6cf726}.custom-checkbox-box svg{color:#4a6cf7;color:var(--md-primary,#4a6cf7);display:block}.custom-checkbox-container input[type=checkbox]:checked+.custom-checkbox-box{background:#e3e8fd;background:var(--md-primary-container,#e3e8fd);border-color:#4a6cf7;border-color:var(--md-primary,#4a6cf7)}.custom-checkbox-label{color:#222;color:var(--md-on-surface,#222);font-size:1rem;font-weight:500}.custom-checkbox-container.disabled{cursor:not-allowed;opacity:.6}.custom-checkbox-container.disabled .custom-checkbox-label{color:#aaa}[data-theme=dark] .custom-checkbox-box{background:#23232b;border-color:#444}[data-theme=dark] .custom-checkbox-label{color:#f3f3f3}[data-theme=dark] .custom-checkbox-box svg{color:#90caf9}[data-theme=dark] .custom-checkbox-container input[type=checkbox]:checked+.custom-checkbox-box{background:#2a3b6e;border-color:#90caf9}.model-dropdown-container{display:inline-block;position:relative}.model-dropdown-container.dropdown-open{z-index:99999}.model-dropdown-btn{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:21px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s,transform .1s,box-shadow .2s;white-space:nowrap}.model-dropdown-btn:hover{background-color:var(--md-surface-3)}.model-dropdown-btn.active-dropdown-btn{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level2)}.model-dropdown-selected{align-items:center;display:flex;gap:6px}.model-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{transition:transform .2s var(--md-easing-standard)}.active-dropdown-btn .dropdown-icon{transform:rotate(180deg)}.model-options-dropdown{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-elevation-level3);left:0;overflow:hidden;position:absolute;top:100%;width:240px;z-index:99999}.model-options-header{background-color:var(--md-surface-3);border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);padding:12px 16px}.model-options-list{max-height:300px;overflow-y:auto}.model-option-btn{align-items:center;background-color:initial;border:none;color:var(--md-on-surface);cursor:pointer;display:flex;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background-color .2s;width:100%}.model-option-btn:hover{background-color:var(--md-surface-2)}.model-option-btn.selected{background-color:rgba(var(--md-primary-rgb),.1);background-color:var(--model-bg-color,rgba(var(--md-primary-rgb),.1))}.model-option-btn.selected:after{background-color:var(--md-primary);background-color:var(--model-color,var(--md-primary));bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.model-option-icon{background-color:rgba(var(--md-primary-rgb),.1);background-color:var(--model-bg-color,rgba(var(--md-primary-rgb),.1))}.model-icon{color:var(--md-primary);color:var(--model-color,var(--md-primary));height:16px;width:16px}.star-icon{color:var(--md-tertiary)}.award-icon{color:var(--md-secondary)}.zap-icon{color:var(--md-primary)}.cpu-icon{color:var(--success-color)}.model-option-description{color:var(--md-on-surface-variant);font-size:var(--md-body-small-size)}.model-dropdown-label{color:var(--text-secondary);font-size:.85rem;margin-right:4px}@media (max-width:768px){.model-options-dropdown{width:220px}.model-name{max-width:80px}}.model-badge-premium{background:linear-gradient(90deg,#a259ff,#6a82fb);border-radius:12px;box-shadow:0 1px 4px #a259ff1f}.model-badge-premium,.model-badge-recommend{align-items:center;color:#fff;display:inline-flex;font-size:.95em;font-weight:600;margin-left:8px;padding:2px 10px}.model-badge-recommend{background:linear-gradient(90deg,#00c6fb,#005bea)}.model-badge-maintenance{align-items:center;background:linear-gradient(90deg,#ffb347,#fc3);color:#fff;display:inline-flex;font-size:.95em;font-weight:600;margin-left:8px;padding:2px 10px}.model-badge-stable{background:linear-gradient(90deg,#43e97b,#38f9d7)}.model-badge-experimental,.model-badge-stable{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.95em;font-weight:600;margin-left:8px;padding:2px 10px}.model-badge-experimental{background:linear-gradient(90deg,#ffb347,#ff416c)}.prompt-editor-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.prompt-editor-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.prompt-editor-header{align-items:center;background-color:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);border-top-left-radius:var(--md-shape-large);border-top-right-radius:var(--md-shape-large);display:flex;justify-content:space-between;padding:16px 24px}.prompt-editor-header h3{color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);margin:0}.prompt-editor-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.prompt-editor-content::-webkit-scrollbar{width:8px}.prompt-editor-content::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:4px}.prompt-editor-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-1);border-radius:4px}.prompt-editor-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .prompt-editor-content{scrollbar-color:var(--md-outline) var(--md-surface-2)}[data-theme=dark] .prompt-editor-content::-webkit-scrollbar-track{background:var(--md-surface-2)}[data-theme=dark] .prompt-editor-content::-webkit-scrollbar-thumb{background-color:var(--md-outline);border:2px solid var(--md-surface-2)}[data-theme=dark] .prompt-editor-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-on-surface-variant)}.prompt-editor-description{color:var(--md-on-surface-variant);font-size:var(--md-body-medium-size);margin:0}.prompt-editor-textarea{background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-family:Roboto Mono,monospace;font-size:var(--md-body-medium-size);height:200px;line-height:1.5;min-height:200px;padding:12px;resize:vertical;scrollbar-color:var(--md-primary) var(--md-surface-2);scrollbar-width:thin;width:100%}.prompt-editor-textarea::-webkit-scrollbar{height:8px;width:8px}.prompt-editor-textarea::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:4px}.prompt-editor-textarea::-webkit-scrollbar-thumb{background-color:var(--md-primary);border:2px solid var(--md-surface-2);border-radius:4px}.prompt-editor-textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.prompt-editor-textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.prompt-editor-variables{background-color:var(--md-surface-2);border-left:4px solid var(--md-tertiary);border-radius:var(--md-shape-medium);padding:16px}.prompt-editor-variables h4{color:var(--md-on-surface);font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);margin:0 0 8px}.variables-instruction{color:var(--md-on-surface-variant);font-size:var(--md-body-small-size);font-style:italic;margin:8px 0}.prompt-editor-variables ul{margin:0;padding-left:24px}.prompt-editor-variables li{align-items:center;color:var(--md-on-surface-variant);display:flex;gap:4px;margin-bottom:8px}.prompt-editor-variables code{background-color:var(--md-surface-3);border-radius:4px;color:var(--md-tertiary);font-family:Roboto Mono,monospace;margin:0 4px;padding:2px 4px}.prompt-editor-footer{align-items:center;background-color:var(--md-surface-2);border-top:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 24px}.right-buttons{display:flex;gap:12px}.cancel-button,.reset-button,.save-button{border-radius:var(--md-shape-pill);cursor:pointer;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);padding:8px 16px;transition:background-color .2s}.reset-button{background-color:initial;border:1px solid var(--md-error);color:var(--md-error)}.reset-button:hover{background-color:rgba(var(--md-error-rgb),.08)}.cancel-button:hover{background-color:rgba(var(--md-primary-rgb),.08)}.save-button{background-color:var(--md-primary);border:none;color:var(--md-on-primary)}.save-button:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.edit-prompt-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.edit-prompt-button:hover{background-color:var(--md-surface-3);color:var(--md-primary)}.edit-prompt-button-with-text{background-color:initial;border-radius:var(--md-shape-pill);color:var(--md-on-surface-variant);font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);padding:6px 12px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.edit-prompt-button-with-text:hover{box-shadow:var(--md-elevation-level1);color:var(--md-primary);transform:translateY(-1px)}.edit-prompt-button-with-text svg{transition:transform .3s var(--md-easing-emphasized)}.edit-prompt-button-with-text:hover svg{color:var(--md-primary);transform:rotate(15deg)}.variable-floating-card{align-items:center;animation:pulse 2s infinite;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:20px;box-shadow:var(--md-elevation-level1);display:inline-flex;justify-content:center;left:120px;padding:4px 10px;pointer-events:none;position:absolute;top:40px;transform:translateY(-50%);z-index:20}.variable-icon{margin-right:4px}.variable-floating-card .variable-icon,.variable-icon{font-size:1.2rem}.variable-label,.variable-text{color:var(--md-primary);font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:500}.variable-label{font-size:.8rem;margin-left:4px}.subtitles-text-card .variable-icon{color:#4caf50}.target-language-card .variable-icon{color:#2196f3}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.model-selection-container{position:relative}.model-header{position:absolute;right:0;top:-30px}.prompt-editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.prompt-editor-actions button{border-radius:var(--md-shape-pill);cursor:pointer;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);padding:8px 16px;transition:background-color .2s}.prompt-editor-actions .secondary-button{background-color:initial;border:1px solid var(--md-error);color:var(--md-error)}.prompt-editor-actions .secondary-button:hover{background-color:rgba(var(--md-error-rgb),.08)}.prompt-editor-actions .primary-button{background-color:var(--md-primary);border:none;color:var(--md-on-primary)}.prompt-editor-actions .primary-button:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.export-modal-content{gap:16px}.export-modal-content p{color:var(--md-on-surface);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height);margin:0}.export-modal-radio-group{flex-direction:column}.export-modal-radio-option{padding:12px 16px}.export-modal-cancel-button{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-size:var(--md-body-medium-size);transition:all .2s}.export-modal-cancel-button:hover{background-color:var(--md-surface-3)}.export-modal-action-button{border-radius:var(--md-shape-medium);font-size:var(--md-body-medium-size);transition:all .2s}.export-modal-action-button:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.main-action-btn{align-items:center;border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:38px!important;justify-content:center;line-height:var(--md-label-large-height);max-width:none!important;min-width:0!important;overflow:hidden;padding:8px 16px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized),box-shadow var(--md-duration-medium2) var(--md-easing-standard);width:140px!important}.export-btn{background-color:var(--md-secondary);color:var(--md-on-secondary)}.download-btn:hover,.export-btn:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.export-btn:before{background-color:initial;border-radius:var(--md-shape-pill);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.export-btn:hover:before{background-color:rgba(255,255,255,var(--md-state-hover-opacity))}.export-btn:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.export-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.export-btn:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.export-btn svg{stroke:currentColor;display:block;height:18px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:18px}.export-btn:hover svg{transform:translateY(2px)}.export-btn span{display:block;line-height:1}.main-action-btn svg{stroke:currentColor!important;display:block!important;height:18px!important;width:18px!important}.main-action-btn span{display:block!important;line-height:1!important}@media (max-width:600px){.export-modal{max-height:95vh;width:95%}.export-modal-footer{flex-direction:column}.export-modal-action-button,.export-modal-cancel-button{width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.download-options-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;background-color:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 24px}.modal-header h3{color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-button:hover{background-color:var(--md-surface-3)}.modal-content{gap:24px;padding:24px}.modal-content,.option-group{display:flex;flex-direction:column}.option-group{gap:12px}.option-group h4{color:var(--md-on-surface);font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);margin:0}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-option{align-items:center;background-color:var(--md-surface-2);border-radius:var(--md-shape-medium);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.info-icon-container{align-items:center;cursor:help;display:flex;justify-content:center;margin-left:4px;position:relative}.info-icon{color:var(--md-on-surface-variant);height:16px;opacity:.7;transition:opacity .2s,color .2s;width:16px}.info-icon-container:hover .info-icon{color:var(--md-primary);opacity:1}.radio-option:hover{background-color:var(--md-surface-3)}.radio-option input{margin:0}.radio-option.disabled{cursor:not-allowed;opacity:.5}.tabs{border-bottom:1px solid var(--md-outline-variant);display:flex;margin-bottom:8px}.tab{color:var(--md-on-surface-variant);cursor:pointer;font-weight:500;padding:12px 16px;position:relative;transition:color .2s}.tab.active{color:var(--md-primary)}.tab.active:after{background-color:var(--md-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab:hover:not(.active){background-color:var(--md-surface-2);color:var(--md-on-surface)}.modal-footer{background-color:var(--md-surface-2);border-top:1px solid var(--md-outline-variant);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-button{background-color:initial;border:none;border-radius:var(--md-shape-pill);color:var(--md-primary);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.cancel-button:hover{background-color:var(--md-primary-container)}.action-button{align-items:center;border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s,transform .2s,box-shadow .2s}.action-button:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.action-button.download-button{align-items:center;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:36px!important;justify-content:center;line-height:var(--md-label-large-height);min-width:100px!important;padding:8px 16px}.download-button:hover{background-color:var(--md-primary-hover)}.process-button{background-color:var(--md-tertiary);color:var(--md-on-tertiary)}.process-button:hover{background-color:var(--md-tertiary-hover)}.modal-model-dropdown{background-color:var(--md-surface-3);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);height:40px;width:100%}@media (max-width:600px){.download-options-modal{max-height:80vh;width:95%}.radio-group{gap:8px}.modal-footer,.radio-group{flex-direction:column}.action-button,.cancel-button{justify-content:center;width:100%}}.progress-status{align-items:center;animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);border-radius:var(--md-shape-medium);display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);line-height:var(--md-body-medium-height);margin:0;padding:16px;position:relative}.progress-status-content{display:flex;flex-direction:column;gap:12px;width:100%}.progress-status-message{align-items:center;color:var(--md-on-surface);display:flex;gap:12px}.progress-status-message:before{border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;width:8px}.progress-status-bar-container{align-items:center;display:flex;gap:12px;width:100%}.progress-status-bar{background-color:var(--md-surface-variant);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.progress-status-bar-fill{background:linear-gradient(90deg,var(--md-primary) 0,var(--md-secondary) 100%);border-radius:4px;height:100%;position:relative;transition:width .3s var(--md-easing-standard)}.progress-status-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-status-percentage{color:var(--md-on-surface-variant);font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);min-width:40px;text-align:right}.progress-status.loading{color:var(--md-primary)}.progress-status.loading .progress-status-message:before{animation:pulse var(--md-duration-long2) var(--md-easing-standard) infinite;background-color:var(--md-primary)}.progress-status.success{color:var(--success-color)}.progress-status.success .progress-status-message:before{background-color:var(--success-color)}.progress-status.error{color:var(--md-error)}.progress-status.error .progress-status-message:before{background-color:var(--md-error)}.progress-status.warning{color:var(--warning-color)}.progress-status.warning .progress-status-message:before{background-color:var(--warning-color)}.progress-status.info{color:var(--md-primary)}.progress-status.info .progress-status-message:before{background-color:var(--md-primary)}@media (max-width:768px){.progress-status{padding:12px}.progress-status-bar-container,.progress-status-content{gap:8px}.progress-status-percentage{font-size:12px;min-width:35px}}.translation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.translation-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow-y:auto;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin;width:95%}.translation-modal::-webkit-scrollbar{margin-right:2px;width:8px}.translation-modal::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:4px;margin-bottom:4px;margin-right:2px}.translation-modal::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-1);border-radius:4px;margin-bottom:4px;margin-right:2px}.translation-modal::-webkit-scrollbar-thumb:hover{background-color:var(--md-on-surface-variant)}.translation-modal-header{align-items:center;background-color:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 24px}.translation-modal-header h3{color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);letter-spacing:var(--md-title-medium-tracking);line-height:var(--md-title-medium-line-height);margin:0}.translation-modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.translation-modal-close-button:hover{background-color:var(--md-surface-3)}.translation-modal-content{display:flex;flex-direction:column;gap:24px;padding:24px}.translation-description{color:var(--md-on-surface-variant);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height);margin:0}.translation-controls{display:flex;flex-direction:column;gap:16px}.translation-row{align-items:center;display:flex;gap:16px}.row-label{flex-shrink:0;min-width:120px}.row-label label{color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);margin:0}.row-content{align-items:center;display:flex;flex:1 1;gap:8px}.language-input{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-size:var(--md-body-medium-size);padding:8px 12px;transition:border-color .2s;width:100%}.language-input:focus{border-color:var(--md-primary);outline:none}.language-input:disabled{cursor:not-allowed;opacity:.5}.split-duration-select{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);cursor:pointer;font-size:var(--md-body-medium-size);font-weight:500;min-width:120px;padding:8px 12px;transition:background-color .2s,transform .1s,box-shadow .2s,border-color .2s}.split-duration-select:focus,.split-duration-select:hover{background-color:var(--md-surface-2);border-color:var(--md-outline)}.split-duration-select:focus{box-shadow:var(--md-elevation-level1);outline:none}.split-duration-select option{background-color:var(--md-surface-1);color:var(--md-on-surface);padding:8px 12px}.split-duration-select option:hover{background-color:var(--md-surface-2)}.split-duration-select option:checked{background-color:rgba(var(--md-primary-rgb),.1);color:var(--md-on-surface)}.help-icon-container{align-items:center;color:var(--md-on-surface-variant);cursor:help;display:flex;justify-content:center;opacity:.7;transition:opacity .2s}.help-icon-container:hover{opacity:1}.help-icon{height:18px;width:18px}.edit-prompt-button-with-text{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);cursor:pointer;display:flex;font-size:var(--md-body-medium-size);gap:8px;padding:8px 12px;transition:all .2s}.edit-prompt-button-with-text:hover{background-color:var(--md-surface-3);border-color:var(--md-primary)}.action-content{align-items:center;display:flex;gap:12px;justify-content:flex-start}.translate-button{align-items:center;background-color:var(--md-primary);border:none;border-radius:var(--md-shape-medium);color:var(--md-on-primary);cursor:pointer;display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);gap:8px;padding:12px 24px;transition:all .2s}.translate-button:hover:not(:disabled){background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.translate-button:disabled{cursor:not-allowed;opacity:.5}.inline-progress{align-items:center;display:inline-flex;margin-left:8px}.inline-progress .progress-status{max-width:460px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reset-translation-button{align-items:center;background-color:var(--md-secondary);border:none;border-radius:var(--md-shape-medium);color:var(--md-on-secondary);cursor:pointer;display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);gap:8px;padding:12px 24px;transition:all .2s}.reset-translation-button:hover{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.translation-status{background-color:var(--md-surface-2);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height);padding:12px}.top-status-row{background:var(--md-surface-1);border-bottom:1px dashed var(--md-outline-variant);padding-bottom:4px;padding-top:4px;position:sticky;top:0;z-index:2}.translation-error{background-color:var(--md-error-container);border-radius:var(--md-shape-medium);color:var(--md-on-error-container);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height);padding:12px}.translation-preview{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);margin-top:16px;overflow:hidden}.translation-preview-header{align-items:center;background-color:var(--md-surface-3);border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 20px}.translation-preview-header h4{color:var(--md-on-surface);font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);margin:0}.translation-stats{gap:16px}.stats-item,.translation-stats{align-items:center;display:flex}.stats-item{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);color:var(--md-on-surface-variant);font-size:var(--md-body-small-size);gap:4px;padding:4px 8px}.stats-item strong{color:var(--md-on-surface);font-weight:var(--md-body-medium-weight)}.stats-item:first-child{background-color:var(--md-primary-container);border-color:var(--md-primary)}.stats-item:first-child,.stats-item:first-child strong{color:var(--md-on-primary-container)}.stats-item:nth-child(2){background-color:var(--md-secondary-container);border-color:var(--md-secondary)}.stats-item:nth-child(2),.stats-item:nth-child(2) strong{color:var(--md-on-secondary-container)}.stats-item:nth-child(3){background-color:var(--md-tertiary-container);border-color:var(--md-tertiary)}.stats-item:nth-child(3),.stats-item:nth-child(3) strong{color:var(--md-on-tertiary-container)}.translation-preview-content{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:16px 20px;scrollbar-color:var(--md-outline-variant) var(--md-surface-2);scrollbar-width:thin}.translation-preview-content::-webkit-scrollbar{width:6px}.translation-preview-content::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:3px}.translation-preview-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:3px}.translation-preview-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-on-surface-variant)}.preview-subtitles-container{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);display:flex;flex-direction:column;gap:8px;padding:12px}.preview-subtitle-item{border-bottom:1px solid var(--md-outline-variant);display:flex;flex-direction:column;gap:4px;padding:8px 0}.preview-subtitle-item:last-child{border-bottom:none}.preview-time{color:var(--md-on-surface-variant);font-family:Courier New,monospace;font-size:var(--md-body-small-size)}.preview-text{color:var(--md-on-surface);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height)}.preview-more{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);padding:12px}.more-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.more-text{color:var(--md-on-surface-variant)}.more-count,.more-text{font-size:var(--md-body-small-size)}.more-count{color:var(--md-on-surface);font-weight:var(--md-body-medium-weight)}.preview-progress{background-color:var(--md-outline-variant);border-radius:2px;height:4px;overflow:hidden;width:100%}.preview-progress .progress-bar{background-color:var(--md-primary);border-radius:2px;height:100%;transition:width .3s ease}.preview-complete{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);padding:12px;text-align:center}.complete-text{color:var(--md-on-surface-variant);font-size:var(--md-body-small-size);font-style:italic}@media (max-width:600px){.translation-modal{max-height:90vh;width:98%}.translation-row{align-items:flex-start;flex-direction:column;gap:8px}.row-label{min-width:auto}.action-content{align-items:stretch;flex-direction:column;width:100%}.reset-translation-button,.translate-button{width:100%}.inline-progress{justify-content:center;margin-left:0;width:100%}.translation-preview-header{align-items:flex-start;flex-direction:column;gap:12px}.translation-stats{flex-wrap:wrap;gap:8px}.stats-item{font-size:var(--md-body-small-size);padding:3px 6px}.more-info{align-items:flex-start;flex-direction:column;gap:4px}}.translation-model-select{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);box-shadow:none;color:var(--md-on-surface);cursor:pointer;font-size:var(--md-body-medium-size);font-weight:500;min-width:180px;padding:8px 12px;transition:background-color .2s,transform .1s,box-shadow .2s,border-color .2s}.translation-model-select:hover{background-color:var(--md-surface-3);border-color:var(--md-outline)}.translation-model-select:focus{background-color:var(--md-surface-2);border-color:var(--md-primary);box-shadow:var(--md-elevation-level1);outline:none}.translation-model-select option{background-color:var(--md-surface-1);color:var(--md-on-surface);padding:8px 12px}.translation-model-select option:hover{background-color:var(--md-surface-2)}.translation-model-select option:checked{background-color:rgba(var(--md-primary-rgb),.1);color:var(--md-on-surface)}.subtitle-language-toggle-container{align-items:flex-start;display:flex;flex-direction:column;gap:0;transition:opacity .3s ease,visibility .3s ease}.subtitle-language-toggle-container.hidden{opacity:.5;pointer-events:none}.subtitle-language-toggle-container.hidden .toggle-wrapper{opacity:.5}.toggle-wrapper{background-color:var(--md-surface-2);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);gap:0;min-height:32px;padding:2px}.toggle-option,.toggle-wrapper{align-items:center;display:flex}.toggle-option{background-color:initial;border:none;border-radius:var(--md-shape-pill);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-size:var(--md-label-medium-size,.8rem);font-weight:500;font-weight:var(--md-label-medium-weight,500);gap:6px;min-height:28px;padding:6px 12px;transition:background-color .2s var(--md-easing-standard),color .2s var(--md-easing-standard)}.toggle-option.active{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.toggle-option:not(.active):hover{background-color:var(--md-surface-3)}.toggle-option.disabled{cursor:not-allowed;opacity:.38}.toggle-label{white-space:nowrap}.target-language{font-size:.75em;margin-left:4px;opacity:.7}.toggle-hint-inline{align-self:center;margin-left:12px;white-space:nowrap}.toggle-hint,.toggle-hint-inline{color:var(--text-secondary);font-size:.7rem;font-size:var(--md-label-small-size,.7rem);opacity:.7}.toggle-hint{text-align:center}.subtitle-hide-toggle,.subtitle-hide-toggle-container{align-items:center;display:flex}.subtitle-hide-toggle{background-color:var(--md-surface-2);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-size:var(--md-label-medium-size,.8rem);font-weight:500;font-weight:var(--md-label-medium-weight,500);gap:6px;justify-content:center;min-height:32px;padding:6px 12px;transition:all .2s var(--md-easing-standard)}.subtitle-hide-toggle:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level2)}.subtitle-hide-toggle:active{box-shadow:var(--md-elevation-level1);transform:scale(.98)}.subtitle-hide-toggle.visible{background-color:#4caf50;color:#fff}.subtitle-hide-toggle.visible:hover{background-color:#45a049}.subtitle-hide-toggle.hidden{background-color:#f44336;color:#fff}.subtitle-hide-toggle.hidden:hover{background-color:#d32f2f}.subtitle-hide-toggle svg{flex-shrink:0;height:16px;width:16px}.subtitle-hide-toggle .toggle-label{font-weight:500;white-space:nowrap}@media (max-width:768px){.subtitle-hide-toggle{font-size:.8rem;font-size:var(--md-label-medium-size,.8rem);min-height:32px;padding:6px 12px}.subtitle-hide-toggle .toggle-label{display:none}.subtitle-hide-toggle{height:32px;justify-content:center;min-width:auto;padding:6px;width:32px}}.video-preview{border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative}.video-preview-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem;position:relative}.video-preview-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.video-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.translate-btn{align-items:center;background-color:#4caf50;border:none;border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);color:#fff;cursor:pointer;display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);gap:8px;padding:8px 16px;transition:background-color .2s var(--md-easing-standard),transform .1s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard)}.translate-btn:hover:not(:disabled){background-color:#45a049;box-shadow:var(--md-elevation-level2)}.translate-btn:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:scale(.98)}.translate-btn:disabled{cursor:not-allowed;opacity:.38}.rendering-overlay{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;z-index:100}.rendering-progress{background-color:#fff3;border-radius:10px;height:20px;margin-bottom:1rem;overflow:hidden;width:80%}.rendering-text{font-size:1rem;text-align:center}.video-container{border-radius:6px;overflow:hidden;width:100%}.native-video-container,.video-container{position:relative}.video-player{background-color:#000;max-height:500px;width:100%}.custom-video-container{border-radius:6px;color:#fff;overflow:hidden}.custom-video-container,.custom-video-preview{background-color:#000;position:relative;width:100%}.custom-video-preview{background-position:50%;background-size:cover;height:0;padding-bottom:56.25%}.custom-controls{flex-direction:column;height:100%;position:absolute;width:100%;z-index:2}.custom-controls,.play-pause-button{align-items:center;display:flex;justify-content:center}.play-pause-button{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;transition:background-color .3s;width:60px}.play-pause-button:hover{background:#000c}.time-display{background:#0009;border-radius:4px;bottom:40px;font-size:14px;left:15px;padding:5px 10px;position:absolute}.custom-progress-bar{background:#00000080;bottom:0;height:8px;left:0;position:absolute;width:100%;z-index:3}.progress-track{cursor:pointer;height:100%;position:relative;width:100%}.progress-fill{background-color:#4a6cf7;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.video-subtitle{word-wrap:break-word;background-color:#000000b3;background-color:var(--background-color,#000000b3);border-radius:4px;border-radius:var(--background-radius,4px);bottom:60px;color:#fff;color:var(--text-color,#fff);font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);font-size:16px;font-size:var(--font-size,16px);font-weight:400;font-weight:var(--font-weight,400);left:0;letter-spacing:0;letter-spacing:var(--letter-spacing,0);line-height:1.4;line-height:var(--line-spacing,1.4);margin:0 auto;max-width:90%;max-width:var(--box-width,90%);overflow-wrap:break-word;padding:12px;padding:var(--background-padding,12px);position:absolute;right:0;text-align:center;text-align:var(--text-align,center);text-shadow:1px 1px 1px #00000080;text-shadow:var(--text-shadow,1px 1px 1px #00000080);text-transform:none;text-transform:var(--text-transform,none);z-index:2}.player-notice{background-color:#f8f9fa;border-top:1px solid #eee;color:#555;font-size:14px;padding:8px 12px;text-align:center}.player-notice p{margin:0}.video-downloading{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px}.download-progress{background-color:#ddd;border-radius:10px;height:20px;margin-bottom:15px;overflow:hidden;width:100%}.progress-bar{background-color:#4a6cf7;height:100%;transition:width .3s ease}.download-text{color:#555;font-size:16px}.error{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:14px;margin-bottom:15px;padding:15px}.no-video-message{background-color:#f8f9fa;border-radius:6px;color:#666;font-size:16px;padding:60px 20px;text-align:center}::cue{background-color:#000000b3;background-color:var(--background-color,#000000b3);color:#fff;color:var(--text-color,#fff);font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);font-size:16px;font-size:var(--font-size,16px);font-weight:400;font-weight:var(--font-weight,400);line-height:1.4;line-height:var(--line-spacing,1.4);text-align:center;text-shadow:1px 1px 1px #00000080;text-shadow:var(--text-shadow,1px 1px 1px #00000080);white-space:pre-line}.status-content{align-items:center;display:flex;gap:8px;width:100%}.status-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{flex-shrink:0}@media (max-width:768px){.video-player{max-height:350px}.status-text{overflow:visible;text-overflow:clip;white-space:normal}.play-pause-button{font-size:20px;height:50px;width:50px}.time-display{bottom:30px;font-size:12px}.video-subtitle{font-size:14px;padding:8px}.video-preview-actions{align-items:stretch;flex-direction:column;gap:8px}.video-preview-actions>*{width:100%}}.fullscreen-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.fullscreen-btn:hover{background:#000c}.native-video-container:-webkit-full-screen .subtitle-overlay,.native-video-container:fullscreen .subtitle-overlay{left:0!important;max-width:100vw!important;text-align:center!important;transform:none!important;width:100vw!important}body.lyrics-dragging{cursor:grabbing!important}body.lyrics-dragging *{pointer-events:none;transform:none!important;transition:none!important}body.lyrics-dragging .time-control.dragging{pointer-events:auto!important;transform:scale(1.05) translateZ(0)!important;will-change:transform}.dragging-active .delete-lyric-btn:hover,.dragging-active .edit-lyric-btn:hover,.dragging-active .insert-lyric-button:hover,.dragging-active .lyric-item:hover,.dragging-active .lyric-text:hover,.dragging-active .merge-lyrics-button:hover,.dragging-active .time-control:hover:not(.dragging){background-color:initial;border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface);transform:none}.dragging-active .delete-lyric-btn:hover svg,.dragging-active .edit-lyric-btn:hover svg,.dragging-active .insert-lyric-button:hover svg,.dragging-active .lyric-text:hover span,.dragging-active .merge-lyrics-button:hover svg{transform:none}body.lyrics-dragging .time-control:hover:not(.dragging){background-color:var(--md-surface-1);border-color:var(--md-outline-variant);color:var(--md-on-surface);transform:none}.lyrics-display{animation:slideIn var(--md-duration-medium4) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level2);margin-bottom:32px;overflow:hidden;padding:24px;position:relative;transition:background-color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.lyrics-display:before{background-image:linear-gradient(135deg,color-mix(in srgb,var(--md-primary),#0000 95%) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.lyrics-header{flex-wrap:wrap;justify-content:space-between}.controls-timeline-container,.lyrics-header{align-items:center;display:flex;gap:8px;margin-bottom:.5rem;width:100%}.controls-timeline-container{position:relative}.combined-controls{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:var(--md-elevation-level1);display:flex;flex-direction:column;flex-shrink:0;height:88px;justify-content:space-between;margin-top:-8px;order:1;overflow:hidden;padding:4px 8px;width:auto}.controls-top-row{padding-bottom:2px}.controls-middle-row,.controls-top-row{align-items:center;display:flex;height:33%;justify-content:space-between;width:100%}.controls-middle-row{gap:4px;padding:2px 0}.controls-bottom-row{align-items:center;display:flex;height:33%;justify-content:space-between;padding-top:2px;width:100%}.lyrics-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);gap:8px;line-height:var(--md-title-medium-height);margin:0;transition:color var(--transition-speed)}.lyrics-header h3 svg{stroke:var(--text-primary);transition:stroke var(--transition-speed),transform .3s ease}.lyrics-header:hover h3 svg{transform:rotate(15deg)}.lyrics-container-wrapper{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level2);overflow:hidden;position:relative;transition:border-color var(--transition-speed),background-color var(--transition-speed),box-shadow var(--transition-speed);z-index:1}.lyrics-container-wrapper:before{background-color:var(--md-primary);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:2}.lyrics-container{scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.lyrics-container::-webkit-scrollbar{width:8px}.lyrics-container::-webkit-scrollbar-track{background:#0000}.lyrics-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.download-buttons{justify-content:space-between;margin-top:16px}.download-buttons .download-btn,.download-buttons .export-btn{align-items:center;border:none;border-radius:24px;box-shadow:var(--md-elevation-level1);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.download-buttons .download-btn:hover,.download-buttons .export-btn:hover{box-shadow:var(--md-elevation-level2)!important;transform:translateY(-2px)!important}.download-buttons .download-btn:disabled,.download-buttons .export-btn:disabled{background-color:var(--md-surface-3);box-shadow:none!important;color:var(--md-on-surface-variant);cursor:not-allowed;transform:none!important}.download-buttons .download-btn:disabled:hover,.download-buttons .export-btn:disabled:hover{box-shadow:none!important;transform:none!important}.download-buttons .download-btn svg,.download-buttons .export-btn svg{stroke:currentColor;stroke-width:2;fill:none;height:18px;width:18px}.download-buttons .download-btn{background-color:#ff69b4!important;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff!important;cursor:pointer;font-size:14px;font-weight:400;margin-left:auto;padding:12px 24px;transition:all .3s ease}.download-buttons .download-btn:hover{background-color:#ff69b4!important;box-shadow:0 4px 8px #0003;color:#fff!important;transform:translateY(-2px)}.download-buttons .download-btn:active{background-color:#ff69b4!important;box-shadow:0 2px 4px #0000001a;color:#fff!important;transform:translateY(0)}.download-buttons .export-btn{background-color:#4caf50;color:#fff}.download-buttons .export-btn:hover{background-color:#45a049!important}.export-video-modal{animation:slideIn var(--md-duration-medium4) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level3);max-height:80vh;max-width:500px;overflow:hidden;width:90%}.export-video-modal .modal-header{align-items:center;border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:24px 24px 0}.export-video-modal .modal-header h3{color:var(--md-on-surface);font-size:var(--md-title-large-size);font-weight:var(--md-title-large-weight);margin:0}.export-video-modal .close-button{background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.export-video-modal .close-button:hover{background-color:var(--md-surface-3)}.export-video-modal .modal-content{padding:24px}.export-video-modal .option-group{margin-bottom:24px}.export-video-modal .option-group h4{color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);margin:0 0 16px}.export-video-modal .radio-group{display:flex;flex-direction:column;gap:12px}.export-video-modal .radio-option{align-items:center;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.export-video-modal .radio-option:hover{background-color:var(--md-surface-2);border-color:var(--md-primary)}.export-video-modal .radio-option.disabled{cursor:not-allowed;opacity:.5}.export-video-modal .radio-option.disabled:hover{background-color:var(--md-surface-1);border-color:var(--md-outline-variant)}.export-video-modal .radio-option input[type=radio]{accent-color:var(--md-primary);margin:0}.export-video-modal .radio-option span{color:var(--md-on-surface);font-size:var(--md-body-large-size)}.export-video-modal .modal-footer{border-top:1px solid var(--md-outline-variant);display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.export-video-modal .cancel-button{background-color:initial;border:1px solid var(--md-primary);border-radius:var(--md-shape-pill);color:var(--md-primary);cursor:pointer;padding:8px 16px;transition:background-color .2s}.export-video-modal .cancel-button:hover{background-color:rgba(var(--md-primary-rgb),.08)}.export-video-modal .export-button{align-items:center;background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);color:var(--md-on-primary);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s}.export-video-modal .export-button:hover{background-color:var(--md-primary-hover)}.export-video-modal .export-button svg{stroke:currentColor;stroke-width:2;fill:none;height:18px;width:18px}.export-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.export-modal-header{align-items:center;background-color:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 24px}.export-modal-header h3{color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);letter-spacing:var(--md-title-medium-tracking);line-height:var(--md-title-medium-line-height);margin:0}.export-modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.export-modal-close-button:hover{background-color:var(--md-surface-3)}.export-modal-content{display:flex;flex-direction:column;gap:24px;padding:24px}.export-modal-radio-group{display:flex;flex-wrap:wrap;gap:12px}.export-modal-radio-option{align-items:center;background-color:var(--md-surface-2);border-radius:var(--md-shape-medium);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.export-modal-radio-option:hover{background-color:var(--md-surface-3)}.export-modal-radio-option input{margin:0}.export-modal-radio-option.disabled{cursor:not-allowed;opacity:.5}.export-modal-footer{background-color:var(--md-surface-2);border-top:1px solid var(--md-outline-variant);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.export-modal-cancel-button{background-color:initial;border:none;border-radius:var(--md-shape-pill);color:var(--md-primary);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.export-modal-cancel-button:hover{background-color:var(--md-primary-container)}.export-modal-action-button{align-items:center;background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s,transform .2s,box-shadow .2s}.export-modal-action-button:hover{background-color:var(--md-primary-hover);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}@media (max-width:600px){.export-modal{max-height:80vh;width:95%}.export-modal-radio-group{gap:8px}.export-modal-footer{flex-direction:column}.export-modal-action-button,.export-modal-cancel-button{justify-content:center;width:100%}}.editing-controls{align-items:center;display:flex;gap:4px;height:100%}.sticky-toggle{align-items:center;border:1px solid #0000;border-radius:var(--md-shape-pill);color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:var(--md-label-small-size);font-weight:500;justify-content:center;line-height:var(--md-label-small-height);margin-left:auto;min-width:50px;overflow:hidden;padding:4px 10px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard);-webkit-user-select:none;user-select:none}.sticky-toggle.active{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.sticky-icon{stroke:currentColor;margin-right:6px;transition:transform .3s ease}.sticky-toggle:hover .sticky-icon{transform:rotate(15deg)}.sticky-toggle.active .sticky-icon{transform:scale(1.1)}.sticky-toggle:not(.active) .sticky-icon{transform:scale(1.05)}.sticky-toggle:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.sticky-toggle:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.bottom-row-buttons,.middle-row-buttons{align-items:center;display:flex;gap:16px;justify-content:space-around;width:100%}.lyrics-save-btn,.redo-btn,.reset-btn,.undo-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--md-primary);cursor:pointer;display:flex;font-size:var(--md-label-small-size);font-weight:500;height:24px;justify-content:center;line-height:var(--md-label-small-height);min-width:24px;overflow:hidden;padding:4px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);width:24px}.lyrics-save-btn svg,.redo-btn svg,.reset-btn svg,.undo-btn svg{stroke:currentColor;height:16px;transition:transform .3s ease;width:16px}.lyrics-save-btn:before,.redo-btn:before,.reset-btn:before,.undo-btn:before{background-color:initial;border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.lyrics-save-btn:hover:before,.redo-btn:hover:before,.reset-btn:hover:before,.undo-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.lyrics-save-btn:active:before,.redo-btn:active:before,.reset-btn:active:before,.undo-btn:active:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.lyrics-save-btn:hover,.redo-btn:hover,.reset-btn:hover,.undo-btn:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container);transform:scale(1.1)}.undo-btn:hover svg{transform:translateX(-2px)}.redo-btn:hover svg{transform:translateX(2px)}.reset-btn:hover svg{transform:rotate(45deg)}.lyrics-save-btn:hover svg{transform:scale(1.1)}.lyrics-save-btn:disabled,.redo-btn:disabled,.reset-btn:disabled,.undo-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.zoom-controls{flex:1 1;justify-content:flex-start}.zoom-controls,.zoom-slider{align-items:center;display:flex;height:100%}.zoom-slider{background-color:color-mix(in srgb,var(--md-primary-container),#0000 90%);border-radius:var(--md-shape-pill);cursor:ew-resize;justify-content:center;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:100%}.zoom-slider:hover{background-color:color-mix(in srgb,var(--md-primary-container),#0000 70%);transform:scale(1.02)}.zoom-slider span{border-radius:var(--md-shape-small);color:var(--md-on-primary-container);font-family:Roboto Mono,monospace;font-size:var(--md-label-medium-size);font-weight:600;line-height:var(--md-label-medium-height);padding:4px 8px;text-align:center;transition:all var(--md-duration-medium2) var(--md-easing-standard);-webkit-user-select:none;user-select:none}.timeline-container{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);flex:1 1;min-height:80px;min-width:0;overflow:hidden}.subtitle-timeline{cursor:pointer;height:50px;-webkit-user-select:none;user-select:none;width:100%}.subtitle-timeline:active{cursor:pointer}.timeline-controls{align-items:center;background:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:4px 8px;position:absolute;right:10px;top:5px}.timeline-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:24px;padding:2px 8px}.timeline-controls button:hover:not(:disabled){background:#f5f5f5}.timeline-controls button:disabled{cursor:not-allowed;opacity:.5}.timeline-controls span{color:#666;font-size:12px;min-width:48px;text-align:center}.waveform-disabled-notice{animation:fadeIn .3s ease-in-out,fadeOut .5s ease-in-out 9.5s forwards;background-color:var(--md-warning-container);border-radius:0 0 var(--md-shape-medium) var(--md-shape-medium);bottom:0;color:var(--md-on-warning-container);font-size:12px;left:0;padding:8px 12px;position:absolute;right:0;text-align:center;z-index:10}.lyric-item-container{align-items:stretch;display:flex;flex-direction:column;min-height:40px;position:relative}.lyric-item{border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);cursor:pointer;font-size:var(--md-body-medium-size);height:auto!important;line-height:var(--md-body-medium-height);min-height:48px;overflow:visible;padding:12px 16px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);z-index:1}.lyric-item:last-child{border-bottom:none}.lyric-item:hover:not(.dragging):not(.arrow-hover){background-color:color-mix(in srgb,var(--md-primary),#0000 95%)}.lyric-item.arrow-hover{background-color:initial}.lyric-item.current{background-color:color-mix(in srgb,var(--md-primary),#0000 85%);border-left:4px solid var(--md-primary);box-shadow:inset 0 0 8px color-mix(in srgb,var(--md-primary),#0000 80%);font-weight:500;padding-left:12px}.lyric-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;position:relative;width:100%}.lyric-text{cursor:pointer;display:block;flex:1 1;line-height:1.5;margin-right:16px;min-height:24px;overflow:visible;padding:4px 0;transition:color var(--md-duration-medium2) var(--md-easing-standard);-webkit-user-select:none;user-select:none;white-space:normal;width:100%;word-break:break-word}.lyric-text:hover{color:var(--md-primary)}.lyric-text span{display:block;padding:4px 0;transition:transform var(--md-duration-medium2) var(--md-easing-emphasized)}.lyric-text:hover span{transform:translateX(4px)}.lyric-text-input{word-wrap:break-word;background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:inherit;line-height:1.4;margin:-4px 0;min-height:24px;overflow-y:hidden;padding:4px 8px;resize:none;transition:all .2s ease;white-space:pre-wrap;width:100%}.lyric-text-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.lyric-controls{display:flex;gap:8px;left:0;margin-right:12px;opacity:0;position:relative;transition:opacity var(--md-duration-medium2) var(--md-easing-standard);z-index:10}.lyric-item:hover .lyric-controls{opacity:1}.delete-lyric-btn,.edit-lyric-btn,.merge-lyric-btn{align-items:center;background-color:var(--md-primary-container);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized),box-shadow var(--md-duration-medium2) var(--md-easing-standard);width:32px}.delete-lyric-btn:before,.edit-lyric-btn:before,.merge-lyric-btn:before{background-color:initial;border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.delete-lyric-btn:hover:before,.edit-lyric-btn:hover:before,.merge-lyric-btn:hover:before{background-color:rgba(0,0,0,var(--md-state-hover-opacity))}.delete-lyric-btn:hover,.edit-lyric-btn:hover,.merge-lyric-btn:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.delete-lyric-btn{background-color:var(--md-error-container);color:var(--md-on-error-container)}.delete-lyric-btn svg,.edit-lyric-btn svg,.insert-lyric-button svg,.merge-lyrics-button svg{transition:transform var(--md-duration-medium2) var(--md-easing-emphasized)}.edit-lyric-btn:hover svg{transform:rotate(15deg)}.delete-lyric-btn:hover svg{transform:rotate(90deg)}.insert-lyric-button:hover svg,.merge-lyrics-button:hover svg{transform:scale(1.2)}.timing-controls{align-items:center;align-self:flex-start;color:var(--md-on-surface-variant);display:flex;font-size:var(--md-label-medium-size);gap:8px;line-height:var(--md-label-medium-height);margin-left:auto;margin-right:16px;margin-top:4px;min-width:140px;position:relative;transition:color var(--transition-speed);white-space:nowrap}.time-control{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);color:var(--md-on-surface);cursor:grab;display:inline-block;font-family:Roboto Mono,monospace;font-size:var(--md-body-small-size);font-weight:500;min-width:60px;padding:6px 10px;text-align:center;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);-webkit-user-select:none;user-select:none}.time-control:hover:not(.dragging){transform:translateY(-2px)}.time-control.dragging,.time-control:hover:not(.dragging){background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.time-control.dragging{box-shadow:var(--md-elevation-level2);cursor:grabbing;transform:scale(1.05);will-change:transform;z-index:10}.time-separator{color:var(--md-on-surface-variant);font-size:var(--md-label-small-size);margin:0 5px;transition:color var(--transition-speed)}.progress-indicator{backface-visibility:hidden;background-color:var(--primary-color);bottom:0;box-shadow:0 0 4px #4361ee80;height:4px;left:0;position:absolute;transform:translateZ(0);transform-origin:left center;transition:background-color var(--transition-speed);will-change:transform}.lyric-item.dragging{background:#f5f5f5;border:2px dashed #888;opacity:.6;transform:scale(.98);z-index:2}.lyric-item.drag-over{background-color:color-mix(in srgb,var(--md-primary),#0000 90%);border:2px dashed var(--md-primary);box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.lyric-item.drag-merge{background-color:color-mix(in srgb,#ff9800,#0000 85%);border:2px solid #ff9800;box-shadow:0 4px 12px #ff98004d}.lyric-item.drag-move{background-color:color-mix(in srgb,#4caf50,#0000 85%);border:2px solid #4caf50;box-shadow:0 4px 12px #4caf504d}.lyric-item.drag-merge.drag-over{background-color:color-mix(in srgb,#ff9800,#0000 80%);border:2px dashed #ff9800}.lyric-item.drag-move.drag-over{background-color:color-mix(in srgb,#4caf50,#0000 80%);border:2px dashed #4caf50}.lyric-item.drop-zone-top{border-top:3px solid #4caf50;box-shadow:0 -4px 0 0 #4caf50}.lyric-item.drop-zone-bottom{border-bottom:3px solid #4caf50;box-shadow:0 4px 0 0 #4caf50}.lyric-item.drop-zone-middle{background-color:color-mix(in srgb,#ff9800,#0000 85%);border:2px solid #ff9800}.between-lyrics-controls{bottom:-16px;display:flex;gap:8px;position:absolute;right:16px;z-index:100}.insert-lyric-button,.merge-lyrics-button{align-items:center;background-color:var(--md-primary-container);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transform:scale(1);transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized),box-shadow var(--md-duration-medium2) var(--md-easing-standard);width:32px}.insert-lyric-button:before,.merge-lyrics-button:before{background-color:initial;border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.insert-lyric-button:hover:before,.merge-lyrics-button:hover:before{background-color:rgba(0,0,0,var(--md-state-hover-opacity))}.insert-lyric-button:hover,.merge-lyrics-button:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.insert-lyric-button-container:hover .insert-lyric-button,.merge-lyrics-button-container:hover .merge-lyrics-button{box-shadow:var(--md-elevation-level1);opacity:.5;transform:scale(.9);transition:opacity .2s ease,transform .2s var(--md-easing-emphasized),box-shadow .2s ease}.arrow-button{align-items:center;animation:subtle-pulse 2s infinite alternate;background-color:var(--md-primary-container);border:none;border-radius:50%;box-shadow:var(--md-elevation-level3);color:var(--md-on-primary-container);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:transform .2s var(--md-easing-emphasized),background-color .2s var(--md-easing-standard),box-shadow .2s var(--md-easing-standard);width:32px}.arrow-button:after{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px;z-index:-1}.arrow-button:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-level4);box-shadow:0 0 8px var(--md-primary);color:var(--md-on-primary);transform:scale(1.2)}.arrow-button:active{transform:scale(.95)}.arrow-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.arrow-buttons{display:flex;flex-direction:column;gap:8px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:200}.arrow-button{pointer-events:auto}.arrow-button.up{top:-32px}.arrow-button.down,.arrow-button.up{left:0;margin:0 auto;padding:4px;position:absolute;right:0}.arrow-button.down{bottom:-32px;z-index:201}.insert-lyric-button-container,.merge-lyrics-button-container{display:inline-block;height:32px;margin:0;position:relative;width:32px;z-index:150}.insert-lyric-button-container:before,.merge-lyrics-button-container:before{background-color:rgba(var(--md-surface-rgb),.1);border-radius:16px;bottom:-32px;content:"";left:-4px;opacity:0;pointer-events:none;position:absolute;right:-4px;top:-32px;transition:opacity .3s ease;z-index:-1}.insert-lyric-button-container:hover:before,.merge-lyrics-button-container:hover:before{opacity:1}.merge-lyrics-button,.merge-lyrics-button-container .arrow-button{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.merge-lyrics-button-container .arrow-button:hover{background-color:var(--md-tertiary);color:var(--md-on-tertiary)}.insert-lyric-button,.merge-lyrics-button{opacity:1;visibility:visible}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%{box-shadow:var(--md-elevation-level3);transform:scale(1)}to{box-shadow:var(--md-elevation-level4);transform:scale(1.05)}}.help-text-container{align-items:center;background-color:var(--md-surface-1);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);display:flex;gap:16px;justify-content:space-between;margin-bottom:.75rem;margin-top:.75rem;padding:8px 16px;width:100%}.help-text{flex:1 1;font-size:.85rem;font-style:italic;line-height:1.4;padding-left:8px;transition:color var(--transition-speed)}.drag-instructions,.help-text{border-left:3px solid var(--md-primary);color:var(--md-on-surface-variant)}.drag-instructions{background-color:color-mix(in srgb,var(--md-primary),#0000 95%);border-radius:8px;font-size:.8rem;line-height:1.5;margin-top:8px;padding:8px 12px}.drag-instructions strong{color:var(--md-primary);font-weight:600}.download-buttons{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px}.document-completion-container{align-items:center;display:flex;gap:12px;margin-top:12px;width:100%}.document-model-dropdown{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container);height:36px}.complete-document-btn{align-items:center;background-color:var(--md-tertiary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-tertiary);cursor:pointer;display:flex;flex-grow:1;font-size:var(--md-label-medium-size);font-weight:500;gap:8px;height:36px;overflow:hidden;padding:8px 16px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized),box-shadow var(--md-duration-medium2) var(--md-easing-standard)}.complete-document-btn:hover{background-color:var(--md-tertiary-hover);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.complete-document-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.complete-document-btn:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.download-btn{align-items:center;background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:44px;line-height:var(--md-label-large-height);min-width:180px;overflow:hidden;padding:10px 24px;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized),box-shadow var(--md-duration-medium2) var(--md-easing-standard)}.download-btn:before{background-color:initial;border-radius:var(--md-shape-pill);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.download-btn:hover:before{background-color:rgba(255,255,255,var(--md-state-hover-opacity))}.download-btn:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.download-btn:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.download-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.download-btn:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.download-btn svg{stroke:currentColor;height:18px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:18px}.download-btn:hover svg{transform:translateY(2px)}.save-success-message{animation:fadeInUp .3s var(--md-easing-emphasized),fadeOut .3s var(--md-easing-emphasized) 2.7s;background-color:var(--md-primary-container);border-radius:var(--md-shape-medium);bottom:20px;box-shadow:var(--md-elevation-level3);color:var(--md-on-primary-container);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);left:50%;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.volume-visualizer{background-color:initial;border:1px solid rgba(var(--md-outline-variant-rgb),.2);border-radius:4px;margin:2px 0;overflow:hidden;position:relative;width:100%}.volume-visualizer canvas{background-color:initial;display:block}.volume-visualizer-loading{align-items:center;background-color:rgba(var(--md-surface-rgb),.7);bottom:0;color:var(--md-on-surface);display:flex;font-size:12px;font-weight:500;justify-content:center;left:0;position:absolute;right:0;text-shadow:0 1px 2px #0003;top:0}[data-theme=dark] .volume-visualizer-loading{background-color:#0009;color:#ffffffe6;text-shadow:0 1px 3px #00000080}.timeline-container{display:flex;flex-direction:column;margin-bottom:8px;position:relative;width:100%}.subtitle-timeline{margin-bottom:2px}.custom-radio-container{align-items:center;background-color:#f5f7fa;background-color:var(--md-surface-2,#f5f7fa);border-radius:var(--md-shape-medium);cursor:pointer;display:flex;font-size:.97rem;gap:8px;padding:6px 8px;position:relative;transition:background-color .2s;-webkit-user-select:none;user-select:none}.custom-radio-container:hover{background-color:#ececec;background-color:var(--md-surface-3,#ececec)}.custom-radio-container input[type=radio]{height:0;opacity:0;position:absolute;width:0}.custom-radio-circle{align-items:center;background:#fff;background:var(--md-surface-1,#fff);border:2px solid #bbb;border:2px solid var(--md-outline-variant,#bbb);border-radius:50%;box-sizing:border-box;display:flex;height:14px;justify-content:center;position:relative;transition:border-color .18s,background .18s;width:14px}.custom-radio-container input[type=radio]:focus+.custom-radio-circle{border-color:#4a6cf7;border-color:var(--md-primary,#4a6cf7);box-shadow:0 0 0 2px #4a6cf726}.custom-radio-dot{background:#4a6cf7;background:var(--md-primary,#4a6cf7);border-radius:50%;display:block;height:6px;transition:background .18s;width:6px}.custom-radio-container input[type=radio]:checked+.custom-radio-circle{background:#e3e8fd;background:var(--md-primary-container,#e3e8fd);border-color:#4a6cf7;border-color:var(--md-primary,#4a6cf7)}.custom-radio-label{color:#222;color:var(--md-on-surface,#222);font-size:.97rem;font-weight:500}.custom-radio-container.disabled{cursor:not-allowed;opacity:.5}.custom-radio-container.disabled .custom-radio-label{color:#aaa}[data-theme=dark] .custom-radio-circle{background:#23232b;border-color:#444}[data-theme=dark] .custom-radio-label{color:#f3f3f3}[data-theme=dark] .custom-radio-dot{background:#90caf9}[data-theme=dark] .custom-radio-container input[type=radio]:checked+.custom-radio-circle{background:#2a3b6e;border-color:#90caf9}.parallel-processing-container{margin-bottom:0;margin-top:0;width:100%}.segments-status{animation:slideIn var(--md-duration-medium4) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level2);margin-top:24px;overflow:hidden;padding:20px;position:relative;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),transform var(--md-duration-medium3) var(--md-easing-emphasized)}.segments-status:before{background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--md-secondary),#0000 92%) 0,#0000 70%);bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.segments-status h4{border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);line-height:var(--md-title-medium-height);margin-bottom:16px;margin-top:0;padding-bottom:8px;position:relative;transition:color var(--transition-speed);z-index:1}.segments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));position:relative;z-index:1}.segment-status{align-items:center;background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);display:flex;height:70px;overflow:visible;padding:16px;position:relative;transition:none!important}.segment-status:hover{background-color:color-mix(in srgb,var(--md-surface),rgba(0,0,0,var(--md-state-hover-opacity)));box-shadow:var(--md-elevation-level3);transform:none!important}.segment-status:after{background-color:var(--md-primary);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:none!important;width:100%;z-index:1}.segment-status:hover:after{opacity:.1}.segment-number{font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-height);margin-right:12px;min-width:24px;text-align:center}.segment-indicator{border-radius:50%;height:10px;margin-right:12px;width:10px}.segment-info{display:flex;flex-direction:column;flex-grow:1;margin-right:8px;max-width:calc(100% - 60px);overflow:hidden}.segment-message{font-size:var(--md-body-small-size);line-height:var(--md-body-small-height)}.segment-message,.segment-time-range{color:var(--md-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-time-range{font-size:10px;line-height:1.2;margin-top:2px;opacity:.8}.segment-status.pending .segment-indicator{background-color:var(--text-muted)}.segment-status.loading .segment-indicator{animation:pulse var(--md-duration-long2) var(--md-easing-standard) infinite;background-color:var(--md-primary)}.segment-status.success .segment-indicator{background-color:var(--success-color)}.segment-status.error .segment-indicator{background-color:var(--error-color)}.segment-status.warning .segment-indicator{background-color:var(--warning-color)}.segment-status.cached .segment-indicator{background-color:var(--primary-color)}.segment-generate-btn{align-items:center;background:rgba(var(--md-tertiary-rgb),.1);border:1px solid var(--md-tertiary);border-radius:16px;box-shadow:0 2px 4px #0003;color:var(--md-tertiary);cursor:pointer!important;display:flex;font-size:var(--md-label-small-size);font-weight:var(--md-label-small-weight);justify-content:center;margin-left:4px;overflow:visible;padding:6px 12px;pointer-events:auto!important;position:relative;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium2) var(--md-easing-emphasized);z-index:100!important}.segment-generate-btn:before{background-color:initial;border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.segment-generate-btn:hover:before{background-color:color-mix(in srgb,var(--md-tertiary),#0000 var(--md-state-hover-opacity))}.segment-generate-btn:hover{background-color:rgba(var(--md-tertiary-rgb),.2);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px) scale(1.05)}.segment-generate-btn:active{background-color:rgba(var(--md-tertiary-rgb),.3);box-shadow:0 1px 2px #0003;transform:scale(.95)}.model-retry-dropdown-container{margin-left:4px;position:relative;z-index:100}.model-dropdown-open .model-retry-dropdown-container{z-index:99999}.dropdown-icon{font-size:10px;margin-left:2px}.model-dropdown{animation:dropdown-appear .2s var(--md-easing-emphasized) forwards;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level3);overflow:hidden;position:fixed;width:280px;z-index:99999}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.model-dropdown-header{background-color:var(--md-surface-3);border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);padding:12px 16px}.segment-retry-btn{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border:1px solid var(--md-primary);border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--md-primary);cursor:pointer!important;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:visible;padding:6px;pointer-events:auto!important;position:relative;transition:none!important;width:28px;z-index:100!important}.model-option{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.model-option:hover{background-color:var(--md-surface-3)}.model-option-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.model-option-text{display:flex;flex-direction:column}.model-option-name{color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);margin-bottom:2px}.model-option-desc{color:var(--md-on-surface-variant);font-size:var(--md-body-small-size)}.model-pro{background-color:rgba(var(--md-tertiary-rgb),.1);border:1px solid var(--md-tertiary);color:var(--md-tertiary)}.model-thinking{background-color:rgba(var(--md-secondary-rgb),.1);border:1px solid var(--md-secondary);color:var(--md-secondary)}.model-flash{background-color:rgba(var(--md-primary-rgb),.1);border:1px solid var(--md-primary);color:var(--md-primary)}.model-lite{background-color:#00b4001a;border:1px solid #00a000;color:#00a000}.segment-retry-btn:active{box-shadow:0 1px 2px #0003;opacity:.9;transform:none!important}.model-dropdown-open .segment-retry-btn:not(:focus):not(:hover){z-index:50!important}.active-dropdown-btn{z-index:100000!important}.segment-retrying-indicator{align-items:center;color:var(--md-primary);display:flex;justify-content:center;margin-left:4px}.spinning{animation:spin var(--md-duration-long2) linear infinite}.segment-status.retrying .segment-indicator{animation:pulse var(--md-duration-long2) var(--md-easing-standard) infinite;background-color:var(--md-primary)}.settings-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.settings-modal{background:var(--background-primary);border-radius:20px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;min-height:400px;min-width:320px;width:95%}.settings-header{padding:24px 32px 0}.settings-tabs{gap:16px;margin:0 0 16px;padding:0 32px}.settings-content{padding:24px 32px}.settings-footer-bar{background:var(--background-primary);border-top:1px solid var(--border-color);padding:16px 32px 24px}.settings-footer-bar,.settings-header{align-items:center;display:flex;justify-content:space-between}.settings-header{border-bottom:1px solid var(--border-color);padding:1rem 2.5rem 0;transition:border-color var(--transition-speed)}.settings-header h2{color:var(--text-primary);font-size:1.5rem;margin:0;transition:color var(--transition-speed)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.close-btn:hover{color:var(--md-primary);transform:rotate(90deg);transition:transform .3s ease}.settings-footer{border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 6px -2px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:sticky;transition:border-color var(--transition-speed);z-index:10}.settings-footer-left,.settings-footer-right{display:flex;gap:.75rem}@media (max-width:768px){.settings-footer{flex-direction:column;gap:1rem}.settings-footer-left,.settings-footer-right{justify-content:space-between;width:100%}.cancel-btn,.factory-reset-btn,.save-btn,.update-btn{flex:1 1;font-size:14px;min-width:0;padding:10px 8px}}.settings-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-bottom:4px;position:relative}.settings-content{border-radius:calc(var(--modal-border-radius) - 4px);flex:1 1;min-height:0;padding:20px}.settings-content::-webkit-scrollbar{margin-right:2px}.settings-content::-webkit-scrollbar-thumb,.settings-content::-webkit-scrollbar-track{margin-bottom:4px;margin-right:2px}.settings-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem;transition:border-color var(--transition-speed)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1.2rem;margin-top:0;transition:color var(--transition-speed)}.settings-actions{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.appearance-section .setting-option{margin-bottom:1.5rem}.appearance-section .setting-option label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.8rem}.appearance-section select{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s,background-color var(--transition-speed),color var(--transition-speed);width:100%}.appearance-section select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.theme-options{display:flex;gap:10px}.theme-option{align-items:center;background:none;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:10px;transition:transform .2s,border-color .2s}.theme-option:hover{transform:translateY(-3px)}.theme-option.selected{border-color:var(--primary-color)}.theme-preview{border-radius:6px;height:70px;margin-bottom:8px;overflow:hidden;width:100%}.theme-preview-header{height:25%;width:100%}.theme-preview-content{height:75%;width:100%}.light-theme .theme-preview-header{background-color:#fff;border-bottom:2px solid #eaeaea}.light-theme .theme-preview-content{background-color:#f8f9fa}.dark-theme .theme-preview-header{background-color:#121212;border-bottom:2px solid #2d2d2d}.dark-theme .theme-preview-content{background-color:#1e1e1e}.system-theme .theme-preview-header{background:linear-gradient(90deg,#fff 50%,#121212 0);border-bottom:2px solid #eaeaea}.system-theme .theme-preview-content{background:linear-gradient(90deg,#f8f9fa 50%,#1e1e1e 0)}.theme-option span{color:var(--text-primary);font-size:.9rem;transition:color var(--transition-speed)}.api-key-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.api-key-input{margin-bottom:1.5rem}.api-key-input label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;margin-bottom:.5rem}.api-key-status{border-radius:10px;font-size:.75rem;font-weight:400;margin-left:.5rem;padding:2px 8px}.api-key-status.set{background-color:var(--success-background);color:var(--success-color)}.api-key-status.not-set{background-color:var(--warning-background);color:var(--warning-color)}.input-with-toggle{display:flex;position:relative}.input-with-toggle input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);flex:1 1;font-family:Roboto Mono,monospace;font-size:var(--md-body-medium-size);padding:.75rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:100%}.input-with-toggle input:focus{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);outline:none}.input-with-toggle input:hover{background-color:color-mix(in srgb,var(--md-surface-1),var(--md-primary) 5%);border-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.toggle-visibility{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:0 var(--md-shape-pill) var(--md-shape-pill) 0;bottom:0;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-small-size);font-weight:500;justify-content:center;padding:0 1rem;position:absolute;right:0;top:0;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.toggle-visibility:hover{background-color:#0000000d;border-color:var(--md-primary)}.api-key-help{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.api-key-help a{color:var(--primary-color);margin-left:5px;text-decoration:none;transition:color var(--transition-speed)}.api-key-help a:hover{text-decoration:underline}.api-key-instructions{background-color:var(--background-secondary);border-radius:6px;margin-top:1rem;padding:1rem;transition:background-color var(--transition-speed)}.api-key-instructions h4{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem;margin-top:0}.api-key-instructions ol{margin:0;padding-left:1.2rem}.api-key-instructions li{color:var(--text-secondary);margin-bottom:.3rem}.gemini-model-setting,.segment-duration-setting,.time-format-setting,.waveform-setting{margin-bottom:1.5rem;margin-top:.5rem}.gemini-model-setting label,.segment-duration-setting label,.time-format-setting label,.waveform-setting label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.setting-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 1rem}.gemini-model-select,.segment-duration-select,.time-format-select{-webkit-appearance:none;appearance:none;background-color:var(--md-surface-1);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23E6E1E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-body-medium-size);padding:.75rem 2.5rem .75rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:100%}.gemini-model-select:focus,.segment-duration-select:focus,.time-format-select:focus{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);outline:none}.gemini-model-select:hover,.segment-duration-select:hover,.time-format-select:hover{background-color:color-mix(in srgb,var(--md-surface-1),var(--md-primary) 5%);border-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.gemini-model-select option,.segment-duration-select option,.time-format-select option{background-color:var(--md-surface-2);color:var(--md-on-surface);font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-body-medium-size);padding:.75rem}.toggle-switch-container{align-items:center;display:flex;margin-top:.5rem}.toggle-switch{display:inline-block;height:24px;margin-right:10px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--md-outline-variant);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:var(--md-surface);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:var(--md-primary)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--md-primary)}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:var(--text-primary);font-size:.9rem}[data-theme=dark] .gemini-model-select,[data-theme=dark] .segment-duration-select,[data-theme=dark] .time-format-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23E6E1E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.transcription-prompt-setting{margin-bottom:1.5rem;margin-top:.5rem}.transcription-prompt-setting label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.prompt-editor-container{margin-top:.5rem;position:relative}.transcription-prompt-textarea{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:.9rem;line-height:1.5;min-height:150px;padding:.75rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.transcription-prompt-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.content-type-floating-card{align-items:center;animation:pulse 2s infinite;background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--md-elevation-level1);display:inline-flex;left:120px;padding:4px 10px;pointer-events:none;position:absolute;top:40px;transition:transform .1s ease,box-shadow .2s ease;z-index:20}@keyframes pulse{0%{box-shadow:0 0 0 0 #5d5fef66}70%{box-shadow:0 0 0 6px #5d5fef00}to{box-shadow:0 0 0 0 #5d5fef00}}[data-theme=dark] .content-type-floating-card{animation:pulse-dark 2s infinite}@keyframes pulse-dark{0%{box-shadow:0 0 0 0 #b4b5ff66}70%{box-shadow:0 0 0 6px #b4b5ff00}to{box-shadow:0 0 0 0 #b4b5ff00}}.content-type-icon{font-size:1.2rem}.content-type-separator{color:var(--text-secondary);font-weight:300;margin:0 4px}.reset-prompt-btn{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;margin-top:0;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.reset-prompt-btn:hover{background-color:#0000000d;border-color:var(--md-primary)}.reset-prompt-btn:active{transform:scale(.98)}.force-refresh-prompt-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:8px;padding:8px 16px;transition:all .3s ease}.force-refresh-prompt-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.force-refresh-prompt-btn:active{transform:translateY(0)}.clear-transcription-cache-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:8px;padding:8px 16px;transition:all .3s ease}.clear-transcription-cache-btn:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.clear-transcription-cache-btn:active{transform:translateY(0)}.debug-prompt-btn{align-items:center;background:linear-gradient(135deg,#feca57,#ff9ff3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:8px;padding:8px 16px;transition:all .3s ease}.debug-prompt-btn:hover{box-shadow:0 4px 12px #feca5766;transform:translateY(-2px)}.debug-prompt-btn:active{transform:translateY(0)}.prompt-presets-section{margin-bottom:2rem}.prompt-presets-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.prompt-presets-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.prompt-preset-card{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level1);display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:150px;min-width:300px;padding:1rem;transition:box-shadow .2s,transform .2s,border-color .2s}.prompt-preset-card:hover{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.user-preset{background-color:var(--md-surface-2);border-left:3px solid var(--md-tertiary)}.user-preset .preset-card-actions{gap:.3rem}.user-preset .delete-preset-btn,.user-preset .purpose-preset-btn,.user-preset .use-preset-btn,.user-preset .view-preset-btn{font-size:.75rem;max-width:calc(25% - .2rem);padding:.4rem}.preset-card-content{flex:1 1}.preset-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.preset-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.preset-card-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:nowrap;gap:.4rem;justify-content:space-between;margin-top:1rem;padding-top:.5rem;width:100%}.delete-preset-btn,.purpose-preset-btn,.use-preset-btn,.view-preset-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;flex:1 1;font-size:.8rem;height:32px;justify-content:center;max-width:calc(33.333% - .27rem);min-width:0;padding:.4rem .5rem;transition:background-color .2s,color .2s;white-space:nowrap}.view-preset-btn{background-color:var(--md-surface-2);border:1px solid var(--border-color);color:var(--text-primary)}.view-preset-btn:hover{background-color:#0000000d;border-color:var(--md-primary)}.use-preset-btn{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.use-preset-btn:hover{background-color:var(--md-primary);color:var(--md-on-primary)}.delete-preset-btn{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.delete-preset-btn:hover{background-color:var(--error-background);border-color:var(--error-color);color:var(--error-color)}.purpose-preset-btn{background-color:var(--md-surface-3);border:1px solid var(--border-color);color:var(--text-primary)}.purpose-preset-btn:hover{background-color:var(--md-tertiary-container);border-color:var(--md-tertiary);color:var(--md-on-tertiary-container)}.add-preset-card{align-items:center;background-color:var(--md-surface-1);border:2px dashed var(--border-color);border-radius:var(--card-border-radius);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:150px;padding:1rem;transition:background-color .2s,border-color .2s}.add-preset-card:hover{background-color:var(--md-surface-2);border-color:var(--md-primary)}.add-preset-icon{color:var(--text-secondary);font-size:2rem;line-height:1;margin-bottom:.5rem}.add-preset-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.new-preset-form{background-color:var(--md-surface-1);border:1px solid var(--md-primary);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level2);display:flex;flex-direction:column;gap:1rem;height:100%;min-height:150px;padding:1rem}.preset-title-input{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.preset-title-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.new-preset-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto}.cancel-preset-btn,.save-preset-btn{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,color .2s}.cancel-preset-btn{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-preset-btn:hover{background-color:#0000000d;border-color:var(--md-primary)}.save-preset-btn{background-color:var(--md-primary);border:none;color:var(--md-on-primary)}.save-preset-btn:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.save-preset-btn:disabled{background-color:var(--md-surface-2);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.prompt-actions{align-items:center;display:flex;gap:1rem;margin-top:1rem}.save-as-preset-btn{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.save-as-preset-btn:hover{background-color:var(--md-surface-3);border-color:var(--md-primary)}.save-as-preset-btn:active{transform:scale(.98)}@media (max-width:768px){.prompt-presets-container{gap:.8rem;grid-template-columns:1fr}.prompt-preset-card{min-width:auto}.preset-card-actions{gap:.3rem}.delete-preset-btn,.purpose-preset-btn,.use-preset-btn,.view-preset-btn{font-size:.75rem;max-width:calc(25% - .2rem);padding:.3rem .4rem}.user-preset .delete-preset-btn,.user-preset .purpose-preset-btn,.user-preset .use-preset-btn,.user-preset .view-preset-btn{font-size:.7rem;padding:.3rem}}@media (max-width:480px){.preset-card-actions{flex-wrap:wrap;gap:.2rem}.delete-preset-btn,.purpose-preset-btn,.use-preset-btn,.view-preset-btn{flex-basis:calc(50% - 0.1rem);flex-grow:0;flex-shrink:0;font-size:.7rem;max-width:calc(50% - .1rem);padding:.3rem}}.purpose-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.purpose-modal{animation:modal-appear var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);background-color:var(--background-primary);border-radius:var(--modal-border-radius);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.purpose-modal-header{align-items:center;background-color:var(--md-surface-1);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.purpose-modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.close-purpose-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:background-color .2s,color .2s;width:40px}.close-purpose-modal-btn:hover{background-color:var(--md-surface-2);color:var(--text-primary)}.purpose-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.purpose-description{margin-bottom:2rem}.purpose-description h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.purpose-description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.purpose-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.close-purpose-btn{background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.close-purpose-btn:hover{background-color:var(--md-surface-3);border-color:var(--md-primary)}@media (max-width:768px){.purpose-modal{max-height:90vh;width:95%}.purpose-modal-header{padding:1rem}.purpose-modal-header h3{font-size:1.1rem}.purpose-modal-content{padding:1rem}.purpose-description h4{font-size:1rem}.purpose-description p{font-size:.9rem}}.preset-view-modal .use-preset-btn,.translation-language-input-modal .use-preset-btn{flex:none;font-size:.9rem;height:36px;max-width:none;min-width:80px;padding:.5rem 1rem}.preset-view-modal{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.preset-view-content{animation:scaleIn .2s ease;background-color:var(--background-primary);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preset-view-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.preset-view-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.close-preset-view-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s,transform .2s}.close-preset-view-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.preset-view-body{flex:1 1;max-height:60vh;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin}.preset-view-body::-webkit-scrollbar{width:8px}.preset-view-body::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.preset-view-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--background-secondary);border-radius:4px}.preset-view-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.preset-full-text{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap}.preset-view-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.close-btn-secondary{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.close-btn-secondary:hover{background-color:var(--md-surface-3)}.close-btn-secondary:active{transform:scale(.98)}.update-btn{align-items:center;background-color:#e8def8;background-color:var(--md-tertiary-container,#e8def8);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:#1d192b;color:var(--md-on-tertiary-container,#1d192b);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);justify-content:center;line-height:var(--md-label-large-height);min-width:120px;overflow:hidden;padding:10px 24px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.update-btn:hover:not(:disabled){background-color:#6750a4;background-color:var(--md-tertiary,#6750a4);box-shadow:var(--md-elevation-level2);color:#fff;color:var(--md-on-tertiary,#fff);transform:translateY(-2px)}.update-btn:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:translateY(0)}.update-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.factory-reset-btn{align-items:center;background-color:var(--md-error-container);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-error-container);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);justify-content:center;line-height:var(--md-label-large-height);min-width:120px;overflow:hidden;padding:10px 24px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.factory-reset-btn:hover:not(:disabled){background-color:var(--md-error);box-shadow:var(--md-elevation-level2);color:var(--md-on-error);transform:translateY(-2px)}.factory-reset-btn:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:translateY(0)}.factory-reset-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.clear-cache-btn{align-items:center;background-color:var(--md-error);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-error);cursor:pointer;display:flex;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);justify-content:center;line-height:var(--md-label-large-height);margin-top:16px;min-width:120px;overflow:hidden;padding:10px 24px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.clear-cache-btn:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.clear-cache-btn:hover:before{background-color:#00000026}.clear-cache-btn:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.clear-cache-btn:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.clear-cache-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.clear-cache-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.cancel-btn{background-color:initial;border:1px solid var(--md-outline);border-radius:var(--md-shape-pill);color:var(--md-primary);cursor:pointer;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-height);min-width:100px;overflow:hidden;padding:10px 24px;position:relative;text-align:center;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.cancel-btn:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.cancel-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.cancel-btn:active:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.save-btn{background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary);cursor:pointer;font-family:Roboto,Segoe UI,sans-serif;font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);line-height:var(--md-label-large-height);min-width:100px;overflow:hidden;padding:10px 24px;position:relative;text-align:center;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.save-btn:before{background-color:initial;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.save-btn:hover:not(:disabled):before{background-color:#00000026}.save-btn:active:not(:disabled):before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.save-btn:hover:not(:disabled){box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.save-btn:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:translateY(0)}.save-btn:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.settings-tabs{-ms-overflow-style:none;display:flex;flex:1 1;margin:0 2rem;min-height:56px;overflow-x:auto;padding:0;position:relative;scrollbar-width:none;z-index:1}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{align-items:center;background:#0000;border:none;border-top-left-radius:12px;border-top-right-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--md-label-large-size);font-weight:500;gap:8px;padding:1rem;position:relative;transition:color var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.settings-tab svg{stroke:currentColor;height:20px;transition:transform .3s ease;width:20px}.settings-tab:hover svg{transform:translateY(-2px)}.settings-tab:after{background-color:var(--md-primary);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform var(--md-duration-medium2) var(--md-easing-emphasized);width:100%;z-index:1}.settings-tab.active{color:var(--md-primary);font-weight:600}.settings-tab.active:after{transform:scaleX(1)}.settings-tab:hover:not(.active){background-color:#0000000d;color:var(--md-primary)}.settings-tab-content{clear:both;display:none;padding:1rem 1.5rem 4rem}.settings-tab-content.active{animation:fadeIn .3s ease;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.settings-content{padding:1rem}.theme-options{flex-direction:column}.theme-option{align-items:center;flex-direction:row;justify-content:space-between}.theme-preview{height:50px;margin-bottom:0;margin-right:10px;width:50px}}.settings-content::-webkit-scrollbar{height:calc(100% - 16px);width:8px}.settings-content::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px;margin:4px 4px 16px}.settings-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--background-secondary);border-radius:4px;max-height:calc(100% - 16px)}.settings-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.settings-content{border-radius:0;margin-bottom:4px;mask-image:linear-gradient(180deg,#000 calc(100% - 20px),#0000);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 20px),#0000);overflow-x:hidden;overflow-y:auto;padding-bottom:20px}@supports (scrollbar-width:thin){.settings-content{scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin}}.settings-modal{border-radius:var(--modal-border-radius)!important;clip-path:inset(0 0 0 0 round var(--modal-border-radius));overflow:hidden;position:relative;transform:translateZ(0);will-change:transform}.settings-footer{background-color:var(--background-primary);border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius);position:relative;z-index:1}.auth-method-toggle{margin-bottom:20px}.auth-method-label{display:block;font-weight:500;margin-bottom:10px}.auth-toggle-buttons{display:flex;gap:10px}.auth-toggle-btn{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:all .2s ease}.auth-toggle-btn:hover:not(.active){background-color:#0000000d;border-color:var(--md-primary)}.auth-toggle-btn.active{background-color:var(--md-primary-container);border-color:var(--md-primary-container);color:var(--md-on-primary-container)}.oauth-status-container{align-items:center;display:flex;margin-bottom:15px}.oauth-status-container label{margin-right:10px}.oauth-client-inputs{gap:15px;margin-bottom:20px}.oauth-client-inputs,.oauth-input-group{display:flex;flex-direction:column}.oauth-input-group label{margin-bottom:5px}.oauth-actions{display:flex;gap:10px;margin-bottom:20px}.oauth-authenticate-btn{background-color:var(--md-primary-container);border:none;border-radius:var(--button-border-radius);color:var(--md-on-primary-container);cursor:pointer;padding:8px 16px;transition:all .2s ease}.oauth-authenticate-btn:disabled{background-color:color-mix(in srgb,var(--md-primary-container),#0000 60%);color:color-mix(in srgb,var(--md-on-primary-container),#0000 40%);cursor:not-allowed}.oauth-clear-btn{background-color:var(--md-error-container);border:none;border-radius:var(--button-border-radius);color:var(--md-on-error-container);cursor:pointer;padding:8px 16px;transition:all .2s ease}.oauth-authenticate-btn:hover:not(:disabled),.oauth-clear-btn:hover{background-color:#0000000d}.api-key-instructions h5{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:10px;margin-top:20px}.api-key-instructions code{background-color:var(--background-tertiary);border-radius:4px;color:var(--primary-color);display:inline-block;font-family:monospace;margin:5px 0;padding:4px 8px;word-break:break-all}.api-key-instructions ul{list-style-type:disc;margin-bottom:15px;margin-left:20px}.api-key-instructions .note{background-color:var(--background-tertiary);border-left:4px solid var(--primary-color);border-radius:4px;font-style:italic;margin-top:15px;padding:10px}.api-key-instructions h4{border-top:1px solid var(--border-color);margin-top:30px;padding-top:15px}.translation-language-input{margin-bottom:.5rem;margin-top:.5rem;position:relative}.target-language-input{padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.target-language-input:hover{background-color:var(--md-surface-2);border-color:var(--md-outline-variant)}.target-language-input:focus{background-color:var(--md-surface-1)}.target-language-input::placeholder{color:var(--text-secondary);opacity:.7}.translation-language-input-modal{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem;width:100%}.translation-language-input-modal .target-language-input{flex:1 1;font-size:1rem;height:40px}.use-preset-btn:disabled{background-color:var(--md-surface-3);cursor:not-allowed;opacity:.5}.about-section{padding:1rem}.about-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:900px;padding:1.5rem;position:relative;z-index:1}.about-hero{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.app-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.app-tagline{font-size:1rem;font-weight:300;margin-bottom:.75rem}.app-tagline,.version-info{color:var(--text-secondary)}.version-info{font-size:.85rem;margin:0;opacity:.8}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:.5rem 0}.feature-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;min-width:200px;padding:1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:var(--md-elevation-2);transform:translateY(-3px)}.feature-icon{background:var(--md-primary);color:#fff;font-size:1.2rem;margin:0 auto .75rem}.feature-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap}.feature-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0;min-height:2.8rem}.tech-section{text-align:center}.tech-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tech-badge{border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:transform .2s ease}.tech-badge:hover{transform:scale(1.05)}.tech-badge.react{background:linear-gradient(135deg,#61dafb,#21759b)}.tech-badge.gemini{background:linear-gradient(135deg,#4285f4,#34a853)}.tech-badge.youtube{background:linear-gradient(135deg,red,#c00)}.tech-badge.ffmpeg{background:linear-gradient(135deg,#007808,#005506)}.tech-badge.nodejs{background:linear-gradient(135deg,#68a063,#3c5e37)}.developer-section{display:flex;justify-content:center}.developer-card{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;max-width:350px;padding:1.25rem;width:100%}.developer-avatar{align-items:center;background:var(--md-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;width:45px}.developer-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .2rem}.developer-title{color:var(--text-secondary);font-size:.8rem;margin:0 0 .75rem}.developer-links{display:flex;gap:.75rem}.dev-link{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.dev-link:hover{background:var(--md-primary);color:#fff;transform:translateY(-2px)}.app-description{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem;text-align:center}.app-description p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.features-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-content{gap:1rem;padding:1rem}.app-title{font-size:1.5rem}.features-grid{gap:.75rem;grid-template-columns:1fr}.feature-card{min-width:auto}.feature-card h3{white-space:normal}.developer-card{flex-direction:column;padding:1rem;text-align:center}.developer-links{justify-content:center}}.gemini-models-section .onboarding-models-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-bottom:20px;margin-top:25px}.gemini-models-section .onboarding-model-card{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--md-shape-medium);box-sizing:border-box;cursor:pointer;display:flex;flex:0 1 auto;flex-direction:column;height:100%;justify-content:flex-start;max-width:none;min-width:280px;padding:16px;transition:box-shadow .18s,background .18s,color .18s,transform .16s cubic-bezier(.4,2,.6,1)}.gemini-models-section .onboarding-model-card:hover{transform:scale(1.025);z-index:1}.gemini-models-section .onboarding-model-card.selected{background:linear-gradient(90deg,#2323a3,#6a82fb);border-color:var(--md-primary);box-shadow:0 0 16px 2px #a259ff80,0 0 0 2px var(--md-primary-container);color:#fff;transform:scale(1.04);transition:box-shadow .25s cubic-bezier(.4,2,.6,1),background .25s,color .25s,transform .18s cubic-bezier(.4,2,.6,1);z-index:2}.gemini-models-section .onboarding-model-card.selected .model-badge-experimental,.gemini-models-section .onboarding-model-card.selected .model-badge-premium,.gemini-models-section .onboarding-model-card.selected .model-badge-recommend,.gemini-models-section .onboarding-model-card.selected .model-badge-stable,.gemini-models-section .onboarding-model-card.selected h3{color:#fff;filter:brightness(1.15)}.gemini-models-section .onboarding-model-card.selected .model-badge-premium{background:linear-gradient(90deg,#a259ff,#6a82fb);box-shadow:0 2px 8px #a259ff44}.gemini-models-section .onboarding-model-card.selected .model-badge-recommend{background:linear-gradient(90deg,#43e97b,#38f9d7)!important;box-shadow:0 2px 8px #43e97b44;color:#fff!important}.gemini-models-section .onboarding-model-card.selected .model-badge-recommend svg{color:#fff!important}.gemini-models-section .onboarding-model-card h3{color:var(--text-primary);display:inline-block;font-size:1.2rem;margin:0 0 8px;max-width:none;overflow:visible;text-overflow:clip;vertical-align:middle;white-space:nowrap}.gemini-models-section .model-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis}.gemini-models-section .onboarding-model-card>div{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}@media (max-width:768px){.gemini-models-section .onboarding-models-grid{flex-direction:column;gap:12px}.gemini-models-section .onboarding-model-card{max-width:100%;min-width:0}}.onboarding-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.onboarding-modal{animation:onboarding-fade-in .3s ease-out;background-color:var(--background-primary);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:90%}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px;text-align:center}.onboarding-header-top{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.onboarding-language-selector{align-items:center;display:flex;position:absolute;right:0;top:0}.language-instruction{color:var(--text-secondary);font-size:.9rem;margin-right:8px}.onboarding-language-selector .language-menu{z-index:1100}@media (max-width:768px){.onboarding-header-top{flex-direction:column;margin-bottom:16px}.onboarding-language-selector{justify-content:center;margin-top:16px;position:relative;right:auto;top:auto}.language-instruction{font-size:.85rem}.onboarding-intro-content{gap:1rem}.intro-hero{padding:.75rem 0}.hero-title{font-size:1.3rem}.hero-description{font-size:.95rem;max-width:100%;white-space:normal}.intro-features-grid{gap:1rem;grid-template-columns:1fr}.feature-item{padding:.875rem}.feature-icon{font-size:1.25rem;height:35px;width:35px}.feature-content h4{font-size:.95rem}.feature-content p{font-size:.85rem}.intro-cta{padding:1rem}.cta-text{flex-direction:column;font-size:1rem;gap:.5rem}}.onboarding-header h2{color:var(--text-primary);font-size:1.8rem;margin:0 0 8px}.onboarding-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.onboarding-content{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:var(--md-outline-variant) #0000;scrollbar-width:thin}.onboarding-content::-webkit-scrollbar{width:8px}.onboarding-content::-webkit-scrollbar-track{background:#0000}.onboarding-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:4px}.onboarding-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}.onboarding-intro-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.intro-hero{background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:1.5rem 0;position:relative;text-align:center}.intro-hero:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.hero-badge{display:inline-block;margin-bottom:1rem;position:relative;z-index:1}.badge-text{background:linear-gradient(135deg,var(--md-primary) 0,var(--md-secondary) 100%);border-radius:20px;box-shadow:0 4px 12px #4a6cf74d;box-shadow:0 4px 12px rgba(var(--md-primary-rgb,74,108,247),.3);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ff4757);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .75rem;padding:.1rem 0;position:relative;z-index:1}.hero-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:700px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.hero-stats{gap:1.5rem;justify-content:center;margin-top:1rem;position:relative;z-index:1}.hero-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:.25rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-divider{background:var(--border-color);height:30px;width:1px}.intro-features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:.5rem 0}.feature-item{align-items:flex-start;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-item:before{background:linear-gradient(90deg,var(--md-primary) 0,var(--md-secondary) 100%);content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.feature-item:hover{border-color:var(--md-primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.feature-item:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--md-primary-container) 0,var(--md-secondary-container) 100%);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.feature-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .4rem}.feature-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.intro-cta{background:linear-gradient(135deg,var(--md-primary-container) 0,var(--md-secondary-container) 100%);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;text-align:center}.intro-cta:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cta-text{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;position:relative;z-index:1}.cta-emoji{animation:bounce 2s infinite;font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.onboarding-instruction{color:var(--text-secondary);font-size:1rem;margin:0 0 20px;text-align:center}.onboarding-models-grid,.onboarding-presets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.onboarding-model-card,.onboarding-preset-card{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--md-shape-medium);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:16px;transition:all .2s ease}.onboarding-model-card:hover,.onboarding-preset-card:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level1);transform:translateY(-2px)}.onboarding-model-card.selected,.onboarding-preset-card.selected{background-color:var(--md-surface-2);border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-container)}.onboarding-model-card h3,.onboarding-preset-card h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 8px}.target-language-container{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.target-language-container label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.target-language-input{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--md-shape-pill);color:var(--text-primary);font-size:.9rem;padding:8px 16px;transition:all .2s ease;width:100%}.target-language-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.language-required-message{color:var(--md-error);font-size:.8rem;margin:6px 0 0}.model-description,.preset-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis}.onboarding-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px 24px}.onboarding-back-btn{background-color:initial;border:1px solid var(--border-color);border-radius:var(--md-shape-pill);color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s ease}.onboarding-back-btn:hover{background-color:var(--md-surface-2);color:var(--text-primary)}.onboarding-next-btn{background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);color:var(--md-on-primary);cursor:pointer;font-size:1rem;font-weight:500;margin-left:auto;padding:12px 24px;transition:all .2s ease}.onboarding-next-btn:hover:not(:disabled){background-color:var(--md-primary-hover);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.onboarding-next-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.onboarding-modal{max-height:95vh;width:95%}.onboarding-models-grid,.onboarding-presets-grid{grid-template-columns:1fr}.onboarding-header h2{font-size:1.5rem}.onboarding-subtitle{font-size:1rem}}.preset-actions{display:flex;gap:8px;margin-top:8px}.preset-info-btn,.preset-prompt-btn{background:#2323a3;background:var(--md-primary-container,#2323a3);border:none;border-radius:16px;box-shadow:0 1px 4px #00000014;color:#fff;color:var(--md-on-primary-container,#fff);cursor:pointer;font-size:.95em;font-weight:500;padding:4px 12px;transition:background .2s,color .2s,box-shadow .2s}.preset-info-btn:hover,.preset-prompt-btn:hover{background:#2196f3;background:var(--md-primary,#2196f3);color:#fff}.preset-popup{animation:fadeIn .18s;background:#23232b;background:var(--background-primary,#23232b);border:1.5px solid #2196f3;border:1.5px solid var(--md-primary,#2196f3);border-radius:12px;box-shadow:0 4px 24px #0000002e;color:#fff;color:var(--text-primary,#fff);font-size:1em;left:0;max-width:320px;min-width:220px;padding:16px 18px 12px 16px;position:absolute;top:40px;z-index:10}.preset-popup-content{position:relative}.close-popup-btn{background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:1.2em;padding:2px 6px;position:absolute;right:2px;top:2px;transition:background .15s}.close-popup-btn:hover{background:#eee2;color:red}.preset-title{border-radius:12px;display:inline-block;font-size:1.13em;font-weight:700;letter-spacing:.01em;margin-bottom:2px;margin-top:0;padding:2px 10px}.preset-title.prompt-color-general{background:#2196f314;color:#2196f3}.preset-title.prompt-color-extract{background:#4caf5014;color:#4caf50}.preset-title.prompt-color-combined{background:#ed1c2414;color:#ed1c24}.preset-title.prompt-color-lyrics{background:#ff980014;color:#ff9800}.preset-title.prompt-color-describe{background:#9c27b014;color:#9c27b0}.preset-title.prompt-color-chapter{background:#f06eaa14;color:#f06eaa}.preset-title.prompt-color-speakers{background:#fff79914;color:#fff799;text-shadow:0 1px 2px #2222}.onboarding-intro-list{color:#fff;color:var(--md-on-surface,#fff);font-size:1.18em;line-height:1.7;margin:0 0 8px;padding-left:24px}.onboarding-intro-list li{margin-bottom:6px}.onboarding-intro-emoji{font-size:2.7rem}.onboarding-intro-content{font-size:1.13em}.onboarding-intro-btn{background:#f5f5f5;border:none;border-radius:16px;color:#333;cursor:pointer;font-size:1em;font-weight:500;margin-right:8px;padding:6px 18px;transition:background .2s,color .2s}.onboarding-intro-btn:hover{background:#ffe0b2;color:#ed1c24}.onboarding-modal-overlay-popup{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.onboarding-modal-popup{animation:fadeIn .18s;background:#23232b;background:var(--background-primary,#23232b);border-radius:18px;box-shadow:0 8px 40px #00000040;color:#fff;color:var(--text-primary,#fff);max-width:90vw;min-width:340px;padding:28px 32px 22px 28px;position:relative}.onboarding-modal-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.onboarding-modal-popup-content{font-size:1.08em;line-height:1.7}.settings-btn{background:#0000;border:1.5px solid #2196f3;border:1.5px solid var(--md-primary,#2196f3);border-radius:16px;color:#2196f3;color:var(--md-primary,#2196f3);cursor:pointer;font-size:1em;font-weight:500;margin-bottom:2px;margin-right:4px;padding:5px 18px;transition:background .18s,color .18s,border .18s}.settings-btn:hover{background:#2196f3;background:var(--md-primary,#2196f3);border-color:#2196f3;border-color:var(--md-primary,#2196f3);color:#fff}.preset-title.only-color{background:none!important;padding:0 2px}.preset-title.only-color.prompt-color-general{color:#2196f3}.preset-title.only-color.prompt-color-extract{color:#4caf50}.preset-title.only-color.prompt-color-combined{color:#ed1c24}.preset-title.only-color.prompt-color-lyrics{color:#ff9800}.preset-title.only-color.prompt-color-describe{color:#9c27b0}.preset-title.only-color.prompt-color-chapter{color:#f06eaa}.preset-title.only-color.prompt-color-speakers{color:#fff799;text-shadow:0 1px 2px #2222}.model-badge-recommend{background:linear-gradient(90deg,#43e97b,#38f9d7);border:1.5px solid #43e97b;border-radius:12px;box-shadow:0 1px 4px #3cdc781a;color:#222}.model-badge-maintenance,.model-badge-recommend{display:inline-block;font-size:.85em;font-weight:700;letter-spacing:.01em;margin-left:2px;padding:2px 12px;vertical-align:middle}.model-badge-maintenance{background:linear-gradient(90deg,#ffb347,#ffcc80);border:1.5px solid #ffb347;border-radius:12px;box-shadow:0 1px 4px #ffb4471a;color:#7a3a00}.onboarding-models-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-bottom:20px}.onboarding-model-card{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--md-shape-medium);box-sizing:border-box;cursor:pointer;display:flex;flex:0 1 auto;flex-direction:column;height:100%;justify-content:flex-start;max-width:none;min-width:280px;padding:16px;transition:box-shadow .18s,background .18s,color .18s,transform .16s cubic-bezier(.4,2,.6,1)}.onboarding-model-card:hover{transform:scale(1.025);z-index:1}.onboarding-model-card.selected{background:linear-gradient(90deg,#2323a3,#6a82fb);border-color:var(--md-primary);box-shadow:0 0 16px 2px #a259ff80,0 0 0 2px var(--md-primary-container);color:#fff;transform:scale(1.04);transition:box-shadow .25s cubic-bezier(.4,2,.6,1),background .25s,color .25s,transform .18s cubic-bezier(.4,2,.6,1);z-index:2}.onboarding-model-card.selected .model-badge-experimental,.onboarding-model-card.selected .model-badge-premium,.onboarding-model-card.selected .model-badge-recommend,.onboarding-model-card.selected .model-badge-stable,.onboarding-model-card.selected h3{color:#fff;filter:brightness(1.15)}.onboarding-model-card.selected .model-badge-premium{background:linear-gradient(90deg,#a259ff,#6a82fb);box-shadow:0 2px 8px #a259ff44}.onboarding-model-card.selected .model-badge-recommend{background:linear-gradient(90deg,#43e97b,#38f9d7)!important;box-shadow:0 2px 8px #43e97b44;color:#fff}.onboarding-model-card.selected .model-badge-stable{background:linear-gradient(90deg,#42a5f5,#478ed1)!important;color:#fff}.onboarding-model-card.selected .model-badge-experimental{background:linear-gradient(90deg,#ffb347,#ff7043)!important;color:#fff}.onboarding-model-card h3{color:var(--text-primary);display:inline-block;font-size:1.2rem;margin:0 0 8px;max-width:none;overflow:visible;text-overflow:clip;vertical-align:middle;white-space:nowrap}.onboarding-model-card>div{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.model-badge-experimental,.model-badge-maintenance,.model-badge-premium,.model-badge-recommend,.model-badge-stable{align-items:center;border-radius:12px;display:inline-flex;font-size:.95em;font-weight:600;margin-left:8px;max-width:none;min-width:0;min-width:auto;overflow:visible;padding:2px 12px;text-overflow:clip;white-space:nowrap}.model-badge-recommend{background:linear-gradient(90deg,#43e97b,#38f9d7)!important;color:#fff!important}.model-badge-recommend svg,.model-badge-stable{color:#fff!important}.model-badge-stable{background:linear-gradient(90deg,#42a5f5,#478ed1)!important}.model-badge-stable svg{color:#fff!important}.model-badge-experimental{background:linear-gradient(90deg,#ffb347,#ff7043)!important;color:#fff!important}.model-badge-experimental svg{color:#fff!important}.translation-warning-toast{align-items:center;animation:toast-slide-in .3s var(--md-easing-emphasized);background-color:var(--md-error-container);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level3);color:var(--md-on-error-container);display:flex;gap:12px;max-width:400px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1001}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line-height)}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:4px;transition:background-color .2s}.toast-close:hover{background-color:#ffffff1a}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.translation-warning-toast{left:10px;max-width:none;right:10px;top:10px}}
/*# sourceMappingURL=main.95f58eef.css.map*/