@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,GRAD@24,600,0&display=block);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&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=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);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1);@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:100 900;src:url(../../static/media/GoogleSansFlex.87c1e516558558064a0f.ttf) format("truetype")}@font-face{font-display:swap;font-family:Product Sans;font-style:normal;font-weight:400;src:url(../../static/media/Product%20Sans%20Regular.ed60f45e14a72c230d25.otf) format("opentype")}@font-face{font-display:swap;font-family:Product Sans;font-style:italic;font-weight:400;src:url(../../static/media/Product%20Sans%20Italic.f3032767037aa38a410a.otf) format("opentype")}@font-face{font-display:swap;font-family:Product Sans;font-style:normal;font-weight:700;src:url(../../static/media/Product%20Sans%20Bold.dd882ab1dec22f673cdf.otf) format("opentype")}@font-face{font-display:swap;font-family:Product Sans;font-style:italic;font-weight:700;src:url(../../static/media/Product%20Sans%20Bold%20Italic.8f25f6226f4e7d369135.otf) format("opentype")}:root{--md-primary:#5d5fef;--md-on-primary:#fefefe;--md-primary-container:#e8e7ff;--md-on-primary-container:#322e6e;--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-surface-container:#f9f1ff;--md-surface-container-low:#f5edfc;--md-surface-container-high:#f0e7f8;--md-surface-container-highest:#ebe1f4;--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:#302b7f;--md-primary-container:#2d2e6d;--md-on-primary-container:#e8e7ff;--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-surface-container:#211f26;--md-surface-container-low:#1d1b20;--md-surface-container-high:#2b2930;--md-surface-container-highest:#322f39}.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)}.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:#fefefe;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}.standard-slider-container{align-items:center;display:flex;flex-direction:row;gap:6px;height:auto;max-width:354px;min-width:60px;position:relative;width:100%}.standard-slider-container.width-full{max-width:354px;min-width:354px;width:354px}.standard-slider-container.width-compact{max-width:120px;min-width:60px;width:100px}.standard-slider-container.width-auto{max-width:none;min-width:60px;width:100%}.standard-slider-container.width-mini{max-width:100px;min-width:60px;width:80px}.standard-slider-track-container{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:row;gap:2px;height:44px;position:relative;-webkit-user-select:none;user-select:none}.standard-slider-active-track{align-items:stretch;display:flex;flex-direction:column;height:16px;justify-content:center;margin-right:1px;min-width:0;transition:flex-grow .2s cubic-bezier(.2,0,0,1)}.standard-slider-active-track .track{background-color:#2979ff;background-color:var(--md-secondary,#2979ff);border-radius:16px 2px 2px 16px;height:100%;width:100%}.standard-slider-inactive-track{align-items:center;display:flex;flex-direction:row;height:16px;justify-content:stretch;margin-left:1px;min-width:0;position:relative;transition:flex-grow .2s cubic-bezier(.2,0,0,1)}.standard-slider-inactive-track .track{background-color:#cac4d0;background-color:var(--md-outline-variant,#cac4d0);border-radius:2px 16px 16px 2px;height:100%;width:100%}.standard-slider-value-badge{background-color:#ebe1f4;background-color:var(--md-surface-container-highest,#ebe1f4);border-radius:4px;bottom:100%;box-shadow:0 2px 8px #00000026;color:#1c1b1f;color:var(--md-on-surface,#1c1b1f);font-size:12px;font-weight:500;left:50%;margin-bottom:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateY(4px);transition:all .2s cubic-bezier(.2,0,0,1);white-space:nowrap;z-index:20}.standard-slider-container.dragging .standard-slider-value-badge{opacity:1;transform:translateX(-50%) translateY(0)}.standard-slider-track-stop{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.standard-slider-end-stop,.standard-slider-track-stop .dot{background-color:#79747e;background-color:var(--md-outline,#79747e);border-radius:50%;height:4px;width:4px}.standard-slider-end-stop{opacity:1;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:opacity .2s cubic-bezier(.2,0,0,1);z-index:5}.standard-slider-end-stop.hidden{opacity:0}.standard-slider-input{-webkit-appearance:none;appearance:none;background:#0000;height:100%;left:0;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.standard-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:0;opacity:0;width:0}.standard-slider-input::-webkit-slider-track{-webkit-appearance:none;appearance:none;background:#0000;opacity:0}.standard-slider-input::-moz-range-thumb{background:#0000;border:none;height:0;opacity:0;width:0}.standard-slider-input::-moz-range-track{background:#0000;opacity:0}.standard-slider-container.orientation-Horizontal .standard-slider-handle:hover,.standard-slider-container.orientation-horizontal .standard-slider-handle:hover{box-shadow:0 2px 8px #2979ff4d;width:6px}.standard-slider-container.dragging .standard-slider-handle,.standard-slider-container.dragging .standard-slider-inactive-track{transition:none!important}.standard-slider-container.dragging .standard-slider-track-container{cursor:grabbing!important}.standard-slider-container.snapping .standard-slider-active-track,.standard-slider-container.snapping .standard-slider-inactive-track{transition:flex-grow .2s cubic-bezier(.4,0,.2,1)!important}.standard-slider-container.snapping .standard-slider-handle{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.standard-slider-container.dragging .standard-slider-active-track{transition:none!important}.standard-slider-container.disabled,.standard-slider-container.state-Disabled,.standard-slider-container.state-disabled{opacity:.5;pointer-events:none}.standard-slider-container.disabled .standard-slider-input,.standard-slider-container.state-Disabled .standard-slider-input,.standard-slider-container.state-disabled .standard-slider-input{cursor:not-allowed;pointer-events:none}.standard-slider-container.disabled,.standard-slider-container.state-Disabled,.standard-slider-container.state-disabled{background:none!important;filter:grayscale(50%);opacity:.65;overflow:hidden;position:relative}.standard-slider-container.disabled:after,.standard-slider-container.state-Disabled:after,.standard-slider-container.state-disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.standard-slider-container.disabled .standard-slider-active-track,.standard-slider-container.state-Disabled .standard-slider-active-track,.standard-slider-container.state-disabled .standard-slider-active-track{opacity:.35!important}.standard-slider-container.disabled .standard-slider-handle,.standard-slider-container.state-Disabled .standard-slider-handle,.standard-slider-container.state-disabled .standard-slider-handle{box-shadow:none!important;cursor:not-allowed}.standard-slider-container.width-auto.size-Small,.standard-slider-container.width-auto.size-small{max-width:400px}.standard-slider-container.width-auto.size-Medium,.standard-slider-container.width-auto.size-medium{max-width:480px}.standard-slider-container.width-auto.size-Large,.standard-slider-container.width-auto.size-large{max-width:560px}.standard-slider-container.orientation-Vertical,.standard-slider-container.orientation-Vertical .standard-slider-track-container,.standard-slider-container.orientation-vertical,.standard-slider-container.orientation-vertical .standard-slider-track-container{flex-direction:column;height:100%;width:100%}.standard-slider-container.orientation-Vertical .standard-slider-handle,.standard-slider-container.orientation-vertical .standard-slider-handle{transform:none;width:36px}.standard-slider-container.orientation-Vertical .standard-slider-active-track,.standard-slider-container.orientation-vertical .standard-slider-active-track{height:auto;margin-left:0;margin-right:0;margin-top:1px;width:16px}.standard-slider-container.orientation-Vertical .standard-slider-inactive-track,.standard-slider-container.orientation-vertical .standard-slider-inactive-track{height:auto;margin-bottom:1px;margin-left:0;margin-right:0;width:16px}.standard-slider-container.orientation-Vertical .standard-slider-active-track .track,.standard-slider-container.orientation-vertical .standard-slider-active-track .track{border-radius:2px 2px 16px 16px}.standard-slider-container.orientation-Vertical .standard-slider-inactive-track .track,.standard-slider-container.orientation-vertical .standard-slider-inactive-track .track{border-radius:16px 16px 2px 2px}.standard-slider-container.orientation-Vertical.range-slider .standard-slider-inactive-track .track.start,.standard-slider-container.orientation-vertical.range-slider .standard-slider-inactive-track .track.start{border-radius:2px 2px 16px 16px}.standard-slider-container.orientation-Vertical.range-slider .standard-slider-inactive-track .track.end,.standard-slider-container.orientation-vertical.range-slider .standard-slider-inactive-track .track.end{border-radius:16px 16px 2px 2px}.standard-slider-container.orientation-Vertical .standard-slider-handle,.standard-slider-container.orientation-vertical .standard-slider-handle{height:4px}.standard-slider-container.orientation-Vertical .standard-slider-handle:hover,.standard-slider-container.orientation-vertical .standard-slider-handle:hover{height:6px}.standard-slider-container.orientation-Vertical.dragging .standard-slider-handle,.standard-slider-container.orientation-vertical.dragging .standard-slider-handle{height:2px}.standard-slider-container.orientation-Vertical .standard-slider-end-stop,.standard-slider-container.orientation-vertical .standard-slider-end-stop{left:50%;right:auto;top:6px;transform:translateX(-50%)}.standard-slider-container.orientation-Vertical .standard-slider-start-stop,.standard-slider-container.orientation-vertical .standard-slider-start-stop{bottom:6px;left:50%;transform:translateX(-50%)}.standard-slider-value-indicator{color:#6750a4;flex-shrink:0;font-size:.9rem;font-weight:500;min-width:50px;text-align:right;white-space:nowrap}.slider-with-value{gap:8px;height:36px}.custom-slider-fill,.custom-slider-thumb,.custom-slider-track{display:none}.slider-value-display{color:#6750a4;color:var(--md-primary,#6750a4);min-width:50px}.slider-with-value .slider-value-display{position:relative}.slider-with-value .slider-value-display .slider-reset-btn{background-color:#ebe1f4;background-color:var(--md-surface-container-highest,#ebe1f4);border:none;border-radius:12px;bottom:100%;box-shadow:0 2px 8px #00000026;color:#1c1b1f;color:var(--md-on-surface,#1c1b1f);cursor:pointer;font-size:12px;left:50%;line-height:1;opacity:0;padding:2px 6px;pointer-events:auto;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;z-index:30}.slider-with-value .slider-value-display .slider-reset-btn:focus-visible,.slider-with-value .slider-value-display .slider-reset-btn:hover,.slider-with-value .slider-value-display:hover .slider-reset-btn{opacity:1;pointer-events:auto}.slider-with-value .slider-value-display:hover{cursor:pointer}.slider-with-value .slider-value-display .slider-reset-btn:disabled{opacity:.5;pointer-events:none}.standard-slider-handle{align-items:center;background-color:#2979ff;background-color:var(--md-secondary,#2979ff);border-radius:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.2,0,0,1);width:4px;z-index:10}.range-slider .standard-slider-handle{height:36px;margin:0 1px}.range-slider .standard-slider-handle.handle-start{z-index:11}.range-slider .standard-slider-handle.handle-end,.range-slider.dragging .standard-slider-handle.handle-start{z-index:12}.range-slider.dragging .standard-slider-handle.handle-end{z-index:11}.range-slider.dragging .standard-slider-handle.active-thumb{z-index:15}.range-slider .standard-slider-active-track .track.range{border-radius:2px}.range-slider .standard-slider-inactive-track .track.start{border-radius:16px 2px 2px 16px}.range-slider .standard-slider-inactive-track .track.end{border-radius:2px 16px 16px 2px}.standard-slider-container.orientation-Horizontal.dragging .standard-slider-handle,.standard-slider-container.orientation-horizontal.dragging .standard-slider-handle{border-radius:1px;box-shadow:0 2px 8px #00000026;height:36px;width:2px}.standard-slider-start-stop{background-color:#79747e;background-color:var(--md-outline,#79747e);border-radius:50%;height:4px;left:6px;opacity:1;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s cubic-bezier(.2,0,0,1);width:4px;z-index:5}.standard-slider-start-stop.hidden{opacity:0}.video-volume-slider.standard-slider-container{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.video-volume-slider .standard-slider-active-track .track{background-color:#fff!important}.video-volume-slider .standard-slider-handle{background-color:#fff!important;box-shadow:0 1px 3px #00000040,0 0 1px #00000026!important}.video-volume-slider.orientation-Vertical .standard-slider-handle:hover,.video-volume-slider.orientation-vertical .standard-slider-handle:hover{height:6px}.video-volume-slider.orientation-Vertical.dragging .standard-slider-handle,.video-volume-slider.orientation-vertical.dragging .standard-slider-handle{height:2px}div.album-art-preview{align-items:center!important;background-color:var(--md-surface-2)!important;border-radius:20px!important;box-shadow:var(--md-elevation-level2)!important;display:flex!important;height:200px!important;justify-content:center!important;margin:0 auto!important;overflow:hidden!important;position:relative!important;transition:all .2s ease!important;width:200px!important}div.album-art-preview img{height:100%!important;object-fit:contain!important;width:100%!important}div.album-art-preview .floating-download-button{opacity:.9!important}.album-art-container{align-items:center!important;display:flex!important;flex-direction:column!important;grid-column:3/4!important;min-width:200px!important;width:auto!important}.album-art-preview{background-color:var(--md-surface-2)!important;border-radius:20px!important;box-shadow:var(--md-elevation-level2)!important;box-sizing:border-box!important;height:200px!important;margin:0 auto!important;overflow:hidden!important;transition:all .2s ease!important;width:200px!important}.album-art-preview img{display:block!important;height:100%!important;object-fit:contain!important;width:100%!important}.album-art-preview{position:relative!important}.floating-download-button,.floating-upload-button{align-items:center!important;background-color:#9c27b0!important;background-color:var(--md-tertiary,#9c27b0)!important;border:none!important;border-radius:50%!important;box-shadow:var(--md-elevation-level2)!important;color:#fff!important;color:var(--md-on-tertiary,#fff)!important;cursor:pointer!important;display:flex!important;height:42px!important;justify-content:center!important;opacity:.9!important;position:absolute!important;transition:all .2s ease!important;width:42px!important;z-index:10!important}.floating-upload-button{bottom:12px!important;left:12px!important}.floating-download-button{bottom:12px!important;right:12px!important}.image-preview .floating-download-button{bottom:auto!important;left:auto!important;right:12px!important;top:12px!important}div.album-art-preview .floating-download-button{bottom:12px!important;right:12px!important}.floating-download-button:hover,.floating-upload-button:hover{box-shadow:var(--md-elevation-level3)!important;transform:scale(1.1)!important}.album-art-actions{display:none!important}@media (max-width:768px){.album-art-container{grid-column:1/-1!important;margin-top:16px!important}}@media (min-width:769px){.top-inputs-grid{grid-template-columns:6fr 4fr 200px!important}}html{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}html::-webkit-scrollbar{display:none;height:0;width:0}body{position:relative}.floating-scrollbar-container{bottom:0;margin-right:0;padding-right:0;position:fixed;right:0;top:0;visibility:hidden;width:30px;z-index:9999}.floating-scrollbar-container.scrolling{visibility:visible}.floating-scrollbar-container.fade-out{transition:opacity .3s ease-out,visibility 0s linear .3s;visibility:visible}.floating-scrollbar-container.fade-out.hidden{visibility:hidden}.floating-scrollbar-track{background-color:#00000014;border-radius:16px 0 0 16px;bottom:0;pointer-events:auto;position:absolute;right:0;top:0;width:3px}[data-theme=dark] .floating-scrollbar-track{background-color:#ffffff14}.floating-scrollbar-thumb{background-color:#0003;background-color:var(--md-outline-variant,#0003);border-radius:6px 2px 2px 6px;box-shadow:0 0 0 10px #0000;cursor:pointer;pointer-events:auto;position:absolute;right:0;transition:background-color .15s ease,width .15s ease;width:5px}.floating-scrollbar-thumb.dragging,.floating-scrollbar-thumb:hover{background-color:var(--md-primary);right:0;width:7px}[data-theme=dark] .floating-scrollbar-thumb{background-color:#fff3;background-color:var(--md-outline-variant,#fff3)}[data-theme=dark] .floating-scrollbar-thumb.dragging,[data-theme=dark] .floating-scrollbar-thumb:hover{background-color:var(--md-primary);right:0;width:7px}.floating-scrollbar-container{opacity:0;pointer-events:none;transition:opacity .2s ease}.floating-scrollbar-container.scrolling{opacity:.7;pointer-events:auto;transition:opacity .1s ease}.floating-scrollbar-container.scrolling:hover,.floating-scrollbar-container:hover{opacity:1}.floating-scrollbar-container.fade-out{opacity:0;transition:opacity .3s ease-out}@media (max-width:768px){.floating-scrollbar-container{display:none}html{-ms-overflow-style:auto;overflow-y:auto;scrollbar-width:thin}html::-webkit-scrollbar{display:block;height:auto;width:auto}}:not(.font-name):not(.font-flags):not(.font-preview-text):not(.font-sample):not(.font-details):not(.font-selector-preview):not(.font-info):not(textarea):not(.preset-full-text):not(.masked-input):not(.required-variable):not(.time-control):not(.pill-button){font-family:var(--font-primary)}.MuiAlert-root,.MuiButton-root,.MuiChip-root,.MuiDialogActions-root,.MuiDialogContent-root,.MuiDialogContentText-root,.MuiDialogTitle-root,.MuiFormLabel-root,.MuiInputBase-root,.MuiListItemText-root,.MuiMenuItem-root,.MuiSnackbarContent-root,.MuiTab-root,.MuiTooltip-root,.MuiTypography-root{font-family:var(--font-primary)!important}.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6,.buttons-container .gemini-icon-container,.buttons-container .processing-text,.buttons-container .processing-text-container,.buttons-container button,h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}.MuiTypography-code,.code-block,.code-inline,code,pre{font-family:var(--font-code)}.font-dropdown-menu,.font-modal,.font-selector-button{font-family:serif!important;font-family:initial!important}.pill-button{font-family:var(--font-primary)}.liquid-glass{overflow:hidden;pointer-events:auto;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .6s ease-in-out,height 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1);transition:transform var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),box-shadow var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),border-color var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),opacity .6s ease-in-out,height 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.liquid-glass:hover{box-shadow:0 6px 12px #0000004d,inset 0 -12px 30px #0003}.liquid-glass:focus{outline:2px solid #007bff;outline:2px solid var(--md-primary,#007bff);outline-offset:2px}.liquid-glass.draggable{cursor:grab}.liquid-glass.draggable:active{cursor:grabbing}.liquid-glass.size-small{border-radius:20px;height:40px;width:60px}.liquid-glass.size-medium{border-radius:40px;height:80px;width:120px}.liquid-glass.size-large{border-radius:65px;height:130px;width:200px}.liquid-glass.size-extra-large{border-radius:100px;height:200px;width:300px}.liquid-glass.shape-circle{border-radius:50%}.liquid-glass.shape-rounded{border-radius:16px;border-radius:var(--md-shape-large,16px)}.liquid-glass.shape-pill{border-radius:9999px}.liquid-glass.shape-square{border-radius:0}.liquid-glass.theme-primary{border:1px solid #007bff;border:1px solid var(--md-primary,#007bff);box-shadow:0 4px 8px #007bff40,inset 0 -10px 25px #007bff26}.liquid-glass.theme-secondary{border:1px solid #6c757d;border:1px solid var(--md-secondary,#6c757d);box-shadow:0 4px 8px #6c757d40,inset 0 -10px 25px #6c757d26}.liquid-glass.theme-success{border:1px solid #28a745;border:1px solid var(--md-success,#28a745);box-shadow:0 4px 8px #28a74540,inset 0 -10px 25px #28a74526}.liquid-glass.theme-warning{border:1px solid #ffc107;border:1px solid var(--md-warning,#ffc107);box-shadow:0 4px 8px #ffc10740,inset 0 -10px 25px #ffc10726}.liquid-glass.theme-error{border:1px solid #dc3545;border:1px solid var(--md-error,#dc3545);box-shadow:0 4px 8px #dc354540,inset 0 -10px 25px #dc354526}.liquid-glass.intensity-subtle{-webkit-backdrop-filter:blur(.1px) contrast(1.05) brightness(1.02) saturate(1.05);backdrop-filter:blur(.1px) contrast(1.05) brightness(1.02) saturate(1.05)}.liquid-glass.intensity-normal{-webkit-backdrop-filter:blur(.25px) contrast(1.2) brightness(1.05) saturate(1.1);backdrop-filter:blur(.25px) contrast(1.2) brightness(1.05) saturate(1.1)}.liquid-glass.intensity-strong{-webkit-backdrop-filter:blur(.5px) contrast(1.4) brightness(1.1) saturate(1.2);backdrop-filter:blur(.5px) contrast(1.4) brightness(1.1) saturate(1.2)}.liquid-glass.intensity-extreme{-webkit-backdrop-filter:blur(1px) contrast(1.6) brightness(1.15) saturate(1.3);backdrop-filter:blur(1px) contrast(1.6) brightness(1.15) saturate(1.3)}.liquid-glass.animate-pulse{animation:liquid-glass-pulse 2s ease-in-out infinite}.liquid-glass.animate-float{animation:liquid-glass-float 3s ease-in-out infinite}.liquid-glass.animate-glow{animation:liquid-glass-glow 2s ease-in-out infinite alternate}.liquid-glass.animate-rotate{animation:liquid-glass-rotate 10s linear infinite}.liquid-glass.content-center{align-items:center;display:flex;justify-content:center}.liquid-glass.content-start{align-items:flex-start;display:flex;justify-content:flex-start;padding:8px}.liquid-glass.content-end{align-items:flex-end;display:flex;justify-content:flex-end;padding:8px}.liquid-glass.interactive{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity .6s ease-in-out,height 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1);transition:transform var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),box-shadow var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),border-color var(--md-duration-medium2,.3s) var(--md-easing-standard,ease),opacity .6s ease-in-out,height 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1)}.liquid-glass.interactive:hover{transform:translateY(-2px) scale(1.02)}.liquid-glass.interactive:active{transform:translateY(0) scale(.98)}.liquid-glass.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (prefers-contrast:high){.liquid-glass{border-width:2px;box-shadow:0 4px 8px #00000080,inset 0 -10px 25px #0000004d}}@media (prefers-reduced-motion:reduce){.liquid-glass,.liquid-glass *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.liquid-glass.video-control,.liquid-glass.volume-pill-slow{transition:opacity .6s ease-in-out!important}}@keyframes liquid-glass-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes liquid-glass-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes liquid-glass-glow{0%{box-shadow:0 4px 8px #00000040,inset 0 -10px 25px #00000026}to{box-shadow:0 8px 16px #00000059,inset 0 -15px 35px #00000040,0 0 20px #ffffff4d}}@keyframes liquid-glass-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-container .liquid-glass{pointer-events:auto;position:absolute}.liquid-glass.volume-pill-slow{transition:height .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease-in-out!important}.custom-video-controls .liquid-glass.interactive.video-control,.liquid-glass.interactive.video-control,.liquid-glass.video-control{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,opacity !important .6s ease-in-out,height 1.2s cubic-bezier(.4,0,.2,1),width 1.2s cubic-bezier(.4,0,.2,1)!important}.video-container .liquid-glass:hover{z-index:15}@media (max-width:768px){.liquid-glass.responsive{border-radius:25px;height:50px;width:80px}.liquid-glass.responsive.size-large{border-radius:50px;height:100px;width:150px}.video-container .liquid-glass{display:inline-block;margin:5px;position:relative}}@media (max-width:480px){.liquid-glass.responsive{border-radius:20px;height:40px;width:60px}.liquid-glass.responsive.size-large{border-radius:40px;height:80px;width:120px}.video-container .liquid-glass{display:block;margin:5px auto;position:relative}}:root{--ms-font-family:"Material Symbols Rounded","Material Symbols","Material Icons";--ms-wght:600;--ms-grad:0;--ms-opsz:24;--ms-size-default:20px}.material-symbols-rounded{display:inline-block;font-family:Material Symbols Rounded,Material Symbols,Material Icons!important;font-family:var(--ms-font-family)!important;font-variation-settings:"wght" 600,"GRAD" 0,"opsz" 24;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);font-weight:600;font-weight:var(--ms-wght);line-height:1;vertical-align:middle}html:not(.ms-font-ready) .material-symbols-rounded{visibility:hidden}: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:rgba(var(--md-shadow-rgb),0.08);--success-color:#2e7d32;--warning-color:#ed6c02;--error-color:var(--md-error);--info-color:#1976d2;--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,#1976d2,#0000 90%);--transition-speed:var(--md-duration-medium2);--theme-lightness:60%;--font-primary:"Google Sans","Open Sans",sans-serif;--font-title:"Google Sans","Be Vietnam Pro",sans-serif;--font-code:"JetBrains Mono",monospace;--headline-wght:700;--headline-grad:0;--headline-rond:100;--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;--md-shadow-rgb:0,0,0}[data-theme=dark]{--shadow-color:rgba(var(--md-shadow-rgb),0.25);--theme-lightness:40%;--headline-grad:25;--success-color:#66bb6a;--warning-color:#ffa726;--info-color:#64b5f6;--success-background:color-mix(in srgb,#66bb6a,#0000 90%);--warning-background:color-mix(in srgb,#ffa726,#0000 90%);--info-background:color-mix(in srgb,#64b5f6,#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:Google Sans,Open Sans,sans-serif;font-family:var(--font-primary);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:JetBrains Mono,monospace;font-family:var(--font-code)}*{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);font-family:Google Sans,Be Vietnam Pro,sans-serif;font-family:var(--font-title);font-optical-sizing:auto;font-variation-settings:"GRAD" 0,"ROND" 100;font-variation-settings:"GRAD" var(--headline-grad),"ROND" var(--headline-rond);font-weight:700;font-weight:var(--headline-wght);margin-top:0}.title-round-0{font-variation-settings:"GRAD" 0,"ROND" 0;font-variation-settings:"GRAD" var(--headline-grad),"ROND" 0}.title-round-50{font-variation-settings:"GRAD" 0,"ROND" 50;font-variation-settings:"GRAD" var(--headline-grad),"ROND" 50}.title-round-100{font-variation-settings:"GRAD" 0,"ROND" 100;font-variation-settings:"GRAD" var(--headline-grad),"ROND" 100}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:Google Sans,Open Sans,sans-serif;font-family:var(--font-primary);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)}}.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}.row-label,.text-balance{text-wrap:balance;-webkit-text-wrap:balance}@supports not (text-wrap:balance){.row-label,.text-balance{-webkit-hyphens:manual;hyphens:manual;word-break:break-word}}.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!important}.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)}audio.audio-player{border-radius:24px;box-shadow:var(--md-elevation-level1);color-scheme:auto;height:36px;transition:all .2s var(--md-easing-standard)}[data-theme=light] audio.audio-player{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant)}[data-theme=dark] audio.audio-player{background-color:var(--md-surface-3);border:1px solid var(--md-outline-variant);color-scheme:dark}[data-theme=dark] .audio-preview .audio-player{background-color:var(--md-surface-4);border:1px solid rgba(var(--md-primary-rgb),.2)}@media screen and (-webkit-min-device-pixel-ratio:0){audio.audio-player::-webkit-media-controls-panel{background-color:var(--md-surface-1);border-radius:24px;padding:0 8px}audio.audio-player::-webkit-media-controls-current-time-display,audio.audio-player::-webkit-media-controls-time-remaining-display{color:var(--md-on-surface);font-family:var(--font-primary);font-size:12px}audio.audio-player::-webkit-media-controls-timeline{background-color:var(--md-surface-variant);border-radius:12px;height:4px;margin:0 8px}audio.audio-player::-webkit-media-controls-timeline::-webkit-slider-thumb{background-color:var(--md-primary);border-radius:50%;height:12px;width:12px}audio.audio-player::-webkit-media-controls-volume-slider{background-color:var(--md-surface-variant);border-radius:12px;height:4px}[data-theme=dark] audio.audio-player::-webkit-media-controls-panel{background-color:var(--md-surface-3);border-radius:24px}[data-theme=dark] audio.audio-player::-webkit-media-controls-current-time-display,[data-theme=dark] audio.audio-player::-webkit-media-controls-time-remaining-display{color:var(--md-on-surface)}[data-theme=dark] audio.audio-player::-webkit-media-controls-play-button{filter:brightness(1.2)}[data-theme=dark] audio.audio-player::-webkit-media-controls-timeline,[data-theme=dark] audio.audio-player::-webkit-media-controls-volume-slider{background-color:var(--md-surface-variant);border-radius:12px}[data-theme=dark] audio.audio-player::-webkit-media-controls-mute-button{filter:brightness(1.2)}}@-moz-document url-prefix(){audio.audio-player{background-color:var(--md-surface-1);padding:2px}[data-theme=dark] audio.audio-player,audio.audio-player{border:1px solid var(--md-outline-variant);border-radius:24px}[data-theme=dark] audio.audio-player{background-color:var(--md-surface-3)}audio.audio-player::-moz-range-track{background-color:var(--md-surface-variant);border-radius:12px;height:4px}audio.audio-player::-moz-range-thumb{background-color:var(--md-primary);border:none;border-radius:50%;height:12px;width:12px}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){audio.audio-player{background-color:var(--md-surface-1)}[data-theme=dark] audio.audio-player,audio.audio-player{border:1px solid var(--md-outline-variant);border-radius:24px}[data-theme=dark] audio.audio-player{background-color:var(--md-surface-3)}}}audio.audio-player:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-1px);transition:all .2s var(--md-easing-standard)}[data-theme=light] audio.audio-player:hover{background-color:color-mix(in srgb,var(--md-surface-1) 95%,var(--md-primary));border-color:var(--md-primary)}[data-theme=dark] audio.audio-player:hover{background-color:color-mix(in srgb,var(--md-surface-3) 95%,var(--md-primary));border-color:var(--md-primary)}audio.audio-player:focus{outline:2px solid var(--md-primary);outline-offset:2px}audio.audio-player:active{box-shadow:var(--md-elevation-level1);transform:translateY(0);transition-duration:.1s}.audio-player-container{background-color:initial;transition:all .2s var(--md-easing-standard)}.results-list .audio-player{border-radius:24px;margin:4px 0}[data-theme=light] .results-list .audio-player{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant)}[data-theme=dark] .results-list .audio-player{background-color:var(--md-surface-3);border:1px solid var(--md-outline-variant)}.audio-player.playing,.result-item.playing .audio-player{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}[data-theme=light] .audio-player.playing,[data-theme=light] .result-item.playing .audio-player{background-color:color-mix(in srgb,var(--md-surface-1) 90%,var(--md-primary))}[data-theme=dark] .audio-player.playing,[data-theme=dark] .result-item.playing .audio-player{background-color:color-mix(in srgb,var(--md-surface-3) 90%,var(--md-primary))}.audio-preview{background-color:initial}.audio-preview .clear-button{background-color:var(--md-error-container);box-shadow:var(--md-elevation-level1);color:var(--md-on-error-container);transition:all .2s var(--md-easing-standard)}.audio-preview .clear-button:hover{background-color:var(--md-error);box-shadow:var(--md-elevation-level2);color:var(--md-on-error);transform:translateY(-2px)}.audio-preview .clear-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0);transition-duration:.1s}.primary-audio-player{background-color:rgba(var(--md-primary-rgb),.1);border:1px solid rgba(var(--md-primary-rgb),.2);border-radius:24px}[data-theme=dark] .primary-audio-player{background-color:rgba(var(--md-primary-rgb),.1);border:1px solid rgba(var(--md-primary-rgb),.2)}audio.audio-player{transition:background-color .3s var(--md-easing-standard),border-color .3s var(--md-easing-standard),box-shadow .3s var(--md-easing-standard),transform .2s var(--md-easing-standard)}.audio-progress{-webkit-appearance:none;appearance:none;background:#0000;border-radius:2px;cursor:pointer;height:4px;outline:none;transition:all .2s var(--md-easing-standard);width:100%}[data-theme=dark] .audio-progress,[data-theme=light] .audio-progress{background:var(--md-outline-variant)}.audio-progress::-webkit-slider-track{background:var(--md-outline-variant);border-radius:2px;cursor:pointer;height:4px;width:100%}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--md-primary);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:12px;-webkit-transition:all .2s var(--md-easing-standard);transition:all .2s var(--md-easing-standard);width:12px}.audio-progress::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #0000004d;transform:scale(1.1)}.audio-progress::-moz-range-track{background:var(--md-outline-variant);border:none;border-radius:2px;cursor:pointer;height:4px;width:100%}.audio-progress::-moz-range-thumb{background:var(--md-primary);border:none;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:12px;-moz-transition:all .2s var(--md-easing-standard);transition:all .2s var(--md-easing-standard);width:12px}.audio-progress::-moz-range-thumb:hover{box-shadow:0 2px 6px #0000004d;transform:scale(1.1)}.audio-progress:focus{outline:2px solid var(--md-primary);outline-offset:2px}.custom-audio-player{align-items:center;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;box-shadow:var(--md-elevation-level1);display:flex;gap:8px;min-height:32px;padding:8px 8px 8px 12px;transition:all .2s var(--md-easing-standard)}[data-theme=dark] .custom-audio-player{background-color:var(--md-surface-3);border:1px solid rgba(var(--md-primary-rgb),.2)}.custom-audio-player:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.custom-audio-player .time-display{color:var(--md-on-surface);font-size:12px;font-weight:500;min-width:60px;text-align:center;white-space:nowrap}video.video-player{background-color:#000000a6;box-shadow:var(--md-elevation-level1);color-scheme:auto;overflow:hidden;transition:box-shadow .2s var(--md-easing-standard),background-color .3s var(--md-easing-standard),border-color .3s var(--md-easing-standard)}[data-theme=dark] video.video-player{background-color:#00000070;color-scheme:dark}video.video-player:hover{box-shadow:var(--md-elevation-level2)}[data-theme=light] video.video-player:hover{border-color:var(--md-outline)}[data-theme=dark] video.video-player:hover{border-color:var(--md-primary)}video.video-player:focus,video.video-player:focus-visible{box-shadow:var(--md-elevation-level2);outline:2px solid var(--md-primary);outline-offset:2px}video.video-player:focus:not(:focus-visible){outline:none}@media screen and (-webkit-min-device-pixel-ratio:0){video.video-player::-webkit-media-controls-panel{background-color:initial;border-radius:0 0 12px 12px;padding:4px 8px}video.video-player::-webkit-media-controls-timeline,video.video-player::-webkit-media-controls-volume-slider{background-color:initial;border-radius:12px;height:4px;margin:0 8px}video.video-player::-webkit-media-controls-volume-slider{margin:0}video.video-player::-webkit-media-controls-current-time-display,video.video-player::-webkit-media-controls-time-remaining-display{color:#fff;font-family:var(--font-primary);font-size:12px;padding:0 4px;text-shadow:0 1px 3px #000000b3,0 0 5px #00000080}video.video-player::-webkit-media-controls-cast-button,video.video-player::-webkit-media-controls-download-button,video.video-player::-webkit-media-controls-fullscreen-button,video.video-player::-webkit-media-controls-mute-button,video.video-player::-webkit-media-controls-overflow-button,video.video-player::-webkit-media-controls-picture-in-picture-button,video.video-player::-webkit-media-controls-play-button{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.8))}video.video-player::-webkit-media-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:50%;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));height:12px;width:12px}}.video-subtitle{border-radius:8px;bottom:10px;box-shadow:var(--md-elevation-level1);font-size:clamp(1rem,1.8vw,1.25rem);left:50%;padding:.5rem 1rem;text-shadow:0 1px 3px #000000b3,0 0 5px #00000080;transform:translateX(-50%);transition:background-color .3s ease,opacity .3s ease,transform .3s ease;width:-webkit-max-content;width:max-content}[data-theme=light] .video-subtitle{background-color:#000000bf;background-color:rgba(var(--md-inverse-surface-rgb,0,0,0),.75);color:var(--md-inverse-on-surface,#fff)}[data-theme=dark] .video-subtitle{background-color:#1e1e1ed9;background-color:rgba(var(--md-surface-container-highest-rgb,30,30,30),.85);color:var(--md-on-surface,#fff)}.video-roll-deg-scale{transition:transform .3s var(--md-easing-standard)}:-moz-full-screen video.video-player,:-ms-fullscreen video.video-player,:-webkit-full-screen video.video-player,:fullscreen video.video-player,video.video-player:-moz-full-screen,video.video-player:-ms-fullscreen,video.video-player:-webkit-full-screen,video.video-player:fullscreen{border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}:-moz-full-screen video.video-player:focus,:-moz-full-screen video.video-player:focus-visible,:-ms-fullscreen video.video-player:focus,:-ms-fullscreen video.video-player:focus-visible,:-webkit-full-screen video.video-player:focus,:-webkit-full-screen video.video-player:focus-visible,:fullscreen video.video-player:focus,:fullscreen video.video-player:focus-visible,video.video-player:-moz-full-screen:focus,video.video-player:-moz-full-screen:focus-visible,video.video-player:-ms-fullscreen:focus,video.video-player:-ms-fullscreen:focus-visible,video.video-player:-webkit-full-screen:focus,video.video-player:-webkit-full-screen:focus-visible,video.video-player:fullscreen:focus,video.video-player:fullscreen:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}:-moz-full-screen *,:-ms-fullscreen *,:-webkit-full-screen *,:fullscreen *{outline-color:#0000!important;outline:none!important}@media screen and (-webkit-min-device-pixel-ratio:0){:-webkit-full-screen video.video-player,:fullscreen video.video-player{border:none!important;box-shadow:none!important;outline:none!important}:-webkit-full-screen::backdrop,:fullscreen::backdrop{background-color:#000!important}}:-moz-full-screen .video-subtitle,:-ms-fullscreen .video-subtitle,:-webkit-full-screen .video-subtitle,:fullscreen .video-subtitle,video.video-player:-moz-full-screen~.video-subtitle,video.video-player:-ms-fullscreen~.video-subtitle,video.video-player:-webkit-full-screen~.video-subtitle,video.video-player:fullscreen~.video-subtitle{bottom:60px!important;font-size:clamp(1.2rem,2.5vw,1.8rem)!important;max-width:80%!important;padding:.75rem 1.5rem!important;z-index:9999!important}.app-header{align-items:center;background-color:var(--background-primary);display:flex;justify-content:space-between;min-height:80px;padding:1.25rem 1.5rem;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.header-title-container{align-items:center;display:flex;gap:.5rem;max-width:80%}.header-title{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);background-clip:text;-webkit-background-clip:text;color:#0000;font-family:var(--font-title);font-size:1.2rem;font-weight:700;letter-spacing:-.25px;margin:0;overflow:hidden;padding:10px;text-overflow:ellipsis;transform:translateY(4px);transform-origin:left center;transition:transform .3s ease;white-space:nowrap}.special-star-icon{animation:starGradientShift 4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(var(--primary-color-rgb),.4));flex-shrink:0;height:28px;opacity:.9;transform:translateY(2px);transition:opacity .3s ease,transform .3s ease;width:28px}.special-star-icon:hover{animation:starGradientShiftHover 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(var(--primary-color-rgb),.7));opacity:1;transform:translateY(2px) scale(1.15)}@keyframes starGradientShift{0%{filter:drop-shadow(0 0 6px rgba(var(--primary-color-rgb),.4)) hue-rotate(0deg)}25%{filter:drop-shadow(0 0 8px rgba(var(--accent-color-rgb),.5)) hue-rotate(15deg)}50%{filter:drop-shadow(0 0 10px rgba(var(--secondary-color-rgb),.6)) hue-rotate(30deg)}75%{filter:drop-shadow(0 0 8px rgba(var(--accent-color-rgb),.5)) hue-rotate(15deg)}to{filter:drop-shadow(0 0 6px rgba(var(--primary-color-rgb),.4)) hue-rotate(0deg)}}@keyframes starGradientShiftHover{0%{filter:drop-shadow(0 0 12px rgba(var(--primary-color-rgb),.7)) hue-rotate(0deg) brightness(1.1)}33%{filter:drop-shadow(0 0 16px rgba(var(--accent-color-rgb),.8)) hue-rotate(20deg) brightness(1.2)}66%{filter:drop-shadow(0 0 14px rgba(var(--secondary-color-rgb),.9)) hue-rotate(40deg) brightness(1.15)}to{filter:drop-shadow(0 0 12px rgba(var(--primary-color-rgb),.7)) hue-rotate(0deg) brightness(1.1)}}.header-title:hover{filter:brightness(1.1);text-shadow:0 0 10px rgba(var(--primary-rgb),.5);transform:translateY(4px)}.osg-main{font-size:1.4em;font-weight:800}.osg-version{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:.7em;font-weight:500;opacity:.8}.floating-settings{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--md-surface-rgb),.95)!important;border:1px solid rgba(var(--md-outline-variant-rgb),.3)!important;box-shadow:0 8px 32px #00000026!important;filter:blur(4px);font-size:16px!important;height:48px!important;min-width:120px!important;opacity:0;padding:12px 20px!important;pointer-events:none;position:absolute;transform:scale(.8);transition:all .4s cubic-bezier(.25,.46,.45,.94)!important;z-index:2147483646}.floating-settings svg{height:20px!important;margin-right:10px!important;width:20px!important}.floating-settings.floating-visible{filter:blur(0);opacity:1;pointer-events:auto;transform:scale(1)}.floating-settings.floating-hidden{filter:blur(4px);opacity:0;pointer-events:none;transform:scale(.8)}.floating-settings:hover{background:rgba(var(--md-surface-rgb),.98)!important;box-shadow:0 12px 40px #0003!important;transform:scale(1.05)!important}.floating-settings.floating-hidden:hover{transform:scale(.8)!important}.theme-toggle{align-items:center;background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:50%;color:var(--md-on-surface);cursor:pointer;display:flex;height:40px;justify-content:center;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),transform var(--md-duration-medium2) var(--md-easing-emphasized);width:40px}.theme-toggle: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)}.theme-toggle:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.theme-toggle:hover{border-color:var(--md-primary);transform:rotate(15deg)}.theme-toggle svg{stroke:var(--text-primary);transition:stroke .3s ease,transform .5s ease}.settings-button{align-items:center;background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface);cursor:pointer;display:flex;font-size:var(--md-label-medium-size);font-weight:500;height:40px;line-height:var(--md-label-medium-height);overflow:hidden;padding:8px 16px;position:relative;transition:background-color .2s ease,transform .2s ease}.settings-button: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)}.settings-button:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.settings-button:hover{border-color:var(--md-primary);transform:translateY(-2px)}.settings-button svg{stroke:currentColor;margin-right:8px;transition:stroke var(--md-duration-medium2) var(--md-easing-standard)}.floating-settings .tab-badge{background:var(--md-primary);border-radius:50%;box-shadow:0 0 0 4px rgba(var(--md-primary-rgb),.15);height:8px;position:absolute;right:6px;top:6px;width:8px}@media (max-width:768px){.app-header{padding:.75rem 1rem}.header-title{font-size:1.3rem}.osg-main{font-size:1.2em}.osg-version{font-size:.65em}}@media (max-width:600px){.settings-button span{display:none}.settings-button svg{margin-right:0}.settings-button{height:40px;justify-content:center;padding:8px;width:40px}.header-title{font-size:1.1rem;max-width:70%}.osg-main{font-size:1.1em}.osg-version{font-size:.6em}.app-header{padding:.75rem 1rem}}@media (max-width:400px){.header-title{font-size:1rem}.osg-main{font-size:1em}.osg-version{font-size:.55em}.app-header{padding:.75rem}}.branch-switch-button{align-items:center;background:var(--md-primary);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:0 2px 4px #0000001a;color:var(--md-on-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.85rem;font-weight:500;justify-content:center;letter-spacing:.2px;margin-left:1rem;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:8px 16px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.branch-switch-button: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)}.branch-switch-button:hover:before{background-color:color-mix(in srgb,var(--md-on-primary),#0000 var(--md-state-hover-opacity))}.branch-switch-button:hover{background:color-mix(in srgb,var(--md-primary),var(--md-on-primary) 5%);border-color:var(--md-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.branch-switch-button:active{background:color-mix(in srgb,var(--md-primary),var(--md-on-primary) 10%);box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.branch-switch-button:disabled{cursor:not-allowed;opacity:.6}.branch-switch-button:disabled,.branch-switch-button:disabled:hover{background:var(--md-surface-variant);border-color:var(--md-outline);box-shadow:none;color:var(--md-on-surface-variant);transform:none}[data-theme=dark] .branch-switch-button{background:var(--md-primary);border-color:var(--md-outline-variant);box-shadow:0 2px 4px #0000004d;color:var(--md-on-primary)}[data-theme=dark] .branch-switch-button:hover{background:color-mix(in srgb,var(--md-primary),#fff 5%);border-color:var(--md-primary);box-shadow:0 4px 8px #0006;transform:translateY(-1px)}[data-theme=dark] .branch-switch-button:active{background:color-mix(in srgb,var(--md-primary),#fff 10%);box-shadow:0 2px 4px #0000004d;transform:translateY(0)}[data-theme=dark] .branch-switch-button:disabled{background:var(--md-surface-variant);border-color:var(--md-outline);box-shadow:none;color:var(--md-on-surface-variant)}@media (max-width:768px){.branch-switch-button{font-size:.75rem;margin-left:.5rem;padding:5px 10px}}@media (max-width:600px){.branch-switch-button{font-size:.7rem;padding:4px 8px}}@media (max-width:400px){.branch-switch-button{display:none}}.branch-switch-button.vercel-mode{cursor:not-allowed;opacity:.7}.branch-switch-button.vercel-mode,.branch-switch-button.vercel-mode:hover{background:var(--md-surface-variant);border:1px solid var(--md-outline);box-shadow:none;color:var(--md-on-surface-variant);transform:none}[data-theme=dark] .branch-switch-button.vercel-mode{background:var(--md-surface-variant);border-color:var(--md-outline);box-shadow:none;color:var(--md-on-surface-variant)}@keyframes fadeInOSGVersion{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBranchSwitch{0%{opacity:0;transform:scale(.8) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.osg-version{animation:fadeInOSGVersion .6s ease-out}.branch-switch-button{animation:fadeInBranchSwitch .6s ease-out}.gemini-header-canvas{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;height:100%;left:0;opacity:.7;pointer-events:auto;position:absolute;top:0;transform:translateZ(0);transition:opacity .3s ease;width:100%;z-index:1}.app-header:hover .gemini-header-canvas{opacity:.9}.header-actions,.header-title,.header-title-container,.settings-button{position:relative;z-index:4}.app-header:hover .header-title{text-shadow:0 0 10px rgba(var(--primary-rgb),.3)}@keyframes title-pulse{0%,to{transform:translateY(4px) scale(1)}50%{transform:translateY(4px) scale(1.01)}}.app-header:hover .header-title{animation:title-pulse 3s ease-in-out infinite;will-change:transform}.loading-indicator{align-items:center;background:none;border:none;display:flex;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative}.loading-indicator-canvas{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.loading-indicator{role:progressbar;aria-label:"Loading";aria-live:polite}@media (prefers-reduced-motion:reduce){.loading-indicator-canvas{animation-duration:2s!important}}@media (prefers-contrast:high){.loading-indicator{filter:contrast(1.5)}}.file-upload-container{margin-bottom:1rem;width:100%}.file-drop-zone{align-items:center;background-color:var(--background-primary);border:2px dashed var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;transition:all var(--transition-speed);width:100%}.file-drop-zone:hover{background-color:var(--background-hover);border-color:var(--primary-color)}.file-drop-zone.dragging{background-color:var(--primary-color-transparent);border-color:var(--primary-color)}.upload-icon{color:var(--text-secondary);font-size:2.5rem;transition:transform .3s ease,color var(--transition-speed)}.file-drop-zone:hover .upload-icon{color:var(--primary-color);transform:translateY(-5px)}.upload-text{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;text-align:center}.upload-subtext{color:var(--text-secondary);font-size:.9rem;text-align:center}.file-list{margin-top:1rem;width:100%}.file-item{align-items:center;animation:slide-in .3s ease-out;background-color:var(--background-secondary);border-radius:8px;display:flex;margin-bottom:.5rem;padding:.75rem}.file-icon{color:var(--text-secondary);margin-right:.75rem}.file-info{flex-grow:1}.file-name{margin-bottom:.25rem}.file-size{font-size:.85rem}.file-size,.remove-file{color:var(--text-secondary)}.remove-file{background:none;border:none;cursor:pointer;padding:.5rem;transition:all .2s ease}.remove-file:hover{color:var(--error-color);transform:scale(1.1)}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.converting-indicator{align-items:center;background-color:var(--primary-color-transparent);border-radius:4px;color:var(--primary-color);display:flex;font-size:.9rem;margin-top:.5rem;padding:.5rem .75rem}.file-upload-input.loading{cursor:wait;opacity:.9;pointer-events:none}.upload-content.loading{align-items:center;color:var(--primary-color);display:flex;flex-direction:column;justify-content:center;text-align:center}.loading-icon{color:var(--primary-color);margin-bottom:1.5rem}.close-button-component{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:0;transform-origin:center;transition:all .2s ease}.close-button-component:disabled{cursor:not-allowed;opacity:.5}.close-button-component .close-button-icon,.close-button-component svg{transition:transform .2s ease}.close-button-small{height:24px;width:24px}.close-button-small svg{height:16px;width:16px}.close-button-medium{height:32px;width:32px}.close-button-medium svg{height:20px;width:20px}.close-button-large{height:40px;width:40px}.close-button-large svg{height:24px;width:24px}.close-button-default{color:#666;color:var(--text-secondary,#666)}.close-button-default:hover:not(:disabled){background-color:#0000000d;color:#000;color:var(--text-primary,#000)}.close-button-default:active:not(:disabled){transform:scale(.95)}.close-button-modal{align-items:center;background-color:var(--md-surface-3);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.close-button-modal:hover:not(:disabled){background-color:var(--md-surface-4);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.close-button-modal:active:not(:disabled){transform:translateY(-1px) scale(.95)}.close-button-modal:active .close-button-icon,.close-button-modal:hover .close-button-icon{transform:rotate(90deg)}.close-button-modal:focus-visible{outline:2px solid #007bff;outline:2px solid var(--md-primary,#007bff);outline-offset:2px}.close-button-tab{background-color:initial;color:#666;color:var(--text-color,#666);opacity:.6}.close-button-tab:hover:not(:disabled){background-color:#0000001a;background-color:var(--hover-color,#0000001a);opacity:1;transform:scale(1.1)}.close-button-tab:active:not(:disabled){transform:scale(.95)}.close-button-settings{align-items:center;background-color:var(--md-surface-3);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.close-button-settings:hover:not(:disabled){background-color:var(--md-surface-4);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.close-button-settings:active:not(:disabled){transform:translateY(-1px) scale(.95)}.close-button-settings:active .close-button-icon,.close-button-settings:hover .close-button-icon{transform:rotate(90deg)}.close-button-settings:focus-visible{outline:2px solid #007bff;outline:2px solid var(--md-primary,#007bff);outline-offset:2px}[data-theme=light] .close-button-modal,[data-theme=light] .close-button-settings{background-color:#ffffffbf}[data-theme=light] .close-button-modal:hover:not(:disabled),[data-theme=light] .close-button-settings:hover:not(:disabled){background-color:#fffc;transform:translateY(-1px)}[data-theme=dark] .close-button-default:hover:not(:disabled){background-color:#ffffff1a}[data-theme=dark] .close-button-modal:hover:not(:disabled){background-color:#ffffff1a;background-color:var(--md-surface-3,#ffffff1a)}[data-theme=dark] .close-button-tab:hover:not(:disabled){background-color:#ffffff1a;background-color:var(--hover-color,#ffffff1a)}.download-only-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.download-only-modal{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;position:relative;transform:translateZ(0);width:90%;will-change:transform;z-index:1}.header-badge .badge-icon{font-size:small}.download-only-modal .modal-content{background-color:var(--md-surface-1);flex:1 1;overflow-y:auto;padding:24px}.download-options h4{color:var(--md-on-surface);font-size:1rem;font-weight:500;letter-spacing:.1px;margin:0 0 16px}.type-options-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.download-options{flex-direction:column}.option-item:hover:not(:has(input:disabled)){box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.option-item:has(input:disabled){cursor:not-allowed;opacity:.6}.option-title{align-items:center;display:flex;gap:8px}.quality-selector{background-color:var(--md-surface-3);border-left:3px solid rgba(var(--md-on-surface-rgb),.2);border-radius:12px;box-sizing:border-box;clear:both;margin-top:0;padding:10px 14px;width:100%}.quality-options-list .radio-pill .quality-pill-label:hover:not(:has(input:disabled)){background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.quality-options-list .radio-pill input[type=radio]:disabled+.quality-pill-label{color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.5}.download-progress-container{margin:16px -24px 0}.download-progress-bar{background-color:rgba(var(--md-on-surface-rgb),.1);height:6px}@media (max-width:768px){.download-only-modal{max-height:90vh;width:95%}.download-only-modal .modal-content,.modal-actions,.modal-header{padding:16px 20px}.modal-actions{flex-direction:column;gap:8px}.type-options-row{gap:8px;grid-template-columns:1fr}.video-info{gap:12px;grid-template-columns:1fr}.quality-options-list{gap:6px;grid-template-columns:repeat(2,1fr)}.cancel-button,.confirm-button{justify-content:center;width:100%}.option-item{gap:6px;padding:12px}.quality-options-list .radio-pill .quality-pill-label{font-size:.75rem;height:40px;padding:8px 6px}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@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;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),height var(--md-duration-medium3) var(--md-easing-emphasized);z-index:3}.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:11%;justify-content:space-between;margin-bottom:.5rem}.tab-content{background-color:var(--md-surface-1);border-radius:48px;padding:1.5rem 1rem}.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{color:var(--text-secondary);padding:5px;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-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,.file-upload-input:hover{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:450px;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;min-width:0}.file-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;min-width:0;overflow:visible!important;overflow-wrap:break-word;text-overflow:clip!important;white-space:normal!important}.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:-webkit-fit-content;width:fit-content}.file-info-size{color:var(--text-secondary);display:inline-block;font-size:.9rem}.file-details{gap:.5rem}.remove-file-btn{align-self:flex-start;background-color:#ff00001a;background-color:rgba(var(--error-rgb,255,0,0),.1);border-radius:32px;color:#dc3545;color:var(--error-color,#dc3545);flex-shrink:0;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;transition:all .2s ease}.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:scale-in .3s 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-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;padding:.2rem .4rem}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.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{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);transition:opacity .2s ease-out;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)}}.unified-url-input{margin-bottom:1.5rem;position:relative}.unified-url-input .url-input-wrapper{align-items:center;display:flex;margin-bottom:.75rem;padding:1.5rem;position:relative;width:100%;z-index:10}.unified-url-input .url-icon{color:var(--text-secondary);flex-shrink:0;left:38px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.unified-url-input .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-family:inherit;font-size:1rem;padding:.75rem 80px .75rem 60px;transition:all .2s ease,background-color var(--transition-speed),color var(--transition-speed);width:100%}.unified-url-input .url-field:focus{border-color:var(--primary-color);border-radius:30px;box-shadow:0 0 0 1px var(--primary-color);outline:none}.unified-url-input .url-field:focus~.url-icon{color:var(--primary-color)}.unified-url-input .url-field::placeholder{color:#808080b3;color:rgba(var(--text-tertiary-rgb,128,128,128),.7);transition:color var(--transition-speed)}.unified-url-input .clear-url-btn,.unified-url-input .history-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease;z-index:2}.unified-url-input .clear-url-btn{right:calc(1.5rem + 15px)}.unified-url-input .history-button{right:calc(1.5rem + 50px)}.unified-url-input .clear-url-btn:hover,.unified-url-input .history-button:hover{background-color:#007bff1a;background-color:rgba(var(--primary-rgb,0,123,255),.1);color:var(--primary-color)}.unified-url-input .url-examples{margin-top:1.5rem}.unified-url-input .site-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.unified-url-input .site-chip{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:default;font-family:var(--font-mono);font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.unified-url-input .site-chip:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.unified-url-input .more-sites-chip{background-color:#007bff1a;background-color:var(--primary-color-light,#007bff1a);border-color:#007bff33;border-color:var(--primary-color-light,#007bff33);color:#0078d7;color:var(--primary-color,#0078d7);cursor:pointer;font-family:var(--font-sans);font-style:italic;font-weight:500}.unified-url-input .more-sites-chip:hover{background-color:#007bff26;background-color:var(--primary-color-light,#007bff26);box-shadow:0 2px 6px #007bff33;color:#0078d7;color:var(--primary-color,#0078d7)}.dark-theme .unified-url-input .site-chip{background-color:#2a2a2a;background-color:var(--background-tertiary-dark,#2a2a2a);border-color:#444;border-color:var(--border-color-dark,#444)}.dark-theme .unified-url-input .more-sites-chip{background-color:#007bff26;background-color:rgba(var(--primary-rgb,0,123,255),.15);border-color:#007bff4d;border-color:rgba(var(--primary-rgb,0,123,255),.3);color:#0078d7;color:var(--primary-color,#0078d7)}.unified-url-input .selected-video-preview{background-color:var(--background-tertiary);border-radius:24px;display:flex;margin-bottom:1rem;margin-top:1rem;padding:1rem;transition:background-color var(--transition-speed)}.unified-url-input .selected-video-preview .thumbnail{border-radius:8px;height:68px;margin-right:1rem;object-fit:cover;width:120px}.unified-url-input .selected-video-preview .video-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:16px;min-width:0}.unified-url-input .selected-video-preview .video-title{color:var(--md-on-surface);flex:1 1;font-weight:600;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-url-input .selected-video-preview .video-id,.unified-url-input .selected-video-preview .video-url{color:var(--md-on-surface-variant);flex-shrink:0;line-height:1.3;white-space:nowrap}.unified-url-input .selected-video-preview .video-id-value,.unified-url-input .selected-video-preview .video-url-value{color:var(--md-primary);font-weight:500}.unified-url-input .selected-video-preview .video-title{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem;transition:color var(--transition-speed);word-break:break-word}.unified-url-input .selected-video-preview .video-id,.unified-url-input .selected-video-preview .video-url{color:var(--text-secondary);font-size:.9rem;margin:0;transition:color var(--transition-speed)}.unified-url-input .selected-video-preview .video-id-value,.unified-url-input .selected-video-preview .video-url-value{color:var(--text-primary);font-family:var(--font-mono);transition:color var(--transition-speed);word-break:break-all}.unified-url-input .selected-video-preview .download-only-btn{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border:none;border-radius:21px;box-shadow:var(--md-elevation-level1);color:var(--md-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;padding:0 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.unified-url-input .selected-video-preview .download-only-btn:hover{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-2px)}.unified-url-input .selected-video-preview .download-only-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.unified-url-input .selected-video-preview .download-only-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.unified-url-input .history-dropdown-container{position:relative;width:100%;z-index:1000}.unified-url-input .history-dropdown{background-color:var(--background-primary);border:1px solid var(--primary-color);border-radius:0 0 16px 16px;border-top:none;box-shadow:0 4px 8px #0000001f;left:1.5rem;max-height:200px;overflow:visible;position:absolute;top:-35px;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),opacity .2s ease-out;width:calc(100% - 3rem);z-index:1001}.unified-url-input .history-header{align-items:center;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 1rem;transition:border-color var(--transition-speed)}.unified-url-input .history-title{color:var(--text-primary);font-size:.875rem;font-weight:500;letter-spacing:.01em;margin:0;transition:color var(--transition-speed)}.unified-url-input .history-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:160px;overflow-y:auto;position:relative;scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin}.unified-url-input .history-list::-webkit-scrollbar{width:8px}.unified-url-input .history-list::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.unified-url-input .history-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--background-secondary);border-radius:4px}.unified-url-input .history-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.dark-theme .unified-url-input .history-list{scrollbar-color:#555 #2a2a2a;scrollbar-color:var(--border-color-dark,#555) var(--background-secondary-dark,#2a2a2a)}.dark-theme .unified-url-input .history-list::-webkit-scrollbar-track{background:#2a2a2a;background:var(--background-secondary-dark,#2a2a2a)}.dark-theme .unified-url-input .history-list::-webkit-scrollbar-thumb{background-color:#555;background-color:var(--border-color-dark,#555);border:2px solid #2a2a2a;border:2px solid var(--background-secondary-dark,#2a2a2a)}.unified-url-input .history-item{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .15s ease}.unified-url-input .history-item:nth-child(2n){border-right:none}.unified-url-input .history-item:last-child,.unified-url-input .history-item:nth-last-child(2):nth-child(odd){border-bottom:none}.unified-url-input .history-item:hover{background-color:#007bff0a;background-color:rgba(var(--primary-rgb,0,123,255),.04)}.unified-url-input .history-item:active{background-color:#007bff14;background-color:rgba(var(--primary-rgb,0,123,255),.08)}.unified-url-input .history-item-content{align-items:center;display:flex;gap:.625rem;min-width:0}.unified-url-input .history-thumbnail{border-radius:8px;box-shadow:0 1px 3px var(--shadow-color);height:42px;object-fit:cover;transition:transform .2s ease;width:72px}.unified-url-input .history-item:hover .history-thumbnail{transform:scale(1.03)}.unified-url-input .history-item-info{flex:1 1;min-width:0}.unified-url-input .history-item-title{color:var(--text-primary);font-size:.875rem;font-weight:500;letter-spacing:.01em;line-height:1.25;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed);white-space:nowrap}.unified-url-input .history-item-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between;transition:color var(--transition-speed)}.unified-url-input .history-item-source{background-color:#007bff14;background-color:rgba(var(--primary-rgb,0,123,255),.08);border-radius:16px;color:var(--primary-color);font-size:.7rem;font-weight:500;letter-spacing:.01em;padding:.1rem .4rem;text-transform:capitalize}.dark-theme .unified-url-input .url-field{background-color:#1e1e1e;background-color:var(--background-primary-dark,#1e1e1e);border-color:#444;border-color:var(--border-color-dark,#444);color:#fff}.dark-theme .unified-url-input .url-field:focus{border-color:#0078d7;border-color:var(--primary-color,#0078d7);box-shadow:0 0 0 2px #007bff4d;box-shadow:0 0 0 2px rgba(var(--primary-rgb,0,123,255),.3)}.dark-theme .unified-url-input .url-field::placeholder{color:#aaac;color:rgba(var(--text-tertiary-dark-rgb,170,170,170),.8)}.dark-theme .unified-url-input .history-dropdown{background-color:#1e1e1e;background-color:var(--background-primary-dark,#1e1e1e);border-color:var(--primary-color);box-shadow:0 4px 12px #0000004d}.dark-theme .unified-url-input .history-header{background-color:#1e1e1e;background-color:var(--background-primary-dark,#1e1e1e)}.dark-theme .unified-url-input .history-header,.dark-theme .unified-url-input .history-item{border-color:#444;border-color:var(--border-color-dark,#444)}.dark-theme .unified-url-input .history-item:hover{background-color:#007bff14;background-color:rgba(var(--primary-rgb,0,123,255),.08)}.dark-theme .unified-url-input .history-item:active{background-color:#007bff1f;background-color:rgba(var(--primary-rgb,0,123,255),.12)}.dark-theme .unified-url-input .history-item-source{background-color:#007bff26;background-color:rgba(var(--primary-rgb,0,123,255),.15)}.dark-theme .unified-url-input .selected-video-preview{background-color:var(--background-tertiary-dark)}@media (max-width:768px){.unified-url-input .site-chips{gap:.4rem}.unified-url-input .site-chip{font-size:.8rem;padding:.3rem .6rem}.unified-url-input .more-sites-chip{font-size:.8rem;padding:.3rem .8rem}.unified-url-input .history-dropdown{left:1rem;max-height:280px;top:-35px;width:calc(100% - 2rem)}.unified-url-input .url-field{font-size:.95rem;padding-right:90px}.unified-url-input .history-list{gap:0;grid-template-columns:repeat(2,1fr)}.unified-url-input .history-item{padding:.4rem .75rem}.unified-url-input .history-item-title{font-size:.8rem}.unified-url-input .history-item-meta{font-size:.7rem}}.tab-content,.tab-content-wrapper{overflow:hidden;transition:height var(--md-duration-medium3) var(--md-easing-emphasized)}.tab-content{animation-duration:var(--md-duration-medium3);animation-fill-mode:forwards;animation-timing-function:var(--md-easing-emphasized);position:relative;will-change:transform,opacity,height}.tab-content-slide-right{animation-name:tabContentSlideRight}.tab-content-slide-left{animation-name:tabContentSlideLeft}.tab-content-slide-center{animation-name:tabContentSlideCenter}@keyframes tabContentSlideRight{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes tabContentSlideLeft{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes tabContentSlideCenter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-tab-content{animation-duration:var(--md-duration-medium3);animation-fill-mode:forwards;animation-timing-function:var(--md-easing-emphasized);position:relative;will-change:transform,opacity}.settings-tab-content-slide-right{animation-name:settingsTabContentSlideRight}.settings-tab-content-slide-left{animation-name:settingsTabContentSlideLeft}.settings-tab-content-slide-center{animation-name:settingsTabContentSlideCenter}@keyframes settingsTabContentSlideRight{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes settingsTabContentSlideLeft{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes settingsTabContentSlideCenter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.output-container{animation:slideIn .5s ease-out;background-color:var(--background-secondary);border-radius:32px;box-shadow:var(--md-elevation-level2);margin-top:0;padding:1.5rem;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.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;max-height:70vh;min-height:200px;overflow:hidden;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);max-height:400px}.video-subtitle{border-bottom-left-radius:16px;border-bottom-right-radius:16px;bottom:0;font-size:1.1rem;padding:.75rem;transition:background-color .3s ease,transform .3s ease;width:100%}[data-theme=light] .video-subtitle{background-color:#000000b3;color:#fff}[data-theme=dark] .video-subtitle{background-color:#000c;color:#fff;text-shadow:0 1px 2px #00000080}.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}.edit-btn{border-radius:9999px!important;cursor:pointer;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)}.edit-btn,.srt-only-message{align-items:center;display:flex}.srt-only-message{background-color:var(--md-surface-container-high);border-radius:12px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);flex-direction:column;margin-bottom:20px;padding:20px;text-align:center}.srt-only-message .info-icon{color:var(--md-primary);margin-bottom:12px}.srt-only-message p{font-size:16px;line-height:1.5;margin:4px 0}.srt-only-message p:last-child{font-size:14px;opacity:.8}.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:9999px!important;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}.edit-btn{width:100%}}@media (max-width:480px){.output-container,.preview-container{padding:1rem}}.narration-section{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;box-shadow:var(--md-elevation-level1);margin-top:2rem;overflow:visible;padding:1.5rem}.narration-section.unavailable{background-color:var(--md-surface-2);border:1px solid var(--md-error-container);opacity:.8}.narration-unavailable-message{align-items:center;background-color:rgba(var(--md-error-rgb),.08);border:1px solid rgba(var(--md-error-rgb),.2);border-radius:16px;display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.narration-unavailable-message .warning-icon{color:var(--md-error);flex-shrink:0}.narration-unavailable-message .message{color:var(--md-error);font-size:1rem;font-weight:500}.narration-loading-message{align-items:center;background-color:rgba(var(--md-primary-rgb),.08);border:1px solid rgba(var(--md-primary-rgb),.2);border-radius:16px;display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.narration-loading-message .loading-icon{animation:spin 2s linear infinite;color:var(--md-primary)}.narration-header{margin-bottom:1.5rem}.narration-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.narration-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.narration-section textarea:not(.reference-text){border-radius:20px!important;resize:none!important}.unavailable-indicator{color:var(--md-outline);font-size:.8rem;font-style:italic;margin-left:.5rem;opacity:.8}.narration-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem;min-height:42px}.row-label{align-self:center;min-width:150px}.narration-controls{display:flex;flex-direction:column;gap:1.25rem}.generate-button-row{margin-top:1rem}.generate-button-row,.generate-button-row .row-content{justify-content:flex-start}.generate-button-container{align-items:center;display:flex;justify-content:space-between;width:100%}.generate-button-left{flex:0 1 auto}.generate-button-right{flex:0 1 auto;margin-left:auto}.reference-content-row{align-items:flex-start;box-sizing:border-box;display:flex;gap:1rem;height:100%;justify-content:space-between;width:100%}.reference-audio-row .row-content{padding:0}.subtitle-selection-container{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px}.subtitle-selection-container .radio-pill-group{flex-shrink:0;order:1}.reference-content-row .material-switch-container{align-items:center;align-self:center;display:flex;gap:8px}.reference-content-row .reference-text-wrapper{flex:1 1 auto;min-width:0}.reference-audio-row .reference-content-row{align-items:center;align-items:center!important}.reference-audio-row .material-switch-container{align-self:center!important}.advanced-settings-button,.results-list .pill-button{font-size:14px;font-size:var(--md-body-medium-size,14px);height:36px}.generate-button-row .pill-button{height:42px}.pill-button:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.pill-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.pill-button.primary{background-color:rgba(var(--md-primary-rgb),.1);border:1px solid rgba(var(--md-primary-rgb),.2);color:var(--md-primary)}.pill-button.primary:hover{background-color:var(--md-primary-container);border-color:#0000;color:var(--md-on-primary-container)}.pill-button.secondary{background-color:rgba(var(--md-secondary-rgb),.1);border:1px solid rgba(var(--md-secondary-rgb),.2);color:var(--md-secondary)}.pill-button.secondary:hover{background-color:var(--md-secondary-container);border-color:#0000;color:var(--md-on-secondary-container)}.pill-button.error{background-color:rgba(var(--md-error-rgb),.1);border:1px solid rgba(var(--md-error-rgb),.2);color:var(--md-error)}.pill-button.error:hover{background-color:var(--md-error-container);border-color:#0000;color:var(--md-on-error-container)}.pill-button:disabled{opacity:.38}.pill-button:disabled,.pill-button:disabled:hover{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant)}.pill-button:disabled:hover{transform:none}.pill-button-group{display:flex;flex-wrap:wrap;gap:.5rem}.retry-button{background-color:var(--md-surface-3);color:var(--md-on-surface)}.retry-button:hover{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.retry-button.retrying{background-color:var(--md-surface-2);color:var(--md-on-surface-variant);cursor:not-allowed}.retry-button.retrying:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level1);transform:none}.retry-failed-button{background-color:rgba(var(--md-error-rgb),.1);border:1px solid rgba(var(--md-error-rgb),.2);color:var(--md-error);font-size:14px;font-size:var(--md-body-medium-size,14px);height:36px;margin-left:auto}.retry-failed-button:hover{background-color:var(--md-error-container);border-color:#0000;color:var(--md-on-error-container)}.reference-text-container,.reference-text-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.reference-text-container{background-color:var(--md-surface-2);border:1px solid #79747e4d;border:1px solid rgba(var(--md-outline-variant-rgb,121,116,126),.3);border-radius:20px;box-shadow:var(--md-elevation-level1);overflow:hidden;position:relative;transition:all .2s ease}.reference-text{-ms-overflow-style:none!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;border-radius:0;color:var(--md-on-surface);flex:1 1;font-family:var(--font-primary);font-size:.95rem;height:auto!important;line-height:1.5;min-height:60px;outline:none;overflow-x:hidden;overflow-y:scroll;padding:16px;position:relative;resize:none!important;scrollbar-width:none!important;transition:all .2s ease;width:100%;z-index:1}.reference-text::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}.reference-text::-webkit-scrollbar-thumb,.reference-text::-webkit-scrollbar-track{display:none!important}.reference-text::-webkit-scrollbar-corner{display:none!important}.reference-text-container:focus-within{background-color:var(--md-surface-2);border:2px solid var(--md-primary);box-shadow:var(--md-elevation-level2),0 0 0 1px var(--md-primary);transform:translateY(-1px)}.reference-text-container:focus-within .reference-text{padding:14px}.reference-text:disabled{cursor:not-allowed;opacity:.6}.reference-text-container:has(.reference-text:disabled){cursor:not-allowed;opacity:.6}.reference-text:not(:placeholder-shown){min-height:80px!important}.reference-text-container:before{background:#79747e26;background:rgba(var(--md-outline-variant-rgb,121,116,126),.15);border-radius:50px;bottom:8px;content:"";opacity:0;pointer-events:none;position:absolute;right:5px;top:8px;transition:opacity .3s ease;width:4px;z-index:9}.reference-text-container.has-scrollable-content:focus-within:before,.reference-text-container.has-scrollable-content:hover:before,.reference-text-container:focus-within .custom-scrollbar-thumb,.reference-text-container:hover .custom-scrollbar-thumb{opacity:1}[data-theme=dark] .reference-text-container:before{background:#c8c4ce26;background:rgba(var(--md-outline-variant-rgb,200,196,206),.15)}.reference-text{scroll-behavior:smooth}.switch-container{align-items:center;display:flex;gap:.75rem}.reference-content-row .material-switch-container{margin-top:0}.reference-content-row .material-switch-container,.reference-content-row .switch-container{align-self:flex-start;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;box-shadow:var(--md-elevation-level1);flex-shrink:0;padding:.5rem .75rem;position:relative}.reference-content-row .switch-container{margin-top:16px}.switch{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.switch input{height:0;margin:0;opacity:0;padding:0;width:0}.radio-pill-group{align-items:center;gap:.5rem;justify-content:flex-start;min-height:42px}.radio-pill label{background-color:rgba(var(--md-surface-variant-rgb),.5);border-radius:24px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface-variant);display:inline-flex;font-weight:500;padding:.5rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.radio-pill label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.radio-pill input[type=radio]:checked+label{background-color:rgba(var(--md-primary-rgb),.1);border-color:rgba(var(--md-primary-rgb),.3);color:var(--md-primary)}.radio-pill input[type=radio]:checked+label:hover{background-color:var(--md-primary-container);border-color:#0000;color:var(--md-on-primary-container)}.radio-pill input[type=radio]:disabled+label{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38}.radio-pill input[type=radio]:disabled+label:hover{box-shadow:none;transform:none}.radio-pill .loading-animation{align-items:center;display:inline-flex;gap:.5rem}.language-badge{background-color:var(--md-primary);color:var(--md-on-primary);font-size:.7rem;margin-left:.5rem;padding:.1rem .4rem}.language-badge.multi{background-color:var(--md-tertiary);color:var(--md-on-tertiary)}.selected-model{color:var(--md-on-surface-variant);font-size:.9rem}.model-checking,.selected-model{background-color:rgba(var(--md-surface-variant-rgb),.3);border-radius:24px;padding:.5rem 1rem}.model-checking{box-sizing:border-box;flex-basis:100%;margin-top:.5rem;order:2}.model-error{margin-left:1rem}.model-error-standalone{background-color:rgba(var(--md-error-rgb),.1);border:1px solid rgba(var(--md-error-rgb),.3);border-radius:24px;padding:.5rem 1rem}.audio-player-container{margin-bottom:.5rem;max-width:600px;min-width:300px;width:100%}.audio-player{border-radius:8px;height:36px;width:100%}audio.audio-player{outline:none!important;z-index:1}.audio-status-container{align-items:center;display:flex;gap:.5rem;height:32px;width:100%}.audio-controls-container{align-items:flex-start;gap:1rem;justify-content:space-between;width:100%}.audio-controls,.audio-controls-container{display:flex;flex-wrap:wrap;min-height:36px}.audio-controls{align-items:center;gap:.75rem}.audio-controls-row{align-items:flex-start}.audio-controls-row .row-label{align-self:center}.audio-controls-row .row-content{align-items:flex-start}.audio-preview{align-items:center;display:flex;flex-shrink:0;gap:.75rem;height:42px;margin-left:auto;max-width:350px;position:relative;width:-webkit-fill-available}.audio-preview .audio-player-container{align-items:center;display:flex;flex:1 1;height:32px;margin-bottom:0;max-width:calc(100% - 40px);min-width:300px}.audio-preview .audio-player{background-color:var(--md-surface-1);border-radius:24px;height:32px;width:100%}.audio-preview .clear-button{align-items:center;align-self:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:.5rem;min-width:32px;padding:0;position:relative;top:8px;width:32px}.audio-preview .clear-button svg{display:block;height:16px;width:16px}.reference-audio-container{background-color:var(--md-surface-2);border:none;border-radius:32px;box-shadow:var(--md-elevation-level1);padding:1rem;position:relative;width:100%}.reference-audio-container .clear-button{font-size:.85rem;padding:.4rem .8rem}.recognizing-indicator{animation:pulse 1.5s infinite;bottom:-40px;font-size:.9rem;margin:0;padding:.5rem .75rem;position:absolute;right:0;z-index:1}.results-section{border-top:1px solid var(--md-outline-variant);margin-top:1.5rem;overflow:hidden;padding-bottom:.5rem;padding-top:1.5rem;position:relative}[data-theme=dark] .results-section{background-color:initial}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.results-section h4{color:var(--text-primary);font-size:1.1rem;margin:0}.results-list{display:flex;flex-direction:column;gap:.75rem}.results-virtualized-list{min-height:700px;scrollbar-width:none}.results-virtualized-list::-webkit-scrollbar{display:none;height:0;width:0}.results-virtualized-list::-webkit-scrollbar-thumb,.results-virtualized-list::-webkit-scrollbar-thumb:hover,.results-virtualized-list::-webkit-scrollbar-track{background:#0000;border:none}.loading-from-cache-message{align-items:center;animation:pulse 2s ease-in-out infinite;color:var(--md-on-surface-variant);display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:2rem;text-align:center}.result-item{align-items:center;background-color:var(--md-surface-2);border-left:4px solid var(--md-primary);border-radius:32px;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:.375rem 2px .375rem 0;padding:.75rem 1rem;position:relative;transition:all .2s ease}.result-item:hover{background-color:var(--md-surface-3)}.result-item.playing{background-color:var(--md-primary-container);border-left-color:var(--md-primary)}.result-item.failed{border-left-color:var(--md-error)}.result-item.retrying{background-color:var(--md-surface-1);border-left-color:var(--md-tertiary);opacity:.7;pointer-events:none}.result-item.unprocessed{border-left-color:var(--md-outline)}.result-item.pending,.result-item.unprocessed{background-color:var(--md-surface-1);opacity:.9}.result-item.pending{border-left-color:var(--md-tertiary)}.result-item.success{border-left-color:var(--md-primary)}.result-item.transformed{border-left-color:var(--md-secondary)}.transformation-help-icon{cursor:help;opacity:.7;transition:opacity .2s ease}.transformation-help-icon:hover{opacity:1}.transformation-help-icon svg{color:var(--md-secondary)}.result-text{flex:1 1;margin-right:1rem;max-height:100%;overflow-x:hidden;overflow-y:auto}.result-id{color:var(--md-primary);font-weight:700;margin-right:.5rem}.result-controls{align-items:center;display:flex;gap:.5rem}.no-results-message{animation:pulse 2s ease-in-out infinite;background-color:var(--md-surface-2);border:1px dashed var(--md-outline-variant);border-radius:16px;color:var(--md-on-surface-variant);display:block;font-style:italic;margin:.5rem auto;max-width:640px;overflow:visible;padding:1rem;text-align:center;transform-origin:center;width:calc(100% - 32px)}.results-virtualized-list{background-color:var(--md-surface-1);border-radius:8px;margin-bottom:20px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.results-virtualized-list::-webkit-scrollbar{width:8px}.results-virtualized-list::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:4px}.results-virtualized-list::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:4px}.results-virtualized-list::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.narration-content-container{overflow:visible;position:relative}.f5tts-content,.gemini-content{animation:fadeIn var(--md-duration-medium3) var(--md-easing-emphasized);animation-fill-mode:both}.narration-row:first-child{animation-delay:50ms}.narration-row:nth-child(2){animation-delay:.1s}.narration-row:nth-child(3){animation-delay:.15s}.narration-row:nth-child(4){animation-delay:.2s}.narration-row:nth-child(5){animation-delay:.25s}.animated-row,.f5tts-content .narration-row,.gemini-content .narration-row{animation:slideInRight var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both}.reference-audio-section{animation:slideUp var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.15s;animation-fill-mode:both}.generate-button-row{animation:slideUp var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.3s;animation-fill-mode:both}.narration-results{animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized);animation-delay:.1s;animation-fill-mode:both}.narration-result-item{animation:slideInRight var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both}.narration-result-item:first-child{animation-delay:.15s}.narration-result-item:nth-child(2){animation-delay:.2s}.narration-result-item:nth-child(3){animation-delay:.25s}.narration-result-item:nth-child(4){animation-delay:.3s}.narration-result-item:nth-child(5){animation-delay:.35s}@media (max-width:1024px) and (min-width:769px){.audio-controls-container{align-items:flex-start;flex-wrap:wrap;gap:.75rem}.audio-controls{flex-wrap:wrap;min-height:36px}.audio-controls-row,.audio-controls-row .row-content{align-items:flex-start}}@media (max-width:768px){.generate-button-container{flex-direction:column;gap:12px}.generate-button-left,.generate-button-right{width:100%}.generate-button-right .pill-button-group{display:flex;width:100%}.generate-button-right .pill-button{flex:1 1;justify-content:center}.narration-row{align-items:flex-start;flex-direction:column;gap:.5rem}.row-label{flex:none;justify-content:flex-start;margin-bottom:.25rem;text-align:left;width:100%}.row-content{width:100%}.audio-controls-container{align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:1rem}.audio-controls{flex-wrap:wrap;margin-bottom:.5rem;min-height:auto}.audio-controls,.audio-preview{align-items:center;flex-direction:row;width:100%}.audio-preview{display:flex;height:auto;margin-left:0;max-width:100%}.audio-preview .audio-player-container{flex:1 1;height:32px;max-width:calc(100% - 40px);min-width:250px}.audio-preview .clear-button{align-self:center;margin-left:.5rem;position:relative;right:0}.result-item{align-items:flex-start;flex-direction:column}.result-text{margin-bottom:.5rem;margin-right:0;width:100%}.result-controls{justify-content:flex-end;width:100%}.audio-player-container,.reference-text-container{max-width:100%;min-width:250px}.reference-content-row{align-items:stretch;flex-direction:column}.reference-content-row .switch-container{justify-content:flex-start;margin-top:.75rem;padding:.75rem;width:100%}}md-switch{--md-switch-selected-track-color:var(--md-primary,#6750a4);--md-switch-selected-handle-color:var(--md-on-primary,#fff);--md-switch-selected-pressed-track-color:var(--md-primary,#6750a4);--md-switch-selected-pressed-handle-color:var(--md-on-primary,#fff);--md-switch-selected-hover-track-color:var(--md-primary,#6750a4);--md-switch-selected-hover-handle-color:var(--md-on-primary,#fff);--md-switch-selected-focus-track-color:var(--md-primary,#6750a4);--md-switch-selected-focus-handle-color:var(--md-on-primary,#fff);--md-switch-unselected-track-color:var(--md-surface-variant,#e7e0ec);--md-switch-unselected-handle-color:var(--md-outline,#79747e);--md-switch-unselected-pressed-track-color:var(--md-surface-variant,#e7e0ec);--md-switch-unselected-pressed-handle-color:var(--md-on-surface-variant,#49454f);--md-switch-unselected-hover-track-color:var(--md-surface-variant,#e7e0ec);--md-switch-unselected-hover-handle-color:var(--md-on-surface-variant,#49454f);--md-switch-unselected-focus-track-color:var(--md-surface-variant,#e7e0ec);--md-switch-unselected-focus-handle-color:var(--md-on-surface-variant,#49454f);--md-switch-disabled-selected-track-color:var(--md-on-surface,#1d1b20);--md-switch-disabled-selected-handle-color:var(--md-surface,#fef7ff);--md-switch-disabled-unselected-track-color:var(--md-on-surface,#1d1b20);--md-switch-disabled-unselected-handle-color:var(--md-on-surface,#1d1b20);--md-switch-track-shape:16px;--md-switch-handle-shape:50%;--md-switch-track-width:52px;--md-switch-track-height:32px;--md-switch-handle-width:24px;--md-switch-handle-height:24px;--md-switch-selected-handle-width:24px;--md-switch-selected-handle-height:24px;--md-switch-icon-size:16px;--md-switch-selected-icon-color:var(--md-on-primary,#fff);--md-switch-unselected-icon-color:var(--md-on-surface-variant,#49454f)}.material-switch-container{cursor:pointer}.material-switch-container:has(md-switch[disabled]){cursor:not-allowed;opacity:.6}.material-switch-label{color:#1d1b20;color:var(--md-on-surface,#1d1b20);font-size:.875rem;font-size:var(--md-sys-typescale-body-medium-size,.875rem);font-weight:400;font-weight:var(--md-sys-typescale-body-medium-weight,400);line-height:1.25rem;line-height:var(--md-sys-typescale-body-medium-line-height,1.25rem);-webkit-user-select:none;user-select:none}.material-switch-container:has(md-switch[disabled]) .material-switch-label{color:#49454f;color:var(--md-on-surface-variant,#49454f)}md-switch:focus-visible{border-radius:20px;outline:2px solid #6750a4;outline:2px solid var(--md-primary,#6750a4);outline-offset:2px}md-switch[icons]:focus-visible svg[slot=on-icon]{color:#6750a4;color:var(--md-primary,#6750a4);opacity:.9}md-switch[icons]:focus-visible svg[slot=off-icon]{color:#1d1b20;color:var(--md-on-surface,#1d1b20);opacity:.9}md-switch[icons]:focus-visible[selected] svg[slot=on-icon]{color:#6750a4;color:var(--md-primary,#6750a4);opacity:1}md-switch[icons]:focus-visible:not([selected]) svg[slot=off-icon]{color:#1d1b20;color:var(--md-on-surface,#1d1b20);opacity:1}@media (prefers-contrast:high){md-switch{--md-switch-selected-track-color:var(--md-primary,#00f);--md-switch-unselected-track-color:var(--md-outline,#000);--md-switch-selected-handle-color:var(--md-on-primary,#fff);--md-switch-unselected-handle-color:var(--md-on-surface,#000)}}@media (prefers-reduced-motion:reduce){md-switch{--md-switch-transition-duration:0ms}}@media (prefers-color-scheme:dark){md-switch{--md-switch-selected-track-color:var(--md-primary,#d0bcff);--md-switch-selected-handle-color:var(--md-on-primary,#381e72);--md-switch-selected-pressed-track-color:var(--md-primary,#d0bcff);--md-switch-selected-pressed-handle-color:var(--md-on-primary,#381e72);--md-switch-selected-hover-track-color:var(--md-primary,#d0bcff);--md-switch-selected-hover-handle-color:var(--md-on-primary,#381e72);--md-switch-selected-focus-track-color:var(--md-primary,#d0bcff);--md-switch-selected-focus-handle-color:var(--md-on-primary,#381e72);--md-switch-unselected-track-color:var(--md-surface-variant,#49454f);--md-switch-unselected-handle-color:var(--md-outline,#938f99);--md-switch-unselected-pressed-track-color:var(--md-surface-variant,#49454f);--md-switch-unselected-pressed-handle-color:var(--md-on-surface-variant,#cac4d0);--md-switch-unselected-hover-track-color:var(--md-surface-variant,#49454f);--md-switch-unselected-hover-handle-color:var(--md-on-surface-variant,#cac4d0);--md-switch-unselected-focus-track-color:var(--md-surface-variant,#49454f);--md-switch-unselected-focus-handle-color:var(--md-on-surface-variant,#cac4d0);--md-switch-disabled-selected-track-color:var(--md-on-surface,#e6e0e9);--md-switch-disabled-selected-handle-color:var(--md-surface,#141218);--md-switch-disabled-unselected-track-color:var(--md-on-surface,#e6e0e9);--md-switch-disabled-unselected-handle-color:var(--md-on-surface,#e6e0e9);--md-switch-selected-icon-color:var(--md-primary,#d0bcff);--md-switch-unselected-icon-color:var(--md-surface,#141218)}.material-switch-label{color:#e6e0e9;color:var(--md-on-surface,#e6e0e9)}.material-switch-container:has(md-switch[disabled]) .material-switch-label{color:#938f99;color:var(--md-on-surface-variant,#938f99)}md-switch[icons]:focus-visible svg[slot=on-icon]{color:#d0bcff;color:var(--md-primary,#d0bcff);opacity:.9}md-switch[icons]:focus-visible svg[slot=off-icon]{color:#e6e0e9;color:var(--md-on-surface,#e6e0e9);opacity:.9}md-switch[icons]:focus-visible[selected] svg[slot=on-icon]{color:#d0bcff;color:var(--md-primary,#d0bcff);opacity:1}md-switch[icons]:focus-visible:not([selected]) svg[slot=off-icon]{color:#e6e0e9;color:var(--md-on-surface,#e6e0e9);opacity:1}}.material-switch-compact md-switch{--md-switch-track-width:44px;--md-switch-track-height:24px;--md-switch-handle-width:20px;--md-switch-handle-height:20px;--md-switch-selected-handle-width:20px;--md-switch-selected-handle-height:20px;--md-switch-icon-size:12px}.material-switch-large md-switch{--md-switch-track-width:60px;--md-switch-track-height:36px;--md-switch-handle-width:28px;--md-switch-handle-height:28px;--md-switch-selected-handle-width:28px;--md-switch-selected-handle-height:28px;--md-switch-icon-size:20px}md-switch[icons] svg[slot=off-icon],md-switch[icons] svg[slot=on-icon]{fill:currentColor;height:16px;height:var(--md-switch-icon-size,16px);width:16px;width:var(--md-switch-icon-size,16px)}md-switch[icons] svg[slot=on-icon]{color:#6750a4;color:var(--md-switch-selected-icon-color,var(--md-primary,#6750a4))}md-switch[icons] svg[slot=off-icon]{color:#1d1b20;color:var(--md-switch-unselected-icon-color,var(--md-on-surface,#1d1b20))}@media (prefers-contrast:high){md-switch[icons] svg[slot=off-icon],md-switch[icons] svg[slot=on-icon]{color:#000}md-switch[icons]:focus-visible svg[slot=on-icon]{color:#000;opacity:1}md-switch[icons]:focus-visible svg[slot=off-icon]{color:#000;opacity:1}}.unselected md-switch .track:before,.unselected md-switch::part(track):before,md-switch.unselected .track:before,md-switch.unselected::part(track):before{background:none!important;background-color:initial!important}.unselected md-switch .track:after,.unselected md-switch .track:before,md-switch.unselected .track:after,md-switch.unselected .track:before{background:none!important;background-color:initial!important;background-image:none!important}.unselected md-switch::part(track),.unselected md-switch::part(track):after,.unselected md-switch::part(track):before,md-switch.unselected::part(track),md-switch.unselected::part(track):after,md-switch.unselected::part(track):before{background:none!important;background-color:initial!important;background-image:none!important}.unselected md-switch,md-switch.unselected{--md-switch-unselected-track-color:#0000!important;--md-switch-unselected-pressed-track-color:#0000!important;--md-switch-unselected-hover-track-color:#0000!important;--md-switch-unselected-focus-track-color:#0000!important;--md-switch-track-color:#0000!important}md-switch:not([selected]) .track:after,md-switch:not([selected]) .track:before,md-switch:not([selected])::part(track),md-switch:not([selected])::part(track):after,md-switch:not([selected])::part(track):before{background:none!important;background-color:initial!important;background-image:none!important}md-switch:not([selected]){--md-switch-unselected-track-color:#0000!important;--md-switch-unselected-pressed-track-color:#0000!important;--md-switch-unselected-hover-track-color:#0000!important;--md-switch-unselected-focus-track-color:#0000!important;--md-switch-track-color:#0000!important}.unselected:hover md-switch .track:after,.unselected:hover md-switch .track:before,md-switch.unselected:hover .track:after,md-switch.unselected:hover .track:before{background:none!important;background-color:initial!important;background-image:none!important}.unselected:hover md-switch::part(track),.unselected:hover md-switch::part(track):after,.unselected:hover md-switch::part(track):before,md-switch.unselected:hover::part(track),md-switch.unselected:hover::part(track):after,md-switch.unselected:hover::part(track):before{background:none!important;background-color:initial!important;background-image:none!important}md-switch:not([selected]):hover .track:after,md-switch:not([selected]):hover .track:before,md-switch:not([selected]):hover::part(track),md-switch:not([selected]):hover::part(track):after,md-switch:not([selected]):hover::part(track):before{background:none!important;background-color:initial!important;background-image:none!important}md-switch.unselected:hover,md-switch:not([selected]):hover{--md-switch-unselected-hover-track-color:#0000!important;--md-switch-hover-track-color:#0000!important;--md-switch-unselected-pressed-track-color:#0000!important;--md-switch-pressed-track-color:#0000!important;--md-switch-track-color:#0000!important}.unselected:hover .track:after,.unselected:hover .track:before{background:none!important;background-color:initial!important;background-image:none!important}.unselected:hover md-switch{--md-switch-unselected-hover-track-color:#0000!important;--md-switch-hover-track-color:#0000!important;--md-switch-track-color:#0000!important}.subtitle-settings-container{align-items:center;display:flex;position:relative}.setting-group,.settings-content,button,input,select{transition:background-color .3s ease,border-color .3s ease}.setting-group{margin-bottom:1.5rem;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-description{font-size:.75rem;font-size:var(--md-label-small-size,.75rem);margin:.25rem 0 0;padding-left:2.5rem}.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{appearance:none;-webkit-appearance:none;-moz-appearance:none;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 2.5rem .75rem .75rem;width:100%}.subtitle-language-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.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}.column-header{display:none}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;position:relative}.action-button{background-color:rgba(var(--md-surface-variant-rgb),.5);border:1px solid rgba(var(--md-outline-variant-rgb),.5);color:var(--md-on-surface-variant);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:all var(--md-duration-medium2) var(--md-easing-standard)}.action-button:hover:not(:disabled){background-color:var(--md-surface-2);border-color:#0000;box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.action-button:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:translateY(0)}.action-button:disabled{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.action-button svg{stroke-width:2px;flex-shrink:0}.subtitle-settings-toggle.md-filled-tonal-button{background-color:rgba(var(--md-secondary-rgb),.1);border:1px solid rgba(var(--md-secondary-rgb),.3);box-shadow:var(--md-elevation-level1);color:var(--md-secondary);transition:all var(--md-duration-medium2) var(--md-easing-standard)}.subtitle-settings-toggle.md-filled-tonal-button:hover{background-color:var(--md-secondary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary-container);transform:translateY(-2px)}.subtitle-settings-toggle.md-filled-tonal-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.subtitle-settings-toggle.md-filled-tonal-button.active{background-color:var(--md-secondary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary-container)}.narration-settings-toggle.md-filled-tonal-button{box-shadow:var(--md-elevation-level1);color:var(--md-tertiary);transition:all var(--md-duration-medium2) var(--md-easing-standard)}.narration-settings-toggle.md-filled-tonal-button:hover{background-color:var(--md-tertiary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary-container);transform:translateY(-2px)}.narration-settings-toggle.md-filled-tonal-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.narration-settings-toggle.md-filled-tonal-button.active{background-color:var(--md-tertiary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary-container)}.render-video-toggle.md-filled-tonal-button{box-shadow:var(--md-elevation-level1);color:var(--md-primary);transition:all var(--md-duration-medium2) var(--md-easing-standard)}.render-video-toggle.md-filled-tonal-button:hover{background-color:var(--md-primary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-2px)}.render-video-toggle.md-filled-tonal-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.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)}.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,.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)))}.subtitle-settings-backdrop{background:#0000;bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:99}.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);display:flex;flex-direction:column;max-height:70vh;overflow:hidden;position:absolute;right:-10px;top:calc(100% + 10px);transform-origin:top right;transition:background-color .3s,border-color .3s,box-shadow .3s;width:320px;z-index:100}.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}.settings-content{background-color:var(--md-surface);min-height:0;padding:1.25rem;scrollbar-color:var(--md-outline-variant) var(--md-surface-1)}.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 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);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-family:Google Sans,Open Sans,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 select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1em;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.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{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;padding:.25rem .5rem;text-align:right}.slider-container{gap:.75rem;padding:.25rem 0}.slider-container .range-slider{-webkit-appearance:none;appearance:none;background:var(--md-surface-variant);border-radius:2px;flex:1 1;height:4px;outline:none}.slider-container .range-slider::-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}.slider-container .range-slider::-webkit-slider-thumb:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.slider-container .range-slider::-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}.slider-container .range-slider::-moz-range-thumb:hover{box-shadow:var(--md-elevation-level2);transform:scale(1.1)}.slider-container .range-slider:disabled{cursor:not-allowed;opacity:.5}.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}.subtitle-settings-panel .custom-slider-container.disabled{pointer-events:none}.narration-status-indicator{align-items:center;animation:pulse 2s infinite;background-color:#2196f31a;background-color:rgba(var(--md-primary-rgb,33,150,243),.1);border-radius:12px;color:var(--md-primary);display:inline-flex;font-size:.8rem;margin-left:8px;padding:2px 8px}.status-dot{animation:blink 1s infinite;background-color:var(--md-primary);border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.checkbox-label{align-items:baseline;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}.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)}.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{font-size:1.25rem;line-height:1.5;word-break:keep-all}.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*="Google Sans"]{font-family:Google Sans,Be Vietnam Pro,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*="Google Sans"]{font-family:Google Sans,Open Sans,sans-serif}.font-select option[value*="Noto Sans"]{font-family:Noto Sans,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-select option[value*="JetBrains Mono"]{font-family:JetBrains Mono,monospace}@media (max-width:768px){.subtitle-settings-panel{max-height:60vh;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{padding:1rem}.setting-group{margin-bottom:1.25rem}}.subtitle-settings-panel.narration-panel .slider-with-value .custom-slider-container.disabled{background:none;overflow:hidden;position:relative}.subtitle-settings-panel.narration-panel .slider-with-value .custom-slider-container.disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.subtitle-settings-panel.narration-panel .slider-with-value .custom-slider-container.disabled .custom-slider-input{opacity:0;visibility:hidden}.subtitle-settings-panel.narration-panel .slider-with-value .custom-slider-container.disabled .custom-slider-thumb{box-shadow:none}.subtitle-settings-panel.narration-panel .slider-with-value .custom-slider-container.disabled{filter:grayscale(30%)}.video-volume-slider{z-index:1}.narration-menu-container{display:inline-block;position:relative}.narration-settings-toggle{align-items:center;border-radius:var(--md-shape-pill);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.radio-pill-group{display:flex;flex-wrap:wrap;gap:8px}.radio-pill{position:relative}.radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-pill label{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.radio-pill input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.radio-pill input[type=radio]:focus+label{box-shadow:0 0 0 2px var(--md-primary-container)}.radio-pill input[type=radio]:disabled+label,.radio-pill label.disabled{color:var(--md-on-surface-variant);cursor:not-allowed;font-style:italic;opacity:.5}.slider-container{align-items:center;display:flex;gap:12px;margin-top:8px}label.disabled{color:var(--md-on-surface-variant);font-style:italic;opacity:.5}.icon-label-container{align-items:center;display:flex;gap:.5rem}input:disabled{cursor:not-allowed;opacity:.5}.subtitle-settings-panel.narration-panel .custom-slider-container.disabled{background:none;pointer-events:none}.subtitle-settings-panel.narration-panel .custom-slider-container.disabled:after{background-color:#ffffff1a;background-color:rgba(var(--md-surface-rgb,255,255,255),.1);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.range-value{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);font-size:.85rem;min-width:48px;padding:4px 8px;text-align:center}.subtitle-settings-panel.narration-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;transform:none;transform-origin:top right;transition:background-color .3s,border-color .3s,box-shadow .3s}.subtitle-settings-panel.narration-panel .settings-content{background-color:var(--md-surface);display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:1.25rem;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.subtitle-settings-panel.narration-panel .settings-content::-webkit-scrollbar{width:6px}.subtitle-settings-panel.narration-panel .settings-content::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.subtitle-settings-panel.narration-panel .settings-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:3px}.subtitle-settings-panel.narration-panel .settings-header{align-items:center;background-color:var(--md-surface-1);border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:1rem 1.25rem}.subtitle-settings-panel.narration-panel .setting-group{margin-bottom:1.5rem;position:relative}.subtitle-settings-panel.narration-panel .setting-group:last-child{margin-bottom:.5rem}.subtitle-settings-panel.narration-panel .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}@media (max-width:768px){.subtitle-settings-panel.narration-panel{max-width:90vw;right:0;width:280px!important}.action-button.narration-settings-toggle span{display:none}.action-button.narration-settings-toggle{padding:8px}}.regenerate-btn{justify-content:center;width:100%}.notification-message,.regenerate-btn{align-items:center;display:flex;gap:8px;margin-top:8px}.notification-message{border-radius:4px;font-size:14px;padding:8px 12px}.notification-message.info{background-color:#e3f2fd;color:#0d47a1}.notification-message.warning{background-color:#fff3e0;color:#e65100}.notification-message.success{background-color:#e8f5e9;color:#1b5e20}.notification-message.error{background-color:#ffebee;color:#b71c1c}.custom-dropdown.is-animating-selection .custom-dropdown-button .dropdown-value{opacity:0;transition:opacity .15s ease-out}.custom-dropdown{display:inline-block;min-width:120px;position:relative;width:auto}.custom-dropdown-button{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;gap:8px;height:42px;justify-content:space-between;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.custom-dropdown.open .custom-dropdown-button{border-color:var(--md-primary)}.custom-dropdown-button:hover:not(:disabled){background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2)}.dropdown-value{align-items:center;display:flex;flex:1 1;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--md-on-surface-variant);flex-shrink:0}.custom-dropdown-clipper{background:#0000;height:200px;height:var(--menu-height,200px);overflow:hidden;pointer-events:none;transition:width .25s cubic-bezier(.4,0,.2,1),-webkit-clip-path .25s cubic-bezier(.4,0,.2,1);transition:width .25s cubic-bezier(.4,0,.2,1),clip-path .25s cubic-bezier(.4,0,.2,1);transition:width .25s cubic-bezier(.4,0,.2,1),clip-path .25s cubic-bezier(.4,0,.2,1),-webkit-clip-path .25s cubic-bezier(.4,0,.2,1);will-change:width,clip-path}.custom-dropdown-clipper>.custom-dropdown-menu{pointer-events:auto}.custom-dropdown-menu{background-color:var(--md-surface-1);border:1px solid #0000;border-radius:18px;box-shadow:0 12px 28px #0000,0 8px 12px #0000,0 1px 2px #0000;height:100%;overflow:hidden;position:relative;transition:border-color .15s ease-out .1s,box-shadow .15s ease-out .1s;width:100%}.custom-dropdown-clipper.is-open .custom-dropdown-menu{border-color:var(--md-outline-variant);box-shadow:0 12px 28px #0000002e,0 8px 12px #0000001f,0 1px 2px #00000014}.custom-dropdown-clipper.is-open .dropdown-option:not(.disabled){animation:fade-in-option .2s cubic-bezier(.4,0,.2,1) 50ms backwards}.custom-dropdown-clipper.is-open .dropdown-option.disabled{animation:fade-in-option-disabled .2s cubic-bezier(.4,0,.2,1) 50ms backwards}@keyframes fade-in-option{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-option-disabled{0%{opacity:0;transform:translateY(-2px)}to{opacity:.7;transform:translateY(0)}}.custom-dropdown-clipper.is-closing-with-selection{transition:width .3s cubic-bezier(.4,0,.2,1),-webkit-clip-path .3s cubic-bezier(.4,0,.2,1);transition:clip-path .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);transition:clip-path .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),-webkit-clip-path .3s cubic-bezier(.4,0,.2,1)}.custom-dropdown-clipper.is-closing-with-scrollbar,.custom-dropdown-clipper.is-closing-with-selection .dropdown-option{transition:opacity .2s ease}.dropdown-options-list{-ms-overflow-style:none!important;box-sizing:border-box;height:100%;margin:0;max-height:none;overflow-x:hidden;overflow-y:auto;padding:4px 0;scrollbar-width:none!important}.dropdown-options-list::-webkit-scrollbar{display:none!important}.custom-dropdown-menu:before{background:#79747e26;background:rgba(var(--md-outline-variant-rgb,121,116,126),.15);border-radius:50px;bottom:8px;content:"";opacity:0;pointer-events:none;position:absolute;right:5px;top:8px;transition:opacity .3s ease;width:4px;z-index:9}.custom-scrollbar-thumb{transition:opacity .2s ease,width .2s ease,right .2s ease}.custom-dropdown-menu.has-scrollable-content:hover:before,.custom-dropdown-menu:hover .custom-scrollbar-thumb{opacity:1}.custom-scrollbar-thumb.dragging,.custom-scrollbar-thumb:hover{background:var(--md-primary)!important;opacity:1!important;right:4px;transition:none!important;width:6px}.dropdown-option{align-items:center;background:#0000;border:none;box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.95rem;font-weight:500;line-height:1.4;min-height:48px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;transition:background-color .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.dropdown-option:hover:not(.disabled){background-color:var(--md-surface-2)}.dropdown-option.selected{background-color:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:600}.dropdown-option.disabled{color:var(--md-on-surface-variant);cursor:not-allowed}.dropdown-option.morphing-item{transition:all .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1),letter-spacing .3s cubic-bezier(.4,0,.2,1)!important}.dropdown-option.morphing-from-button{animation:morph-from-button .3s cubic-bezier(.4,0,.2,1)}.dropdown-option.morphing-to-button{animation:morph-to-button .3s cubic-bezier(.4,0,.2,1)}@keyframes morph-from-button{0%{font-size:.9rem;font-weight:500}to{font-size:.95rem;font-weight:600}}@keyframes morph-to-button{0%{font-size:.95rem;font-weight:600}to{font-size:.9rem;font-weight:500}}.lang-option{align-items:center;display:inline-flex;gap:12px}.lang-option .flag{display:inline-block;font-size:1.1em;line-height:1;text-align:center;width:1.4em}.lang-option .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-preview{border-radius:24px;position:relative}.video-preview-header{align-items:center;display:flex;justify-content:space-between;padding:0 .75rem 1rem;position:relative}.video-preview-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}@media (max-width:850px){.video-preview-header h3{display:none}}.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}.narration-refresh-overlay{background-color:#000c;bottom:0;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:100}.narration-refresh-content,.narration-refresh-overlay{align-items:center;display:flex;justify-content:center}.narration-refresh-content{color:#fff;flex-direction:column;padding:2rem;text-align:center}.narration-refresh-text{font-size:1.2rem;font-weight:500;margin-top:1rem}.video-container{border-radius:32px;overflow:hidden;width:100%}.native-video-container,.video-container{position:relative}.custom-subtitle-container{bottom:10%;left:0;margin:0 auto;pointer-events:none;position:absolute;right:0;text-align:center;transform:translateY(50%);width:80%;z-index:2}.custom-subtitle{word-wrap:break-word;background-color:#000000bf;border-radius:4px;color:#fff;display:inline-block;font-size:16px;line-height:1.4;max-width:100%;padding:10px;text-align:center}#fullscreen-subtitle-overlay{bottom:10%;left:0;margin:0 auto;pointer-events:none;position:fixed;right:0;text-align:center;width:80%;z-index:9999}#fullscreen-subtitle{word-wrap:break-word;background-color:#000000bf;border-radius:4px;color:#fff;display:inline-block;font-size:24px;line-height:1.4;max-width:100%;padding:10px;text-align:center}.video-quality-toggle{align-items:center;background-color:#000000b3;border-radius:20px;color:#fff;display:flex;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.refresh-narration-button{left:16px;opacity:0;pointer-events:auto;position:absolute;top:16px;transition:opacity .2s ease;z-index:10}.video-container:hover .refresh-narration-button{opacity:1}.gemini-fps-info-button{opacity:0;pointer-events:auto;position:absolute;right:200px;top:16px;transition:opacity .2s ease;z-index:10}.video-container:hover .gemini-fps-info-button{opacity:1}.download-audio-button{opacity:0;pointer-events:auto;position:absolute;right:16px;top:16px;transition:opacity .2s ease;z-index:10}.video-container:hover .download-audio-button{opacity:1}.download-audio-button button,.gemini-fps-info-button button,.refresh-narration-button button{align-items:center;background-color:rgba(var(--md-secondary-rgb),.1);border:1px solid rgba(var(--md-secondary-rgb),.3);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-secondary);cursor:pointer;display:flex;font-size:14px;font-size:var(--md-label-large-size,14px);font-weight:500;font-weight:var(--md-label-large-weight,500);justify-content:center;letter-spacing:.1px;padding:10px 24px;transition:all .2s var(--md-easing-standard);transition:all var(--md-duration-medium2,.2s) var(--md-easing-standard)}.download-audio-button button:hover,.gemini-fps-info-button button:hover,.refresh-narration-button button:hover{background-color:var(--md-secondary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary-container);transform:translateY(-2px)}.download-audio-button button:active,.gemini-fps-info-button button:active,.refresh-narration-button button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.gemini-fps-info-button button{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border:1px solid rgba(var(--md-primary-rgb),.3);border-radius:50%;color:var(--md-primary);display:flex;height:48px;justify-content:center;padding:0;width:48px}.gemini-fps-info-button button:hover{background-color:var(--md-primary-container);border-color:#0000;color:var(--md-on-primary-container)}.download-audio-button button.downloading{background-color:rgba(var(--md-secondary-rgb),.1);border-color:rgba(var(--md-secondary-rgb),.3);color:var(--md-secondary);cursor:wait;transform:none}.download-audio-button svg{height:24px;margin-right:8px;width:24px}@media (max-width:768px){.refresh-narration-button{left:12px;top:12px}.gemini-fps-info-button{right:64px;top:12px}.download-audio-button{right:12px;top:12px}.download-audio-button button,.gemini-fps-info-button button,.refresh-narration-button button{background-color:rgba(var(--md-secondary-rgb),.1);border-radius:50%;height:40px;justify-content:center;min-width:40px;padding:8px}.download-audio-button .button-text,.refresh-narration-button .button-text{display:none}.download-audio-button svg,.gemini-fps-info-button svg,.refresh-narration-button svg{margin-right:0}.download-audio-button button:hover,.gemini-fps-info-button button:hover,.refresh-narration-button button:hover{background-color:var(--md-secondary-container)}}.quality-info{background-color:#00000080;border-radius:10px;color:#ccc;font-size:10px;margin-left:5px;padding:2px 5px}.video-player{background-color:#000;height:100%;max-height:500px;object-fit:contain;width:100%}.video-player:-moz-full-screen,.video-player:-ms-fullscreen,.video-player:-webkit-full-screen,.video-player:fullscreen{border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.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;max-height:70vh;min-height:200px}.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;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}.progress-bar{background-color:#4a6cf7;height:100%;transition:width .3s ease}.download-text{color:#555;font-size:16px}.error{background-color:#ffebee;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}@media (max-width:768px){.video-player{max-height:350px}.play-pause-button{font-size:20px;height:50px;width:50px}.time-display{bottom:30px;font-size:12px}.video-subtitle{font-size:14px;padding:8px}}.chatterbox-cfg-weight-slider.disabled,.chatterbox-cfg-weight-slider.state-Disabled,.chatterbox-cfg-weight-slider.state-disabled,.chatterbox-exaggeration-slider.disabled,.chatterbox-exaggeration-slider.state-Disabled,.chatterbox-exaggeration-slider.state-disabled{background:none!important;overflow:hidden;position:relative}.chatterbox-cfg-weight-slider.disabled:after,.chatterbox-cfg-weight-slider.state-Disabled:after,.chatterbox-cfg-weight-slider.state-disabled:after,.chatterbox-exaggeration-slider.disabled:after,.chatterbox-exaggeration-slider.state-Disabled:after,.chatterbox-exaggeration-slider.state-disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.chatterbox-cfg-weight-slider.disabled .standard-slider-input,.chatterbox-cfg-weight-slider.state-Disabled .standard-slider-input,.chatterbox-cfg-weight-slider.state-disabled .standard-slider-input,.chatterbox-exaggeration-slider.disabled .standard-slider-input,.chatterbox-exaggeration-slider.state-Disabled .standard-slider-input,.chatterbox-exaggeration-slider.state-disabled .standard-slider-input{-webkit-appearance:none!important;appearance:none!important;opacity:0!important;visibility:hidden!important}.chatterbox-cfg-weight-slider .standard-slider-input,.chatterbox-exaggeration-slider .standard-slider-input{-webkit-appearance:none!important;appearance:none!important;background:#0000!important}.chatterbox-cfg-weight-slider .standard-slider-input::-webkit-slider-thumb,.chatterbox-exaggeration-slider .standard-slider-input::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;height:0!important;opacity:0!important;width:0!important}.chatterbox-cfg-weight-slider .standard-slider-input::-webkit-slider-track,.chatterbox-exaggeration-slider .standard-slider-input::-webkit-slider-track{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;opacity:0!important}.chatterbox-cfg-weight-slider .standard-slider-input::-moz-range-thumb,.chatterbox-exaggeration-slider .standard-slider-input::-moz-range-thumb{background:#0000!important;border:none!important;height:0!important;opacity:0!important;width:0!important}.chatterbox-cfg-weight-slider .standard-slider-input::-moz-range-track,.chatterbox-exaggeration-slider .standard-slider-input::-moz-range-track{background:#0000!important;opacity:0!important}.chatterbox-cfg-weight-slider.disabled .standard-slider-handle,.chatterbox-cfg-weight-slider.state-Disabled .standard-slider-handle,.chatterbox-cfg-weight-slider.state-disabled .standard-slider-handle,.chatterbox-exaggeration-slider.disabled .standard-slider-handle,.chatterbox-exaggeration-slider.state-Disabled .standard-slider-handle,.chatterbox-exaggeration-slider.state-disabled .standard-slider-handle{box-shadow:none!important}.chatterbox-cfg-weight-slider.disabled .standard-slider-value-badge,.chatterbox-cfg-weight-slider.state-Disabled .standard-slider-value-badge,.chatterbox-cfg-weight-slider.state-disabled .standard-slider-value-badge,.chatterbox-exaggeration-slider.disabled .standard-slider-value-badge,.chatterbox-exaggeration-slider.state-Disabled .standard-slider-value-badge,.chatterbox-exaggeration-slider.state-disabled .standard-slider-value-badge{opacity:0!important;visibility:hidden!important}.chatterbox-cfg-weight-slider.disabled .standard-slider-active-track,.chatterbox-cfg-weight-slider.state-Disabled .standard-slider-active-track,.chatterbox-cfg-weight-slider.state-disabled .standard-slider-active-track,.chatterbox-exaggeration-slider.disabled .standard-slider-active-track,.chatterbox-exaggeration-slider.state-Disabled .standard-slider-active-track,.chatterbox-exaggeration-slider.state-disabled .standard-slider-active-track{opacity:.3!important}.chatterbox-cfg-weight-slider.disabled,.chatterbox-cfg-weight-slider.state-Disabled,.chatterbox-cfg-weight-slider.state-disabled,.chatterbox-exaggeration-slider.disabled,.chatterbox-exaggeration-slider.state-Disabled,.chatterbox-exaggeration-slider.state-disabled{filter:grayscale(50%)!important}.chatterbox-cfg-weight-slider,.chatterbox-exaggeration-slider{z-index:1}.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.disabled,.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.state-Disabled,.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.state-disabled{background:none!important;overflow:hidden;position:relative}.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.disabled:after,.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.state-Disabled:after,.narration-row.chatterbox-control-row .slider-with-value .standard-slider-container.state-disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.example-audio-dropdown-container{display:inline-block;position:relative}.example-audio-dropdown-container.dropdown-open{z-index:99999}.example-audio-dropdown-container .pill-button{align-items:center;display:flex;gap:6px}.example-audio-dropdown-container .pill-button.active-dropdown-btn{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level2)}.example-audio-dropdown-container .dropdown-chevron{margin-left:2px;transition:transform .2s ease}.example-audio-dropdown-container .dropdown-chevron.open{transform:rotate(180deg)}.example-audio-dropdown{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-elevation-level3);overflow:hidden;position:fixed;width:300px;z-index:99999}.example-audio-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;text-align:center}.example-audio-dropdown-list{max-height:200px;overflow-y:auto;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.example-audio-dropdown-list::-webkit-scrollbar{width:8px}.example-audio-dropdown-list::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.example-audio-dropdown-list::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.example-audio-dropdown-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}.example-audio-option{align-items:center;background-color:initial;border:none;color:var(--md-on-surface);cursor:pointer;display:flex;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.example-audio-option:hover{background-color:var(--md-surface-2)}.example-audio-option:disabled{cursor:not-allowed;opacity:.5}.example-audio-option-icon{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.example-audio-option-icon svg{color:var(--md-primary)}.example-audio-option-icon.english{background-color:#007bff26}.example-audio-option-icon.chinese{background-color:#ffc10726}.example-audio-option-icon.korean{background-color:#28a74526}.example-audio-option-icon.vietnamese{background-color:#dc354526}.example-audio-option-text{display:flex;flex-direction:column}.example-audio-option-name{color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);margin-bottom:2px}.example-audio-error,.example-audio-loading,.example-audio-option-description{color:var(--md-on-surface-variant);font-size:var(--md-body-small-size)}.example-audio-error,.example-audio-loading{padding:12px 16px;text-align:center}.example-audio-error{color:var(--error-color)}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-background-surface);border:1px solid var(--md-outline-variant);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level1);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:28px;box-shadow:var(--md-elevation-level1);display:flex;flex-direction:column;flex-shrink:0;height:84px;justify-content:space-between;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:28px;box-shadow:var(--md-elevation-level1);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{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;transition:scroll-top var(--md-duration-medium2) var(--md-easing-emphasized)}.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}.lyrics-empty-state{background:var(--md-surface-1)}.empty-add-hotspot,.lyrics-empty-state{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.empty-add-hotspot{height:100%}.empty-insert-lyric-btn{background:var(--md-primary-container);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);cursor:pointer;height:32px;opacity:0;transform:scale(.9);transition:opacity 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}.lyrics-container-wrapper:hover .empty-insert-lyric-btn{box-shadow:var(--md-elevation-level2);opacity:1;transform:scale(1)}.empty-insert-lyric-btn:hover svg{transform:scale(1.15);transition:transform var(--md-duration-medium2) var(--md-easing-emphasized)}.editing-controls{align-items:center;display:flex;gap:4px;height:100%}.auto-scroll-toggle{margin-right:auto}.auto-scroll-toggle,.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);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{margin-left:auto}.auto-scroll-toggle.active,.sticky-toggle.active{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.auto-scroll-icon{stroke:currentColor;margin-right:6px;transition:transform .3s ease}.auto-scroll-toggle:hover .auto-scroll-icon{transform:translateY(-2px)}.sticky-icon{stroke:currentColor;margin-right:6px;transition:transform .3s ease}.sticky-toggle:hover .sticky-icon{transform:rotate(15deg)}.auto-scroll-toggle.active .auto-scroll-icon{transform:scale(1.1)}.auto-scroll-toggle:not(.active) .auto-scroll-icon{transform:scale(1.05)}.sticky-toggle.active .sticky-icon{transform:scale(1.1)}.sticky-toggle:not(.active) .sticky-icon{transform:scale(1.05)}.auto-scroll-toggle:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.auto-scroll-toggle:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.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%}.checkpoint-btn,.lyrics-save-btn,.redo-btn,.reset-btn,.split-sub-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}.checkpoint-btn svg,.lyrics-save-btn svg,.redo-btn svg,.reset-btn svg,.split-sub-btn svg,.undo-btn svg{stroke:currentColor;height:16px;transition:transform .3s ease;width:16px}.checkpoint-btn:before,.lyrics-save-btn:before,.redo-btn:before,.reset-btn:before,.split-sub-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)}.checkpoint-btn:hover:before,.lyrics-save-btn:hover:before,.redo-btn:hover:before,.reset-btn:hover:before,.split-sub-btn:hover:before,.undo-btn:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.checkpoint-btn:active:before,.lyrics-save-btn:active:before,.redo-btn:active:before,.reset-btn:active:before,.split-sub-btn:active:before,.undo-btn:active:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-pressed-opacity))}.checkpoint-btn:hover,.lyrics-save-btn:hover,.redo-btn:hover,.reset-btn:hover,.split-sub-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)}.split-sub-btn:hover svg{transform:scale(1.1) rotate(5deg)}.checkpoint-btn:hover svg{transform:translateX(-3px) scale(1.05)}.checkpoint-btn:disabled,.lyrics-save-btn:disabled,.redo-btn:disabled,.reset-btn:disabled,.split-sub-btn:disabled,.undo-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.timeline-container{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:28px;box-shadow:var(--md-elevation-level1);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:80px;min-width:0;overflow:hidden;padding:0;position:relative}.floating-zoom-controls{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);padding:4px 8px;position:absolute;right:8px;top:8px;transition:all var(--md-duration-medium2) var(--md-easing-standard);z-index:10}.floating-zoom-controls:hover{box-shadow:var(--md-elevation-level3);transform:translateY(-1px)}.floating-zoom-controls .zoom-slider{align-items:center;background-color:initial;border-radius:var(--md-shape-pill);cursor:ew-resize;display:flex;height:24px;justify-content:center;min-width:60px;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.floating-zoom-controls .zoom-slider:hover{background-color:color-mix(in srgb,var(--md-primary-container),#0000 80%);transform:scale(1.05)}.floating-zoom-controls .zoom-slider span{border-radius:var(--md-shape-small);color:var(--md-on-surface);font-family:JetBrains Mono,monospace;font-size:var(--md-label-small-size);font-weight:600;line-height:var(--md-label-small-height);padding:2px 6px;text-align:center;transition:all var(--md-duration-medium2) var(--md-easing-standard);-webkit-user-select:none;user-select:none}.subtitle-timeline{box-sizing:border-box;cursor:pointer;display:block;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}.srt-only-timeline-message{background-color:rgba(var(--md-primary-rgb),.1);border-radius:0 0 8px 8px;color:var(--md-primary);padding:4px 8px;pointer-events:none;z-index:1}.srt-only-timeline-message,.waveform-disabled-notice{bottom:0;font-size:12px;left:0;position:absolute;right:0;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);color:var(--md-on-warning-container);padding:8px 12px;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);border-radius:8px;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:0;position:relative;transition:background-color var(--md-duration-medium3) var(--md-easing-emphasized),color var(--md-duration-medium3) var(--md-easing-emphasized),transform var(--md-duration-medium3) var(--md-easing-emphasized),border-left var(--md-duration-medium3) var(--md-easing-emphasized),padding-left var(--md-duration-medium3) var(--md-easing-emphasized),font-weight var(--md-duration-medium2) var(--md-easing-standard),box-shadow var(--md-duration-medium3) 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;position:relative;z-index:1000}.lyric-item.current{background-color:color-mix(in srgb,var(--md-primary),#0000 85%);border-left:4px solid var(--md-primary);border-radius:4px;box-shadow:inset 0 0 8px color-mix(in srgb,var(--md-primary),#0000 80%);font-weight:500;padding-left:12px;z-index:2}.lyric-item.editing-active{box-shadow:var(--md-elevation-level2);position:relative;z-index:1002}.lyric-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:8px 16px 0;position:relative;width:100%}.lyric-number{align-items:center;color:var(--md-on-surface-variant);display:flex;flex-shrink:0;font-size:var(--md-body-small-size);font-weight:400;height:32px;justify-content:center;min-width:24px;transition:color var(--md-duration-medium2) var(--md-easing-standard)}.lyric-item.current .lyric-number{color:var(--md-primary);font-weight:500}.lyric-text{cursor:pointer;display:block;flex:1 1;line-height:1.5;margin-right:16px;min-height:24px;overflow:visible;padding:0;position:relative;transition:color var(--md-duration-medium2) var(--md-easing-standard),transform var(--md-duration-medium3) var(--md-easing-emphasized),font-weight 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-item.current .lyric-text{color:var(--md-on-primary-container);transform:translateX(2px)}.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{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:inherit;line-height:1.5;margin:2px 0 0;padding:4px 8px;transition:all .2s ease;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)}.arrow-button svg,.delete-lyric-btn svg,.edit-lyric-btn svg,.insert-lyric-button svg,.merge-lyrics-button svg{fill:currentColor}.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;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:JetBrains 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.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{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--primary-color);bottom:0;height:4px;left:0;opacity:0;position:absolute;transform:translateZ(0);transform-origin:left center;transition:background-color var(--transition-speed),opacity var(--md-duration-medium2) var(--md-easing-emphasized),height var(--md-duration-medium2) var(--md-easing-emphasized);will-change:transform}.lyric-item.current .progress-indicator{opacity:1}.lyric-item-container .lyric-text{line-height:1.6em;max-height:3.2em;overflow-y:auto;padding-right:4px;white-space:pre-wrap;word-break:break-word}.lyric-item-container .lyric-text.editing{max-height:none;overflow:visible;padding-right:0}.lyric-item-container .lyric-text{-ms-overflow-style:none;scrollbar-width:none}.lyric-item-container .lyric-text::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}.custom-scrollbar-thumb{opacity:1;right:4px;transition:all .2s ease}.custom-scrollbar-thumb.dragging{background:var(--md-primary);opacity:1;right:3px;width:6px}[data-theme=dark] .custom-scrollbar-thumb.dragging{background:var(--md-primary)}.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:-20px}.arrow-button.down,.arrow-button.up{left:0;margin:0 auto;padding:4px;position:absolute;right:0}.arrow-button.down{bottom:-20px;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),.08);border-radius:16px;bottom:-32px;content:"";left:-4px;opacity:0;pointer-events:none;position:absolute;right:-4px;top:-32px;transition:opacity .2s ease;z-index:0}.insert-lyric-button-container:hover:before,.merge-lyrics-button-container:hover:before{opacity:1;pointer-events:auto}.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}.lyric-item-container.arrow-hover{position:relative;z-index:3000}.lyric-item-container.arrow-hover .arrow-buttons{z-index:4000}.merge-lyrics-button-container .arrow-button.up{z-index:1500}.merge-lyrics-button-container .arrow-button.down{z-index:1600}.lyric-item-container.arrow-hover+.lyric-item-container .merge-lyrics-button-container .arrow-button.up{pointer-events:none}@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)}}@keyframes lyric-focus-slide{0%{background-color:initial;border-left:4px solid #0000;transform:translateX(0)}50%{transform:translateX(4px)}to{background-color:color-mix(in srgb,var(--md-primary),#0000 85%);border-left:4px solid var(--md-primary);transform:translateX(2px)}}@keyframes lyric-unfocus-slide{0%{background-color:color-mix(in srgb,var(--md-primary),#0000 85%);border-left:4px solid var(--md-primary);transform:translateX(2px)}to{background-color:initial;border-left:4px solid #0000;transform:translateX(0)}}.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{border-left:3px solid var(--md-primary);border-radius:16px;color:var(--md-on-surface-variant);flex:1 1;font-size:.85rem;font-style:italic;line-height:1.4;padding-left:18px;transition:color var(--transition-speed)}.download-buttons{align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px}.consolidation-status{align-items:center;animation:pulse 2s infinite;background-color:var(--md-tertiary-container);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-tertiary-container);display:flex;font-size:var(--md-label-medium-size);gap:8px;padding:8px 16px}.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}.volume-visualizer{background-color:initial;border:1px solid rgba(var(--md-outline-variant-rgb),.2);border-radius:4px;overflow:hidden;position:relative;width:100%}.volume-visualizer canvas{background-color:initial;display:block}.volume-visualizer-loading{align-items:center;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{color:#ffffffe6;text-shadow:0 1px 3px #00000080}.volume-visualizer-no-audio{align-items:center;background-color:rgba(var(--md-surface-variant-rgb),.1);border-radius:4px;bottom:0;color:var(--md-outline);display:flex;font-size:12px;font-weight:400;justify-content:center;left:0;position:absolute;right:0;top:0}.subtitle-timeline{margin-bottom:2px}.custom-scrollbar-textarea-container{border-radius:20px;box-shadow:var(--md-elevation-level1);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.custom-scrollbar-textarea-container,.custom-scrollbar-textarea-container:focus-within{background-color:var(--md-surface-2);border:1px solid #79747e4d;border:1px solid rgba(var(--md-outline-variant-rgb,121,116,126),.3)}.custom-scrollbar-textarea-container:focus-within{box-shadow:var(--md-elevation-level2),0 0 0 2px var(--md-primary)}.custom-scrollbar-textarea-container:focus-within .custom-scrollbar-textarea{padding:16px}.custom-scrollbar-textarea{-ms-overflow-style:none!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none!important;border-radius:0;color:var(--md-on-surface);flex:1 1;font-family:var(--font-primary);font-size:.95rem;height:auto!important;line-height:1.5;min-height:60px;overflow-x:hidden;overflow-y:scroll;padding:16px;position:relative;resize:none!important;scrollbar-width:none!important;transition:all .2s ease;width:100%;z-index:1}.custom-scrollbar-textarea,.custom-scrollbar-textarea:focus{background-color:initial!important;box-shadow:none!important;outline:none!important}.custom-scrollbar-textarea:focus{border:none!important}.custom-scrollbar-textarea::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}.custom-scrollbar-textarea::-webkit-scrollbar-thumb,.custom-scrollbar-textarea::-webkit-scrollbar-track{display:none!important}.custom-scrollbar-textarea::-webkit-scrollbar-corner{display:none!important}.custom-scrollbar-textarea:disabled{cursor:not-allowed;opacity:.6}.custom-scrollbar-textarea-container:has(.custom-scrollbar-textarea:disabled){cursor:not-allowed;opacity:.6}.custom-scrollbar-textarea-container:before{background:#79747e26;background:rgba(var(--md-outline-variant-rgb,121,116,126),.15);border-radius:50px;bottom:8px;content:"";opacity:0;pointer-events:none;position:absolute;right:5px;top:8px;transition:opacity .3s ease;width:4px;z-index:9}.custom-scrollbar-thumb{background:#6750a499;background:rgba(var(--md-primary-rgb,103,80,164),.6);border-radius:50px;cursor:pointer;min-height:20px;opacity:0;pointer-events:auto;position:absolute;right:5px;transition:all .3s ease;width:4px;z-index:10}.custom-scrollbar-textarea-container.has-scrollable-content:focus-within:before,.custom-scrollbar-textarea-container.has-scrollable-content:hover:before,.custom-scrollbar-textarea-container:focus-within .custom-scrollbar-thumb,.custom-scrollbar-textarea-container:hover .custom-scrollbar-thumb{opacity:1}.custom-scrollbar-thumb:hover{background:#6750a4cc;background:rgba(var(--md-primary-rgb,103,80,164),.8);right:4px;width:6px}.custom-scrollbar-thumb:active{background:var(--md-primary);right:4px;width:6px}[data-theme=dark] .custom-scrollbar-textarea-container:before{background:#c8c4ce26;background:rgba(var(--md-outline-variant-rgb,200,196,206),.15)}[data-theme=dark] .custom-scrollbar-thumb{background:#d0bcff99;background:rgba(var(--md-primary-rgb,208,188,255),.6)}[data-theme=dark] .custom-scrollbar-thumb:hover{background:#d0bcffcc;background:rgba(var(--md-primary-rgb,208,188,255),.8)}[data-theme=dark] .custom-scrollbar-thumb:active{background:var(--md-primary)}.custom-scrollbar-thumb.dragging{background:var(--md-primary)!important;opacity:1!important;right:4px!important;transition:none!important;width:6px!important}.custom-scrollbar-textarea{scroll-behavior:auto}.custom-scrollbar-textarea-container.compact{border-radius:12px}.custom-scrollbar-textarea-container.compact .custom-scrollbar-textarea{font-size:.9rem;min-height:40px;padding:12px}.custom-scrollbar-textarea-container.compact:focus-within .custom-scrollbar-textarea{padding:10px}.custom-scrollbar-textarea-container.large{border-radius:24px}.custom-scrollbar-textarea-container.large .custom-scrollbar-textarea{font-size:1rem;min-height:80px;padding:20px}.custom-scrollbar-textarea-container.large:focus-within .custom-scrollbar-textarea{padding:18px}.custom-scrollbar-textarea-container.minimal{background-color:initial;border:1px solid var(--md-outline);box-shadow:none}.custom-scrollbar-textarea-container.minimal:focus-within{background-color:var(--md-surface-1);border:1px solid var(--md-outline);box-shadow:0 0 0 2px var(--md-primary)}.subtitles-input-modal-content .custom-scrollbar-textarea,.subtitles-input-modal-content .custom-scrollbar-textarea:focus{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important;padding:16px!important}.background-generator-container .custom-scrollbar-textarea,.background-generator-container .custom-scrollbar-textarea:focus,.custom-subtitles .custom-scrollbar-textarea,.custom-subtitles .custom-scrollbar-textarea:focus{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.prompt-editor-container .custom-scrollbar-textarea,.prompt-editor-container .custom-scrollbar-textarea:focus{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.prompt-editor-container{background-color:initial!important;border:none!important;overflow:visible!important}.prompt-editor-container .custom-scrollbar-textarea-container{border-radius:20px!important;box-shadow:var(--md-elevation-level1)!important}.prompt-editor-container .custom-scrollbar-textarea-container,.prompt-editor-container .custom-scrollbar-textarea-container:focus-within{background-color:var(--md-surface-2)!important;border:1px solid #79747e4d!important;border:1px solid rgba(var(--md-outline-variant-rgb,121,116,126),.3)!important}.prompt-editor-container .custom-scrollbar-textarea-container:focus-within{box-shadow:var(--md-elevation-level2),0 0 0 2px var(--md-primary)!important}.prompt-editor-container .custom-scrollbar-textarea-container:focus-within .custom-scrollbar-textarea{padding:12px!important}.prompt-editor-container .custom-scrollbar-textarea{font-family:JetBrains Mono,monospace!important;font-size:var(--md-body-medium-size)!important;line-height:1.5!important;min-height:150px!important;padding:12px!important}.transcription-prompt-setting .custom-scrollbar-textarea-container{background-color:var(--background-secondary)!important;border:1px solid var(--border-color)!important;border-radius:32px!important;box-shadow:none!important}.transcription-prompt-setting .custom-scrollbar-textarea-container:focus-within{background-color:var(--background-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--md-elevation-level2),0 0 0 2px var(--md-primary)!important}.transcription-prompt-setting .custom-scrollbar-textarea-container:focus-within .custom-scrollbar-textarea{padding:.75rem!important}.transcription-prompt-setting .custom-scrollbar-textarea{font-family:JetBrains Mono,monospace!important;font-size:.9rem!important;line-height:1.5!important;min-height:150px!important;padding:.75rem!important}.custom-scrollbar-textarea-container .custom-scrollbar-textarea,.custom-scrollbar-textarea-container .custom-scrollbar-textarea:focus,.custom-scrollbar-textarea-container .custom-scrollbar-textarea:hover{background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.oc-tooltip-wrapper{display:inline;position:relative}.oc-tooltip-trigger{display:inline-flex}.oc-tooltip{opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1000000!important}.oc-tooltip.oc-tooltip-visible{opacity:1;transform:translate(-50%,-12px)}.oc-tooltip-content{background:#fff;background:var(--tooltip-bg,#fff);border:1px solid var(--tooltip-border,var(--md-outline-variant));border-radius:24px;box-shadow:var(--md-elevation-level3);box-shadow:var(--tooltip-shadow,var(--md-elevation-level3));color:var(--md-on-surface);color:var(--tooltip-fg,var(--md-on-surface));display:inline-block;font-size:13px;line-height:1.35;padding:10px 12px;position:relative;text-align:center}.oc-tooltip-content:after,.oc-tooltip-content:before{border-style:solid;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.oc-tooltip-content:before{border-color:var(--tooltip-border,var(--md-outline-variant)) #0000 #0000 #0000;border-width:7px 7px 0}.oc-tooltip-content:after{border-color:#fff #0000 #0000;border-color:var(--tooltip-bg,#fff) #0000 #0000 #0000;border-width:6px 6px 0;margin-top:-1px}.balanced-text{text-wrap:balance;-webkit-text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;word-break:keep-all}:root[data-theme=light] .oc-tooltip-content{--tooltip-bg:#fff;--tooltip-fg:var(--md-on-surface);--tooltip-border:var(--md-outline-variant);--tooltip-shadow:var(--md-elevation-level3)}:root[data-theme=dark] .oc-tooltip-content{--tooltip-bg:var(--md-surface-3);--tooltip-fg:var(--md-on-surface);--tooltip-border:color-mix(in srgb,var(--md-outline-variant),#0000 35%);--tooltip-shadow:var(--md-elevation-level4)}.custom-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11000}.custom-modal{animation:modal-appear .3s ease-out;background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:670px;overflow:hidden;width:90%}[data-theme=light] .custom-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}[data-theme=dark] .custom-modal{box-shadow:0 4px 20px #0006}.custom-modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.custom-modal-title{color:var(--text-color);flex:1 1;font-size:18px;font-weight:600;margin:0}.custom-modal-content{flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.custom-modal-content::-webkit-scrollbar{width:8px}.custom-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.custom-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .custom-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .custom-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .custom-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .custom-modal-content{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.custom-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.explanation{color:var(--text-secondary);font-size:14px}.delete-confirmation-text{color:var(--text-primary);font-size:16px;line-height:1.5;margin-bottom:16px}.form-field{margin-bottom:20px}.form-field label{margin-bottom:8px}.form-field input,.form-field textarea{background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:100px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-field textarea{border-radius:16px}.form-field input:focus,.form-field textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--text-secondary);font-size:18px;left:12px;position:absolute}.input-with-icon input{padding-left:40px}.helper-text{color:var(--text-secondary);font-size:12px;margin-top:4px}.language-codes-section{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;margin-bottom:20px;padding:20px}.section-header{gap:8px;margin-bottom:8px}.section-header svg{color:var(--md-primary);font-size:20px}.language-codes-section h5{font-size:16px;margin-bottom:0;margin-top:0}.language-codes-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.language-code-field{gap:8px;height:36px;margin-bottom:0}.language-code-field input{box-sizing:border-box;flex:0 0 auto;height:36px;padding:0 12px;width:80px}.add-language-btn{border:1px solid var(--md-primary);border-radius:100px;box-sizing:border-box;font-size:13px;font-weight:500;gap:4px;margin:0;padding:0 12px;transition:background-color .2s,transform .1s,box-shadow .2s;white-space:nowrap}.add-language-btn:hover{background-color:rgba(var(--md-primary-rgb),.1);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.advanced-options-toggle{background:none;border-radius:100px;display:inline-flex;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 16px;text-decoration:none}.advanced-options-toggle:hover{background-color:rgba(var(--md-primary-rgb),.1)}.confirm-btn,.delete-btn{align-items:center;border-radius:100px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;min-width:100px;padding:8px 24px;transition:all .2s ease}.confirm-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.delete-btn{background-color:var(--error-color);color:#fff}.delete-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--error-color),#000 10%)}.confirm-btn:disabled,.delete-btn:disabled{cursor:not-allowed;opacity:.6}.storage-info .model-source{color:var(--text-primary);font-weight:500;margin-bottom:4px;margin-top:12px}.file-list{color:var(--text-secondary);font-size:14px;line-height:1.5;list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.file-list li{margin-bottom:4px;word-break:break-all}@media (max-width:768px){.radio-group{flex-direction:column;gap:8px}}.custom-modal-footer .cancel-btn{font-size:14px}.model-dropdown-container{display:inline-block;max-width:215px;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-family:Open Sans,sans-serif;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);font-family:Open Sans,sans-serif}.model-dropdown-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.model-dropdown-btn.disabled:hover{background-color:var(--md-surface-2);transform:none}.model-dropdown-selected{align-items:center;display:flex;gap:6px}.model-name{white-space:nowrap}.dropdown-icon{margin-left:2px;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);overflow:hidden;position:fixed;width:415px;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;text-align:center}.model-options-list{font-family:Open Sans,sans-serif;max-height:300px}.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}.award-icon{color:var(--md-secondary)}.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}}.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;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-container{background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-bottom:none;border-radius:var(--md-shape-medium);margin-top:.5rem;overflow:hidden;position:relative}.prompt-editor-default-template{margin-top:16px}.default-template-box{background-color:var(--md-surface-2);border-left:4px solid var(--md-primary);border-radius:var(--md-shape-medium);color:var(--md-on-surface-variant);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.5;padding:16px}.default-template-box p{margin:4px 0}.variable-highlight{background-color:rgba(var(--md-primary-rgb),.1);border-radius:4px;color:var(--md-primary);font-weight:500;padding:2px 4px}.custom-instructions-placeholder{border-left:2px dashed var(--md-outline);color:var(--md-outline);font-style:italic;margin:8px 0 8px 8px!important;padding-left:16px}.instructions-label{color:var(--md-on-surface);display:block;font-weight:500;margin-bottom:8px}.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:none;border-radius:0;box-sizing:border-box;color:var(--md-on-surface);font-family:JetBrains Mono,monospace;font-size:var(--md-body-medium-size);height:150px;line-height:1.5;min-height:150px;padding:12px;resize:vertical;scrollbar-color:var(--md-primary) var(--md-surface-2);scrollbar-width:thin;width:100%;.prompt-editor-textarea{box-shadow:none}.prompt-editor-container .prompt-editor-textarea{display:block;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{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:JetBrains Mono,monospace;margin:0 4px;padding:2px 4px}.prompt-editor-footer{align-items:center;border-top:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;padding:16px 24px}.right-buttons{display:contents;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)}.save-button:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.cancel-button:disabled,.reset-button:disabled,.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.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{align-items:center;background-color:initial;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);gap:8px;padding:6px 12px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.edit-prompt-button-with-text:hover{background-color:var(--md-surface-3);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:JetBrains 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;padding:16px 24px}.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%)}.prompt-editor-examples{background-color:var(--md-surface-2);border-left:4px solid var(--md-secondary);border-radius:var(--md-shape-medium);margin-top:8px;padding:16px}.prompt-editor-examples h4{color:var(--md-on-surface);font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);margin:0 0 8px}.prompt-editor-examples ul{margin:0;padding-left:24px;.prompt-editor-container{border-bottom:none}}.prompt-editor-examples li{color:var(--md-on-surface-variant);margin-bottom:4px}.prompt-editor-note{background-color:var(--md-surface-3);border-radius:var(--md-shape-small);color:var(--md-on-surface-variant);font-size:var(--md-body-small-size);margin:12px 0 0;padding:8px}.modal-overlay{z-index:1000}.download-options-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;height:600px;max-height:90vh;max-width:580px;overflow:hidden;width:90%}.modal-header{border-radius:var(--md-shape-large) var(--md-shape-large) 0 0}.modal-header h3{font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight)}.download-options-modal .modal-content{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:var(--md-outline-variant) var(--md-surface-2);scrollbar-width:thin}.download-options-modal .modal-content::-webkit-scrollbar{width:8px}.download-options-modal .modal-content::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:4px;margin:4px 0}.download-options-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-2);border-radius:4px}.download-options-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}.option-group{display:flex;flex-direction:column;gap:4px}.option-group.two-column-layout,.option-group:has(.radio-group-two-columns){min-height:120px;transition:min-height .3s var(--md-easing-standard)}.option-group.horizontal-layout,.option-group:has(.radio-group-horizontal){min-height:90px;transition:min-height .3s var(--md-easing-standard)}.option-group.constrained-height{min-height:120px;transition:min-height .3s var(--md-easing-standard)}.download-options-modal .modal-content{min-height:400px}.tab-content-area{display:flex;flex-direction:column;justify-content:flex-start;min-height:280px;transition:all .3s var(--md-easing-standard)}.tab-content-area:empty{min-height:280px}.radio-group-base{transition:all .3s var(--md-easing-standard)}.option-group h4{color:var(--md-on-surface);font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);margin:0;padding:8px 24px}.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}.download-options-modal .radio-group-base{display:flex;flex-wrap:wrap;gap:12px}.download-options-modal .radio-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:12px}.download-options-modal .radio-group-two-columns{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.download-options-modal .option-group label.radio-option-base{align-items:center;display:flex;gap:8px;margin:0}.download-options-modal .option-group{gap:8px}.download-options-modal .radio-option-card{padding:8px 12px}.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)}.cancel-button{border-radius:var(--md-shape-pill);color:var(--md-primary);font-weight:500}.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)}.download-button{background-color:var(--md-primary);color:var(--md-on-primary)}.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{height:80vh;max-height:80vh;width:95%}.radio-group-base,.radio-group-two-columns{gap:8px;grid-template-columns:1fr}.option-group.constrained-height,.option-group.two-column-layout,.option-group:has(.radio-group-two-columns){min-height:140px}.tab-content-area{min-height:320px}.modal-footer{flex-direction:column}.action-button,.cancel-button{justify-content:center;width:100%}}.option-group{padding-bottom:12px;padding-top:12px}.split-duration-slider-container{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;margin-top:8px;width:100%}.split-duration-slider-container .slider-with-value{align-items:center;display:flex;gap:12px;height:44px;max-width:360px;position:relative;width:100%}.split-duration-slider-container .slider-value-display{color:var(--md-primary);flex-shrink:0;font-size:var(--md-body-medium-size);font-weight:500;min-width:75px;text-align:center;white-space:nowrap}.setting-description{color:var(--md-on-surface-variant);font-size:var(--md-label-small-size);margin-top:4px}.download-options-modal .modal-radio-group{gap:16px;row-gap:10px}.download-options-modal .modal-file-format,.download-options-modal .modal-subtitle-source{gap:10px}.download-options-modal .modal-file-format .radio-option-card,.download-options-modal .modal-subtitle-source .radio-option-card{padding:10px 14px}.download-options-modal .modal-file-format .radio-option-base.disabled,.download-options-modal .modal-subtitle-source .radio-option-base.disabled{opacity:.55}.input-tabs{-ms-overflow-style:none;-webkit-tap-highlight-color:transparent;align-items:center;display:flex;flex:1 1;margin-bottom:0;min-height:55px;overflow-x:auto;padding:0 24px;position:relative;scrollbar-width:none}.input-tabs::-webkit-scrollbar{display:none}.input-tabs{--pill-width:0px;--pill-left:0px;--pill-origin-x:50%;--pill-left-delay:0ms;--pill-width-delay:0ms;--pill-travel:0px}.input-tabs:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(120% 100% at 50% 40%,rgba(var(--md-primary-container-rgb),.55) 0,rgba(var(--md-primary-container-rgb),.45) 60%,rgba(var(--md-primary-container-rgb),.35) 100%);border:1px solid rgba(var(--md-primary-rgb),.1);border-radius:48px;box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.15),0 1px 3px rgba(var(--md-primary-rgb),.1),inset 0 1px 1px #ffffff1a;content:"";height:45px;left:calc(var(--pill-left) - 20px);left:calc(var(--press-pill-left, var(--pill-left)) - 20px);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;transform-origin:var(--pill-origin-x,50%) 50%;transition-delay:0ms,0ms,0ms,0ms,0ms,0ms,0ms;transition-delay:var(--pill-left-delay,0ms),var(--pill-width-delay,0ms),0ms,0ms,0ms,0ms,0ms;transition-duration:var(--md-duration-medium4),var(--md-duration-medium4),.6s,.4s,.4s,.4s,.2s;transition-property:left,width,transform,border-radius,background-color,box-shadow,opacity;transition-timing-function:var(--md-easing-emphasized),cubic-bezier(.2,.8,.2,1.15),cubic-bezier(.2,.8,.2,1),var(--md-easing-emphasized),var(--md-easing-emphasized),var(--md-easing-emphasized),linear;width:calc(var(--pill-width) + 40px);width:calc(var(--press-pill-width, var(--pill-width)) + 40px);will-change:left,width,transform;z-index:0}.input-tabs:has(.tab-btn.active):before{opacity:1}.input-tabs.pill-animate:before{animation:pill-bounce .72s cubic-bezier(.25,.8,.2,1) both}@keyframes pill-bounce{0%{border-radius:48px;transform:translateY(-50%) scaleX(1) scaleY(1)}20%{border-radius:36px;transform:translateY(-50%) scaleX(clamp(1,calc(1 + (var(--pill-travel) / 320)),1.28)) scaleY(calc(1 - (clamp(0, calc(var(--pill-travel) / 320), .28) * .55)))}48%{border-radius:42px;transform:translateY(-50%) scaleX(.96) scaleY(1.08)}72%{border-radius:46px;transform:translateY(-50%) scaleX(1.04) scaleY(.98)}to{border-radius:48px;transform:translateY(-50%) scaleX(1) scaleY(1)}}.input-tabs.goo-ready:before{display:none}.input-tabs .pill-overlay{filter:url(#goo);inset:0;pointer-events:none;position:absolute;z-index:0}.input-tabs .pill-overlay .goo-blob{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(120% 100% at 50% 40%,rgba(var(--md-primary-container-rgb),.58) 0,rgba(var(--md-primary-container-rgb),.46) 62%,rgba(var(--md-primary-container-rgb),.34) 100%);border:1px solid rgba(var(--md-primary-rgb),.08);border-radius:999px;box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.16),0 1px 3px rgba(var(--md-primary-rgb),.1),inset 0 1px 1px #ffffff14;contain:layout paint style size;height:45px;position:absolute;top:50%;transform:translateY(-50%);transition:none;will-change:left,width,transform,border-radius}.tab-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:20px;color:var(--md-on-surface-variant);cursor:pointer;display:flex;flex:1 1;font-family:Google Sans,Open Sans,sans-serif;font-size:var(--md-label-large-size);font-weight:500;gap:10px;height:36px;justify-content:center;letter-spacing:.1px;line-height:var(--md-label-large-height);margin:0 4px;min-width:90px;opacity:.85;overflow:hidden;padding:8px 16px;position:relative;text-align:center;transition:all var(--md-duration-medium3) var(--md-easing-emphasized);z-index:1}.tab-btn.active{color:var(--md-on-primary-container);font-weight:700;letter-spacing:.2px;opacity:1;text-shadow:0 1px 1px rgba(var(--md-primary-rgb),.1);transform:scale(1.2)}.tab-btn:hover:not(.active){background-color:rgba(var(--md-on-surface-variant-rgb),.05);opacity:1;transform:translateY(-1px)}.tab-btn svg{stroke:currentColor;margin-right:.5rem;opacity:.9;transition:all var(--md-duration-medium2) var(--md-easing-emphasized)}.tab-btn.active svg,.tab-btn:hover svg{opacity:1;transform:scale(1.1)}.input-tabs.compact{--pill-height:34px}.input-tabs.compact .pill-overlay .goo-blob,.input-tabs.compact:before{height:var(--pill-height)}.input-tabs.compact .tab-btn{font-size:.95em;line-height:1.1;padding:6px 12px}.process-tabs.compact{--pill-height:40px}.language-chain-container{display:flex;flex-direction:column;max-width:800px;width:100%}.language-chain{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:16px;flex-wrap:wrap;gap:.5rem;min-height:60px;padding:1rem}.chain-item,.language-chain{align-items:center;display:flex}.chain-item{animation:fadeIn var(--md-duration-medium2) var(--md-easing-emphasized);border-radius:12px;cursor:grab;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1}.chain-item:focus-within,.chain-item:hover{position:relative;z-index:9000}.chain-item:hover{box-shadow:var(--md-elevation-level2)}.chain-item.dragging{cursor:grabbing;opacity:.5}.language-item{background-color:var(--md-primary-container);border:1px solid var(--md-primary);color:var(--md-on-primary-container);max-width:120px;min-width:80px;padding:.5rem .75rem;z-index:1}.language-item.original{background-color:var(--md-tertiary-container);border:1px solid var(--md-tertiary);color:var(--md-on-tertiary-container)}.language-item input{background:#0000;border:none;color:inherit;font-size:.9rem;outline:none;padding:.25rem;text-overflow:ellipsis;width:100%}.language-item input::placeholder{font-stretch:extra-condensed}.chain-item .remove-btn{align-items:center;background-color:var(--md-error-container);border:none;border-radius:50%;box-sizing:border-box;color:var(--md-on-error-container);cursor:pointer;display:flex;height:20px;justify-content:center;min-height:20px;min-width:20px;opacity:0;padding:0;position:absolute;right:-8px;top:-8px;transition:opacity .2s ease;width:20px;z-index:25}.chain-item:hover .remove-btn{opacity:1}.chain-item .remove-btn:hover{background-color:var(--md-error);color:var(--md-on-error);transform:none}.delimiter-item .remove-delimiter-btn{box-sizing:border-box;height:16px;min-height:16px;min-width:16px;padding:0;right:-6px;top:-6px;width:16px}.delimiter-item{background-color:var(--md-surface-3);border:1px solid var(--md-outline);color:var(--md-on-surface);font-size:1.1rem;font-weight:500;height:36px;min-width:36px;padding:.25rem;position:relative}.delimiter-item.active{background-color:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.delimiter-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:9999999}.delimiter-dropdown{grid-gap:.5rem;animation:scaleIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--md-surface-3);border:1px solid var(--md-outline-variant);border-radius:24px;box-shadow:var(--md-elevation-level3);box-shadow:0 4px 20px #00000040;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);min-width:280px;padding:.75rem;pointer-events:auto;position:relative}.delimiter-option{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:50%;color:var(--md-on-surface);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delimiter-option[title*=Angle],.delimiter-option[title*=Curly],.delimiter-option[title*=Paren],.delimiter-option[title*=Square]{font-weight:700}.delimiter-option:hover{background-color:var(--md-surface-4);box-shadow:var(--md-elevation-level1)}.delimiter-option.active{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.delimiter-custom-input{display:flex;gap:.5rem;grid-column:span 4;margin-top:.5rem}.delimiter-custom-input input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--md-on-surface);flex:1 1;font-size:.9rem;max-width:80px;padding:.5rem}.chain-actions{animation:fadeIn var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.35s;animation-fill-mode:both;display:flex;gap:1rem;margin-top:1rem}.add-chain-item-btn{align-items:center;animation:slideInRight var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both;background-color:initial;border:1px dashed var(--md-outline);border-radius:24px;color:var(--md-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-chain-item-btn:first-child{animation-delay:.4s}.add-chain-item-btn:nth-child(2){animation-delay:.45s}.add-chain-item-btn:nth-child(3){animation-delay:.5s}.add-chain-item-btn:hover{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.add-chain-item-btn.original{color:var(--md-tertiary)}.add-chain-item-btn.original:hover{background-color:var(--md-tertiary-container);border-color:var(--md-tertiary);color:var(--md-on-tertiary-container)}.add-chain-item-btn.delimiter{color:var(--md-secondary)}.add-chain-item-btn.delimiter:hover{background-color:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.drop-indicator{animation:pulse 1.5s infinite;background-color:var(--md-primary);border-radius:2px;height:40px;width:4px}.chain-item.drag-over{background-color:var(--md-primary-container);border:2px dashed var(--md-primary);opacity:.7}.delimiter-display{align-items:center;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}@media (max-width:768px){.language-chain{padding:.75rem}.language-item{max-width:100px;min-width:70px;padding:.5rem}.delimiter-dropdown{grid-template-columns:repeat(3,1fr);min-width:180px}}.translation-section{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level1);margin-top:2rem;overflow:visible;padding:1.5rem;transition:all var(--md-duration-medium3) var(--md-easing-emphasized)}.translation-row{align-items:center;display:flex;gap:1rem;min-height:42px}.translation-row .edit-prompt-button-with-text{box-sizing:border-box;height:42px}.row-label{flex:0 0 100px}.translation-controls{display:flex;flex-direction:column;gap:1.25rem;transition:opacity var(--md-duration-medium2) var(--md-easing-standard);will-change:height,opacity}.help-icon-container{margin-left:8px}.help-icon{height:14px;width:14px}.setting-description{font-size:.85rem;line-height:1.4;margin:.5rem 0 0}@media (max-width:768px){.translation-section{padding:1rem}}.translation-header{margin-bottom:1.5rem}.translation-header .header-left{align-items:center;display:flex;gap:16px;margin-bottom:.5rem}.translation-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.translation-header .edit-prompt-button-with-text{align-items:center;background-color:initial;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);gap:8px;padding:6px 12px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.translation-header .edit-prompt-button-with-text:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1);color:var(--md-primary);transform:translateY(-1px)}.translation-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.language-inputs-container{display:flex;flex-direction:column;gap:.75rem;max-width:600px;width:100%}.language-input-group{align-items:center;display:flex;gap:.5rem;width:100%}.language-input{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:24px;height:42px;max-width:400px;padding:.75rem 1rem}.language-input:focus{box-shadow:0 0 0 2px var(--primary-color-light)}.language-input:disabled{cursor:not-allowed;opacity:.7}.remove-language-btn{align-items:center;background-color:var(--md-error-container);border:none;border-radius:50%;color:var(--md-on-error-container);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-language-btn:hover{background-color:var(--md-error);color:var(--md-on-error)}.remove-language-btn:disabled{cursor:not-allowed;opacity:.5}.add-language-btn{background-color:initial;border:1px dashed var(--md-outline);border-radius:24px;color:var(--md-primary);font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.add-language-btn:hover{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.add-language-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.language-input{flex:0 1 150px;max-width:150px}}.delimiter-options{display:flex;flex-direction:column;gap:.5rem;max-width:600px;width:100%}.bracket-styles,.delimiter-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.delimiter-pill{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:50%;box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.delimiter-pill:hover{background-color:var(--md-surface-3);transform:translateY(-1px)}.delimiter-pill.active{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.delimiter-pill:disabled{cursor:not-allowed;opacity:.5;transform:none}.parentheses-pill{border-style:dashed;margin-left:4px}.parentheses-pill.active{background-color:var(--md-tertiary-container);border-color:var(--md-tertiary);color:var(--md-on-tertiary-container)}.bracket-pill{border-radius:16px;min-width:48px;padding:0 12px;width:auto}.custom-bracket-input{display:flex;gap:.5rem;margin-top:.25rem}.custom-bracket-input input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);flex:1 1;font-size:.9rem;max-width:100px;padding:8px 12px;transition:all .2s ease}.custom-bracket-input input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.custom-bracket-input input:disabled{cursor:not-allowed;opacity:.5}.custom-delimiter{color:var(--md-primary);font-size:1.2rem}.custom-delimiter-input{display:flex;gap:.5rem;margin-top:.25rem;max-width:200px}.custom-delimiter-input input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);flex:1 1;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.custom-delimiter-input input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.custom-delimiter-input input:disabled{cursor:not-allowed;opacity:.5}.split-duration-row{position:relative}.split-duration-row .row-content{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.split-duration-row .slider-control-row{max-width:400px;width:100%}.split-duration-row .help-icon-container{margin-left:8px}.split-duration-row .segment-preview-compact{width:100%}.rest-time-row .row-content{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.rest-time-row .slider-control-row{max-width:400px;width:100%}.rest-time-row .help-icon-container{margin-left:8px}.slider-control-row{height:42px}.slider-control-row,.slider-with-value{align-items:center;display:flex;width:100%}.slider-with-value{gap:6px;height:44px;max-width:420px;position:relative}.slider-value-display{flex-shrink:0;font-size:.9rem;min-width:55px;text-align:center;white-space:nowrap}.segment-preview-compact{align-items:flex-start;color:var(--md-on-surface-variant);display:flex;font-size:.85rem;margin-top:0;min-height:24px}.single-segment{font-style:italic}.segment-pills{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px}.segment-pill{align-items:center;background-color:var(--md-surface-2);border-radius:12px;color:var(--md-on-surface);cursor:help;display:inline-flex;font-size:.8rem;font-weight:500;height:20px;justify-content:center;margin-bottom:2px;min-width:20px;padding:1px 6px;transition:all .2s ease}.segment-pill:hover{background-color:var(--md-primary);box-shadow:0 2px 4px #0000001a;color:var(--md-on-primary);transform:translateY(-1px)}@media (max-width:768px){.rest-time-row .slider-control-row,.split-duration-row .slider-control-row{max-width:100%}}.translation-row.split-duration-row .slider-with-value .custom-slider-container.disabled{background:none;overflow:hidden;position:relative}.translation-row.split-duration-row .slider-with-value .custom-slider-container.disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.translation-row.split-duration-row .slider-with-value .custom-slider-container.disabled .custom-slider-input{opacity:0;visibility:hidden}.translation-row.split-duration-row .slider-with-value .custom-slider-container.disabled .custom-slider-thumb{box-shadow:none}.translation-row.split-duration-row .slider-with-value .custom-slider-container.disabled{filter:grayscale(30%)}.split-duration-slider{z-index:1}.translation-row.rest-time-row .slider-with-value .custom-slider-container.disabled{background:none;overflow:hidden;position:relative}.translation-row.rest-time-row .slider-with-value .custom-slider-container.disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.translation-row.rest-time-row .slider-with-value .custom-slider-container.disabled .custom-slider-input{opacity:0;visibility:hidden}.translation-row.rest-time-row .slider-with-value .custom-slider-container.disabled .custom-slider-thumb{box-shadow:none}.translation-row.rest-time-row .slider-with-value .custom-slider-container.disabled{filter:grayscale(30%)}.rest-time-slider{z-index:1}.cancel-translation-button,.download-process-button,.download-translation-button,.reset-translation-button,.translate-button{align-items:center;border:none;border-radius:21px;box-shadow:var(--md-elevation-level1);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;padding:0 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.translate-button{background-color:var(--md-primary-container);color:var(--md-on-primary-container);overflow:hidden;position:relative}.translate-button.processing{align-items:center;display:flex;justify-content:center;line-height:1;padding:0 1.25rem}.translating-content{align-items:center;display:flex;gap:8px;height:100%}.translating-text{line-height:1;position:relative;top:0}.translate-button:hover:not(:disabled){background-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary);transform:translateY(-2px)}.translate-button:active:not(:disabled){box-shadow:var(--md-elevation-level1);transform:translateY(0)}.translate-button.generate-btn{height:42px!important}.cancel-translation-button:disabled,.download-process-button:disabled,.download-translation-button:disabled,.reset-translation-button:disabled,.translate-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.translate-button.format-button{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.translate-button.format-button:hover:not(:disabled){background-color:var(--md-tertiary);box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary);transform:translateY(-2px)}.translation-actions{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.download-buttons,.translation-actions{display:flex;gap:.75rem}.download-translation-button{background-color:rgba(var(--md-primary-rgb),.1);color:var(--md-primary)}.download-translation-button:hover{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-2px)}.download-translation-button.json{background-color:rgba(var(--md-tertiary-rgb),.1);color:var(--md-tertiary)}.download-translation-button.txt{background-color:rgba(var(--md-secondary-rgb),.1);color:var(--md-secondary)}.download-translation-button.json:hover{background-color:var(--md-tertiary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary-container);transform:translateY(-2px)}.download-translation-button.txt:hover{background-color:var(--md-secondary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary-container);transform:translateY(-2px)}.reset-translation-button{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant)}.reset-translation-button:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level1);transform:translateY(-2px)}.cancel-translation-button{background-color:var(--md-error-container);color:var(--md-on-error-container);margin-left:.75rem}.cancel-translation-button:hover{background-color:var(--md-error);box-shadow:var(--md-elevation-level2);color:var(--md-on-error);transform:translateY(-2px)}.cancel-translation-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.download-process-button{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.download-process-button:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary);transform:translateY(-2px)}.download-process-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.translate-model-dropdown{background-color:var(--md-surface-3);border-color:var(--md-outline-variant);max-width:400px;width:100%}@media (max-width:768px){.cancel-translation-button,.download-translation-button,.reset-translation-button,.translate-button{font-size:.85rem;padding:0 .75rem}.download-buttons,.translation-actions{gap:.5rem}}.translation-preview{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;width:100%}.translation-row.preview-row .translation-preview{border:none}.translation-preview-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.translation-preview h4{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:1rem;margin:0}.cache-indicator{align-items:center;animation:fadeIn .5s ease;color:var(--md-primary);display:inline-flex}.cache-indicator svg{stroke:var(--md-primary)}.translation-preview-stats{color:var(--text-secondary);flex-shrink:0;font-size:.9rem;font-weight:500;text-align:right}.translation-preview-virtualized{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.translation-preview-list{background-color:var(--md-surface-1);overflow-x:hidden!important;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.translation-preview-list::-webkit-scrollbar{width:8px}.translation-preview-list::-webkit-scrollbar:horizontal{display:none}.translation-preview-list::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:4px}.translation-preview-list::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:4px}.translation-preview-list::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.preview-subtitle-row{align-items:flex-start;border-bottom:1px solid var(--border-color);box-sizing:border-box;cursor:default;display:flex;position:relative;transition:all .3s var(--md-easing-emphasized);width:100%}.preview-subtitle-row[data-segment-odd=true]{background-color:var(--md-surface-1)}.preview-subtitle-row[data-segment-odd=false]{background-color:var(--md-surface-2)}.preview-subtitle-row:hover{background-color:var(--md-surface-3)!important;box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.05);transform:translateY(-1px)}.preview-subtitle-row:hover .preview-segment-sticky{background-color:color-mix(in srgb,var(--md-surface-4),var(--md-primary) 5%);border-right-color:color-mix(in srgb,var(--md-primary),#fff 10%)}.preview-subtitle-row:hover .preview-number-sticky{background-color:var(--md-surface-4)}.preview-subtitle-row:hover .subtitle-retry-btn{opacity:.7}.preview-subtitle-row:last-child{border-bottom:none}.preview-segment-sticky{align-items:center;background-color:var(--md-surface-4);border-right:2px solid var(--md-primary);display:flex;flex-shrink:0;justify-content:center;left:0;min-height:100%;padding:.25rem;position:-webkit-sticky;position:sticky;width:5rem;z-index:3}.preview-subtitle-row[data-is-first-in-segment=true]:not(:first-child){border-top:3px solid var(--md-primary);margin-top:2px}.preview-subtitle-row[data-is-first-in-segment=true]:not(:first-child):before{background:linear-gradient(90deg,var(--md-primary) 0,var(--md-primary-variant) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:-3px;z-index:1}.segment-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.segment-label{background:var(--md-primary-container);border:1px solid var(--md-primary);border-radius:12px;box-shadow:0 1px 3px rgba(var(--md-primary-rgb),.2);color:var(--md-primary);font-size:.75rem;font-weight:600;line-height:1.2;padding:.25rem .5rem;text-align:center;writing-mode:horizontal-tb}.segment-retry-btn{background:var(--md-primary);border:none;box-shadow:var(--md-elevation-level2);color:var(--md-on-primary);cursor:pointer;font-size:0;overflow:hidden;transition:all .3s var(--md-easing-emphasized)}.segment-retry-btn:before{background:#ffffff1a;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .3s var(--md-easing-emphasized)}.segment-retry-btn:hover{background:color-mix(in srgb,var(--md-primary),#000 10%);box-shadow:var(--md-elevation-level3);transform:scale(1.05)}.segment-retry-btn:hover:before{transform:scale(1)}.segment-retry-btn:active{box-shadow:var(--md-elevation-level1);transform:scale(.95)}.segment-retry-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.segment-retry-btn.loading{background:var(--md-secondary);cursor:wait}.segment-retry-btn .retry-icon{stroke:currentColor;transition:transform .2s ease}.segment-retry-btn:hover .retry-icon{transform:rotate(15deg)}.segment-loading{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.subtitle-loading{filter:drop-shadow(0 1px 2px rgba(var(--md-primary-rgb),.3))}.segment-indicator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.translation-preview .segment-indicator{margin-right:0!important}.segment-line{background-color:var(--md-primary);height:60%;opacity:.3;transition:all .3s ease;width:2px}.segment-line.pulsing{animation:pulse 1.5s ease-in-out infinite;opacity:.8}.preview-number-sticky{align-items:center;background-color:var(--md-surface-3);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;font-family:Roboto Mono,monospace;gap:.25rem;justify-content:center;left:5rem;min-height:100%;padding:.25rem;position:-webkit-sticky;position:sticky;width:4rem;z-index:2}.preview-number-sticky,.subtitle-number{color:var(--text-secondary);font-size:.85rem;font-weight:600}.subtitle-retry-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.4;overflow:hidden;padding:0;position:relative;transition:all .3s var(--md-easing-emphasized);width:22px}.subtitle-retry-btn:before{background:var(--md-primary-container);border-radius:6px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s var(--md-easing-emphasized)}.subtitle-retry-btn:hover{color:var(--md-primary);opacity:1;transform:scale(1.1)}.subtitle-retry-btn:hover:before{opacity:.12}.subtitle-retry-btn:active{transform:scale(.9)}.subtitle-retry-btn:active:before{opacity:.2}.subtitle-retry-btn:disabled{cursor:not-allowed;opacity:.38;transform:none}.subtitle-retry-btn.loading{color:var(--md-primary);cursor:wait;opacity:1}.subtitle-retry-btn.loading:before{opacity:.12}.subtitle-retry-btn .retry-icon{stroke:currentColor;transition:transform .2s ease}.subtitle-retry-btn:hover .retry-icon{transform:rotate(10deg)}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:flex-start;min-width:0;padding:.75rem 1rem;position:relative;transition:all .2s ease}.preview-time{color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:500;letter-spacing:.02em;opacity:.9;transition:color .2s ease}.preview-subtitle-row:hover .preview-time{color:var(--md-primary);opacity:1}.preview-text{word-wrap:break-word;color:var(--text-primary);font-weight:500;line-height:1.5;margin:0;opacity:.95;overflow-wrap:break-word;padding:0;transition:opacity .2s ease;white-space:pre-wrap}.preview-subtitle-row:hover .preview-text{opacity:1}.bulk-preview-selector{margin-bottom:1rem}.bulk-preview-pills{flex-wrap:wrap}.bulk-preview-pill,.bulk-preview-pills{align-items:center;display:flex;gap:.5rem}.bulk-preview-pill{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;max-width:200px;padding:.5rem .75rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.bulk-preview-pill:hover{background-color:var(--md-surface-3);border-color:var(--md-outline);transform:translateY(-1px)}.bulk-preview-pill.active{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.bulk-preview-pill svg{stroke:var(--md-primary);flex-shrink:0}.bulk-preview-pill.active svg{stroke:var(--md-on-primary-container)}.pill-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-count{flex-shrink:0;font-size:.75rem;font-weight:400;opacity:.8}.preview-subtitle-row.retrying{animation:retryPulse 2s ease-in-out infinite;background-color:var(--md-surface-2)}.retry-overlay{align-items:center;animation:retryOverlayFade .3s ease-in;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,rgba(var(--md-primary-rgb),.08) 0,rgba(var(--md-secondary-rgb),.06) 100%);border-radius:8px;bottom:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;margin:2px;pointer-events:none;position:absolute;right:0;top:0}.retry-overlay-loading{filter:drop-shadow(0 2px 4px rgba(var(--md-primary-rgb),.2))}@keyframes retryPulse{0%,to{background-color:var(--md-surface-2)}50%{background-color:var(--md-surface-3)}}@keyframes retryOverlayFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.translation-preview-content{display:flex;flex-direction:column;gap:.75rem}.preview-more{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:.5rem}.translation-error{background-color:var(--error-background);border-left:3px solid var(--error-color);border-radius:16px;color:var(--error-color);font-size:.9rem;padding:.75rem 1rem;width:100%}.translation-error a{color:var(--error-color);font-weight:500;text-decoration:underline}.translation-error a:hover{opacity:.8;text-decoration:none}.translation-status{background-color:var(--md-surface-2);border-left:3px solid var(--md-primary);border-radius:var(--md-shape-small);color:var(--md-on-surface-variant);font-size:.9rem;margin-top:12px;padding:8px 12px}.material-switch-container{flex-wrap:nowrap}.material-switch-container .help-icon-container{margin-left:4px}.label-with-help{flex:1 1}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes subtleZoomIn{0%{opacity:0;transform:scale(.94) translateZ(0)}70%{opacity:.95;transform:scale(.99) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.translation-controls{position:relative}.translation-controls.state-form .model-selection-container,.translation-controls.state-form .slider-with-value,.translation-controls.state-form .translation-actions,.translation-controls.state-form .translation-row,.translation-controls.state-results .reset-translation-button,.translation-controls.state-results .translation-preview,.translation-controls.state-results .translation-row{animation-duration:var(--md-duration-medium3);animation-fill-mode:both;animation-name:fadeIn;animation-timing-function:var(--md-easing-emphasized)}.translation-controls.state-form .translation-row:first-child,.translation-controls.state-results .translation-row:first-child{animation-delay:50ms}.translation-controls.state-form .translation-row:nth-child(2),.translation-controls.state-results .translation-row:nth-child(2){animation-delay:.1s}.translation-controls.state-form .translation-row:nth-child(3),.translation-controls.state-results .translation-row:nth-child(3){animation-delay:.15s}.translation-controls.state-form .translation-row:nth-child(4),.translation-controls.state-results .translation-row:nth-child(4){animation-delay:.2s}.translation-controls.state-form .translation-row:nth-child(5),.translation-controls.state-results .translation-row:nth-child(5){animation-delay:.25s}.translation-row{animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);animation-fill-mode:both}.translation-row:first-child{animation-delay:0ms}.translation-row:nth-child(2){animation-delay:50ms}.translation-row:nth-child(3){animation-delay:.1s}.translation-row:nth-child(4){animation-delay:.15s}.translation-row:nth-child(5){animation-delay:.2s}.chain-item{animation:slideInRight var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both}.chain-item:first-child{animation-delay:.1s}.chain-item:nth-child(2){animation-delay:.15s}.chain-item:nth-child(3){animation-delay:.2s}.chain-item:nth-child(4){animation-delay:.25s}.chain-item:nth-child(5){animation-delay:.3s}.model-selection-container{animation:slideInLeft var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both}.slider-control,.slider-with-value,.standard-slider-container{animation:subtleZoomIn .35s ease;animation-delay:0ms;animation-fill-mode:both;transform-origin:center center;will-change:transform,opacity}.translation-actions{animation:slideUp var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.2s;animation-fill-mode:both}.translation-complete-row{animation:slideUp var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.1s;animation-fill-mode:both}.reset-translation-button{animation:slideInLeft var(--md-duration-medium2) var(--md-easing-emphasized);animation-delay:.2s;animation-fill-mode:both}.translation-preview-animated{animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized);animation-delay:.3s;animation-fill-mode:both}.preview-subtitle{animation:slideInRight var(--md-duration-medium2) var(--md-easing-emphasized);animation-fill-mode:both}.preview-subtitle:first-child{animation-delay:.35s}.preview-subtitle:nth-child(2){animation-delay:.4s}.preview-subtitle:nth-child(3){animation-delay:.45s}.preview-subtitle:nth-child(4){animation-delay:.5s}.preview-subtitle:nth-child(5){animation-delay:.55s}.preview-more{animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);animation-delay:.6s;animation-fill-mode:both}.translation-error,.translation-status{animation:slideUp var(--md-duration-medium2) var(--md-easing-standard);animation-fill-mode:both}.translation-row.action-row .row-content.action-content{align-items:stretch;display:flex;flex-direction:column;gap:1rem;width:100%}.bulk-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.bulk-controls-row .bulk-drop-zone{flex:1 1;justify-content:flex-start;min-width:200px}.bulk-controls-row .translation-buttons-section{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:.75rem}.bulk-controls-row .drop-zone-content{text-align:left}.bulk-translation-pool,.bulk-translation-section{display:flex;flex-direction:column;gap:1rem;width:100%}.bulk-files-container{width:100%}.bulk-drop-zone{align-items:center;background-color:var(--md-surface-2);border:1px dashed var(--md-outline-variant);border-radius:21px;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.bulk-drop-zone.drag-over,.bulk-drop-zone:hover:not(.disabled){background-color:var(--md-primary-container);border-color:var(--md-primary)}.bulk-drop-zone.drag-over{transform:scale(1.01)}.bulk-drop-zone.disabled{cursor:not-allowed;opacity:.5}.drop-zone-content{align-items:center;color:var(--md-on-surface-variant);display:flex;gap:.5rem;text-align:center}.drop-zone-content svg{height:18px;opacity:.7;width:18px}.drop-zone-text{font-size:.85rem;font-weight:400}.drop-zone-optional{font-size:.75rem;font-style:italic;opacity:.7}.bulk-files-container{animation:fadeInDelayed .4s ease-out;animation-fill-mode:both;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.bulk-files-header{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.bulk-files-count{color:var(--md-on-surface-variant);font-size:.8rem;font-weight:500}.remove-all-button{align-items:center;background-color:initial;border:1px solid var(--md-error);border-radius:12px;color:var(--md-error);cursor:pointer;display:flex;font-size:.7rem;gap:.25rem;padding:.2rem .4rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.remove-all-button:hover:not(:disabled){background-color:var(--md-error-container);color:var(--md-on-error-container)}.remove-all-button:disabled{cursor:not-allowed;opacity:.38}.remove-all-button svg{height:12px;width:12px}.bulk-files-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:122px;overflow-y:auto}.bulk-file-card{align-items:center;background-color:var(--md-surface-3);border:1px solid var(--md-outline-variant);border-radius:18px;display:flex;justify-content:space-between;min-height:44px;padding:.5rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.bulk-file-card:hover{background-color:var(--md-surface-4);border-color:var(--md-outline)}.file-info{flex:1 1;min-width:0;padding:0 .5rem}.file-name{color:var(--md-on-surface);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details{align-items:center;color:var(--md-on-surface-variant);display:flex;font-size:.7rem;min-height:18px}.file-details .single-segment{font-size:.7rem;font-style:italic}.file-details .segment-pills{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:3px;max-height:36px;overflow-y:auto;scrollbar-width:none}.file-details .segment-pills::-webkit-scrollbar{display:none}.file-details .segment-pill{align-items:center;background-color:var(--md-surface-2);border-radius:8px;color:var(--md-on-surface);display:inline-flex;font-size:.65rem;font-weight:500;height:16px;justify-content:center;margin-bottom:1px;min-width:16px;padding:1px 4px}.remove-file-button{align-items:center;background-color:initial;border:1px solid var(--md-error);border-radius:12px;color:var(--md-error);cursor:pointer;display:flex;flex:0 0 auto;height:24px;justify-content:center;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:24px}.remove-file-button:hover:not(:disabled){background-color:var(--md-error-container);color:var(--md-on-error-container)}.remove-file-button:disabled{cursor:not-allowed;opacity:.38}.remove-file-button svg{height:12px;width:12px}.bulk-download-buttons{display:flex;gap:.5rem}.download-all-button,.download-zip-button{align-items:center;border:none;border-radius:21px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.375rem;height:42px;justify-content:center;padding:0 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.download-all-button{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.download-all-button:hover{background-color:var(--md-secondary);box-shadow:var(--md-elevation-level1);color:var(--md-on-secondary);transform:translateY(-1px)}.download-zip-button{background-color:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.download-zip-button:hover{background-color:var(--md-tertiary);box-shadow:var(--md-elevation-level1);color:var(--md-on-tertiary);transform:translateY(-1px)}@media (max-width:768px){.translation-row.action-row .row-content.action-content{align-items:stretch;flex-direction:column}.bulk-translation-section{min-width:0;min-width:auto}.translation-buttons-section{align-items:stretch}.bulk-download-buttons{justify-content:center}.bulk-files-list{grid-template-columns:1fr;max-height:100px}.bulk-drop-zone{height:38px;padding:0 .75rem}.drop-zone-content svg{height:16px;width:16px}.drop-zone-text{font-size:.75rem}.drop-zone-optional{font-size:.7rem}.bulk-file-card{min-height:36px;padding:.4rem}.file-name{font-size:.75rem}.file-details{font-size:.65rem}.remove-file-button{border-radius:10px;height:20px;width:20px}.remove-file-button svg{height:10px;width:10px}}@keyframes fadeInDelayed{0%{opacity:0;transform:translateY(-5px)}60%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bulk-file-card{animation:slideInUp .2s ease-out}.bulk-files-list::-webkit-scrollbar{width:6px}.bulk-files-list::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:3px}.bulk-files-list::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:3px}.bulk-files-list::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.model-dropdown{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;font-family:var(--font-primary);font-size:.85rem;height:32px;min-width:200px;padding:.5rem .75rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.model-dropdown:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.model-dropdown:hover:not(:disabled){border-color:var(--md-primary);box-shadow:var(--md-elevation-level2)}.model-dropdown:disabled{background-color:var(--md-surface-2);border-color:var(--md-outline-variant);cursor:not-allowed;opacity:.7}.model-dropdown optgroup{background-color:var(--md-surface-2);color:var(--md-on-surface-variant);font-weight:600;padding:.5rem}.model-dropdown option{background-color:var(--md-surface-1);color:var(--md-on-surface);padding:.75rem}.selected-model{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:var(--md-elevation-level1);display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;max-width:600px;padding:.75rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:auto}.selected-model:hover{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.model-header{margin-right:.5rem}.model-content,.model-header{align-items:center;display:flex}.model-content{flex:1 1;min-width:250px}.model-label{color:var(--md-on-surface-variant);font-size:.85rem;font-weight:500;white-space:nowrap}.model-value{color:var(--md-primary);font-size:.9rem;font-weight:600}.loading-animation{color:var(--md-on-surface-variant);display:flex;font-size:.9rem;gap:.5rem}.model-checking{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:var(--md-elevation-level1);font-size:.85rem;gap:.5rem;margin-top:.75rem;max-width:600px;padding:.5rem .75rem;width:auto}.model-error{border-left:2px solid var(--md-error);border-radius:6px;font-size:.8rem;padding:.4rem .6rem}.model-error,.model-error-standalone{background-color:rgba(var(--md-error-rgb),.08);color:var(--md-error)}.model-error-standalone{border:1px solid rgba(var(--md-error-rgb),.2);border-radius:12px;box-shadow:var(--md-elevation-level1);max-width:600px;padding:.5rem .75rem;width:auto}.error-icon{flex-shrink:0;font-size:1rem;margin-right:.5rem}@media (max-width:768px){.selected-model{align-items:flex-start;flex-direction:column}.model-dropdown{margin-left:0;margin-top:.5rem;width:100%}}.language-badge{align-items:center;background-color:#e6f4ff;background-color:var(--md-primary-container,#e6f4ff);color:#0a3977;color:var(--md-on-primary-container,#0a3977);display:inline-flex;font-size:11px;height:18px;justify-content:center;line-height:1;padding:2px 6px;text-transform:uppercase}.language-badge.multi{background-color:#ffd8e4;background-color:var(--md-tertiary-container,#ffd8e4);color:#31111d;color:var(--md-on-tertiary-container,#31111d)}.language-badge-container{flex-wrap:wrap}.radio-pill label{align-items:center;display:flex;flex-wrap:wrap}@media (max-width:768px){.language-badge-container{margin-left:0;margin-top:4px}}.narration-model-dropdown-container{display:inline-block;flex-shrink:0;order:1;position:relative;z-index:1000}.narration-model-dropdown-container.dropdown-open{z-index:99999}.narration-model-dropdown-container.chatterbox-pill{align-items:center;background-color:rgba(var(--md-surface-variant-rgb),.5);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:8px;height:36px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap;width:auto}.narration-model-dropdown-container.chatterbox-pill:hover:not([aria-disabled=true]){background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.narration-model-dropdown-container.chatterbox-pill[aria-disabled=true]{cursor:not-allowed;opacity:.7}.narration-model-dropdown-btn{align-items:center;background-color:rgba(var(--md-surface-variant-rgb),.5);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:8px;height:36px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap;width:auto}.narration-model-dropdown-container .model-dropdown-btn{position:relative}.narration-model-dropdown-container .model-dropdown-btn .tab-badge,.narration-model-dropdown-container.chatterbox-pill .tab-badge{background:var(--md-primary);border-radius:50%;box-shadow:0 0 0 4px rgba(var(--md-primary-rgb),.15);height:8px;pointer-events:none;position:absolute;right:4px;top:4px;width:8px}.narration-model-dropdown-btn:hover:not(:disabled){background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.narration-model-dropdown-btn:disabled{cursor:not-allowed;opacity:.7}.narration-model-dropdown-btn .dropdown-icon.active{transform:rotate(180deg)}.model-name{display:inline-block;overflow:hidden;text-overflow:ellipsis}.model-group-label{background-color:var(--md-surface-2);color:var(--md-on-surface-variant);font-size:.8rem;padding:8px 16px}.dropdown-loading{justify-content:center;padding:12px 16px}.model-error{align-items:center;display:flex;margin-top:.5rem;padding:.5rem}.model-error,.model-error-standalone{background-color:rgba(var(--error-color-rgb),.1);border-radius:8px;box-sizing:border-box;color:var(--error-color);flex-basis:100%;font-size:.85rem;gap:.5rem;order:2;width:100%}.model-error-standalone{margin-top:.75rem;padding:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999}.model-selection-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2147483647}.model-selection-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}[data-theme=light] .model-selection-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}[data-theme=dark] .model-selection-modal{box-shadow:0 4px 20px #0006}.model-selection-modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 16px 24px}.model-selection-modal-header h2{color:var(--text-primary);font-family:var(--md-sys-typescale-headline-small-font);font-size:1.25rem;font-weight:600;margin:0}.model-selection-modal-content{background-color:var(--md-surface-1);flex:1 1;overflow-y:auto;padding:0 1.75rem 1.5rem;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.model-selection-modal-content::-webkit-scrollbar{width:8px}.model-selection-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.model-selection-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.model-selection-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}.model-selection-explanation{color:var(--md-on-surface-variant);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.model-options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.model-selection-modal .model-option-card{align-items:flex-start!important;background-color:var(--md-surface-2);border:2px solid #0000;border-radius:24px;cursor:pointer;display:flex!important;gap:.75rem;min-height:60px;padding:1rem;position:relative;transition:all .2s var(--md-easing-standard)}.model-selection-modal .model-option-card:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1);transform:translateY(-2px)}.model-selection-modal .model-option-card.selected{background-color:var(--md-primary-container);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container)}.model-selection-modal .model-option-icon{background-color:var(--md-surface-3);border-radius:10px;display:grid;flex-shrink:0;font-size:1.25rem;height:32px;line-height:1;margin-top:0;place-items:center;width:32px}.model-selection-modal .model-option-card.selected .model-option-icon{background-color:rgba(var(--md-on-primary-container-rgb),.2)}.model-selection-modal .model-option-icon .model-flag{align-items:center;display:inline-flex;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji Mozilla,system-ui,sans-serif;font-size:20px;justify-content:center;line-height:1;transform:translateY(1px)}.model-selection-modal .model-option-info{display:flex!important;flex:1 1;flex-direction:column!important;gap:.125rem;justify-content:center!important;min-width:0}.model-selection-modal .model-option-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selection-modal .model-option-card.selected .model-option-name{color:var(--md-on-primary-container)}.model-selection-modal .model-option-description{color:var(--text-secondary);font-size:.75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selection-modal .model-option-card.selected .model-option-description{color:var(--md-on-primary-container);opacity:.8}.model-group{margin-bottom:2rem}.model-group-label{font-family:var(--md-sys-typescale-title-medium-font);font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-left:.25rem}.recommended-models-label:before{color:gold;content:"star";display:inline-block;font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);height:16px;margin-right:.5rem;transform:translateY(-4px);vertical-align:middle;width:16px}.no-models-message{display:flex;justify-content:center;padding:2rem 1rem}.no-models-message .model-option-card{cursor:default;opacity:.7}.no-models-message .model-option-card:hover{box-shadow:none;transform:none}.loading-animation.modal-loading{font-size:.9rem;gap:.75rem;padding:3rem 1rem}.loading-animation.modal-loading,.modal-loading{align-items:center;color:var(--md-on-surface-variant);display:flex;justify-content:center}.modal-loading{gap:12px;padding:40px}.model-group{margin-bottom:32px}.model-group:last-child{margin-bottom:0}.model-group-label{border-bottom:1px solid var(--md-outline-variant);border-radius:12px;color:var(--md-on-surface);font-size:var(--md-title-medium-size);font-weight:var(--md-title-medium-weight);margin-bottom:16px;padding-bottom:8px}.no-models-message{color:var(--md-on-surface-variant);padding:40px;text-align:center}@media (max-width:768px){.narration-model-dropdown-container{width:100%}.narration-model-dropdown-btn{justify-content:space-between;width:100%}.model-name{display:inline-block;overflow:hidden;text-overflow:ellipsis}.model-selection-modal{margin:1rem;max-height:90vh;width:95vw}.model-selection-modal-header h2{font-size:1.125rem}.model-selection-modal-content{padding:0 1.25rem 1.5rem}.model-options-grid{gap:.5rem;grid-template-columns:1fr}.model-selection-modal .model-option-card{gap:.5rem;min-height:50px;padding:.75rem}.model-selection-modal .model-option-icon{font-size:1rem;height:28px;width:28px}}@media (max-width:480px){.model-selection-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100vw}.model-selection-modal-content{padding:.75rem 1rem}.model-options-grid{gap:.5rem;grid-template-columns:1fr}.model-selection-modal .model-option-card{min-height:52px;padding:.625rem}.model-selection-modal .model-option-icon{font-size:.875rem;height:24px;width:24px}}.subtitle-selection-container{display:flex;gap:10px;width:100%}.subtitle-selection-container .radio-pill-group{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;height:42px;justify-content:flex-start}.subtitle-selection-container .radio-pill{position:relative}.subtitle-selection-container .radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.subtitle-selection-container .radio-pill label{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-weight:500;height:36px;padding:5px 18px;transition:all .2s ease}.subtitle-selection-container .radio-pill label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.subtitle-selection-container .radio-pill label:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.subtitle-selection-container .radio-pill input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container);padding:5px 18px}.subtitle-selection-container .radio-pill input[type=radio]:checked+label:hover{background-color:var(--md-primary-container);opacity:.9}.subtitle-selection-container .radio-pill input[type=radio]:checked+label.has-additional{padding:5px 18px}.subtitle-selection-container .radio-pill input[type=radio]:disabled+label{cursor:not-allowed;opacity:.38}.subtitle-selection-container .radio-pill input[type=radio]:disabled+label,.subtitle-selection-container .radio-pill input[type=radio]:disabled+label:hover{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);transform:none}.subtitle-selection-container .unavailable-indicator{font-size:.85em;font-style:italic;margin-left:8px;opacity:.7}.subtitle-grouping-container{display:flex;flex-direction:column;width:100%}.grouping-intensity-container{align-items:center;display:flex;gap:12px}.grouping-intensity-label,.grouping-intensity-select{color:var(--md-on-surface);font-size:.9rem;min-width:120px}.grouping-intensity-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;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);cursor:pointer;padding:8px 30px 8px 12px;position:relative;transition:all .2s ease}.grouping-intensity-select:hover:not(:disabled){border-color:var(--md-primary);box-shadow:var(--md-elevation-level2)}.grouping-intensity-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.grouping-intensity-select:disabled{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6;transform:none}.grouping-intensity-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1em;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.grouping-controls-wrapper{align-items:flex-start;display:flex;gap:24px;width:100%}.subtitle-grouping-container .material-switch-container{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-top:5px}.grouping-info-container{align-items:center;display:flex;gap:12px}.view-grouping-button{align-items:center;background-color:var(--md-primary-container);border:1px solid var(--md-primary);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.view-grouping-button:hover{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);opacity:.9;transform:translateY(-2px)}.view-grouping-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.view-grouping-button .info-icon{height:16px;width:16px}.grouping-stats{font-size:.85rem}.grouping-stats,.language-badge{color:var(--md-on-surface-variant)}.language-badge{background-color:var(--md-surface-2);border-radius:12px;box-shadow:var(--md-elevation-level1);display:inline-block;font-weight:600;margin-left:8px;padding:2px 8px}.subtitle-selection-container .radio-pill input[type=radio]:checked+label .language-badge{background-color:rgba(var(--md-on-primary-container-rgb),.2);border-color:rgba(var(--md-primary-rgb),.3);color:var(--md-on-primary-container)}.language-badge.multi{background-color:var(--md-surface-3);margin-left:4px}.language-badge-container{display:inline-flex;gap:4px;margin-left:8px}.language-refresh-button{border:1px solid var(--md-outline-variant);border-radius:50%;font-size:0;height:24px;margin-left:8px;padding:4px;width:24px}.language-manual-button,.language-refresh-button{align-items:center;background-color:var(--md-surface-3);color:var(--md-on-surface-variant);cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s var(--md-easing-standard)}.language-manual-button{border:1px solid var(--md-outline-variant);border-radius:12px;font-size:.75rem;font-weight:500;margin-left:4px;padding:4px 8px;white-space:nowrap}.language-manual-button:hover{background-color:var(--md-primary-container);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-1px)}.language-manual-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.language-refresh-button:hover{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container);transform:rotate(90deg)}.language-refresh-button:active{transform:rotate(180deg) scale(.95)}.subtitle-selection-container .radio-pill input[type=radio]:checked+label .language-refresh-button{border-color:rgba(var(--md-primary-rgb),.3);color:var(--md-on-primary-container)}.subtitle-selection-container .radio-pill input[type=radio]:checked+label .language-refresh-button:hover{background-color:rgba(var(--md-on-primary-container-rgb),.2);transform:rotate(90deg)}.loading-animation{align-items:center;display:inline-flex;gap:8px}.model-checking{align-items:center;color:var(--md-on-surface-variant);display:flex;font-size:.9rem;gap:8px;margin-top:8px}.model-error{border-left:3px solid var(--md-error);border-radius:4px;margin-top:8px;padding:8px 12px}.model-error,.model-error-standalone{background-color:var(--md-error-container);color:var(--md-on-error-container);font-size:.9rem}.model-error-standalone{align-items:center;border:1px solid var(--md-outline-variant);border-left:4px solid var(--md-error);border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:10px 16px}.error-icon{font-size:1.1rem}@media (max-width:768px){.subtitle-selection-container .radio-pill-group{flex-direction:column;width:100%}.subtitle-selection-container .radio-pill label{justify-content:flex-start;width:100%}.grouping-controls-wrapper{flex-direction:column;gap:12px}.grouping-info-container{align-items:flex-start;flex-direction:column;margin-left:0}.language-dropdowns-container{flex-direction:column}.language-dropdown-wrapper{min-width:0;min-width:auto;width:100%}.language-input-container{min-width:0;min-width:auto}.suggestions-container{max-height:150px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;position:fixed!important;right:0;top:0;z-index:2147483647}.modal-overlay,.subtitle-grouping-modal{display:flex;isolation:isolate;transform:translateZ(0);will-change:transform}.subtitle-grouping-modal{animation:modal-appear .3s var(--md-easing-emphasized);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:var(--md-elevation-level4);-webkit-clip-path:inset(0 0 0 0 round 28px);clip-path:inset(0 0 0 0 round 28px);flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;perspective:1000;position:relative;width:90%;z-index:1}.modal-header{padding:1.25rem 1.75rem}.modal-header h2{font-size:1.2rem;letter-spacing:.25px}.subtitle-grouping-modal .modal-content{flex:1 1;overflow-y:auto;padding:0 1.5rem 1.5rem;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.subtitle-grouping-modal .modal-content::-webkit-scrollbar{width:8px}.subtitle-grouping-modal .modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.subtitle-grouping-modal .modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.subtitle-grouping-modal .modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}.subtitle-grouping-explanation{color:var(--md-on-surface-variant);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.table-container{border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:var(--md-elevation-level1);max-height:60vh;overflow:auto;padding-right:2px;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.table-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}.table-container::-webkit-scrollbar-corner{background:rgba(var(--md-outline-variant-rgb),.2)}.subtitle-grouping-table{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%}.subtitle-grouping-table th{background-color:var(--md-surface-2);border-bottom:2px solid var(--md-outline-variant);color:var(--md-on-surface);font-weight:600;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.subtitle-grouping-table td{border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface);padding:5px;vertical-align:middle}.subtitle-grouping-table tr:hover{background-color:var(--md-surface-2)}.subtitle-grouping-table .original-subtitle{background-color:var(--md-surface-1)}.subtitle-grouping-table .grouped-subtitle{background-color:rgba(var(--md-primary-rgb),.08);border-radius:4px;font-weight:600}.subtitle-grouping-table td.time-cell{color:var(--md-on-surface-variant);font-family:monospace;font-size:.85rem;line-height:1.2}.subtitle-grouping-table .id-cell{font-weight:600;text-align:center}.close-button-primary{background-color:var(--md-primary-container);border:1px solid var(--md-primary);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;text-align:center;transition:all .2s var(--md-easing-standard)}.close-button-primary:hover{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);opacity:.9;transform:translateY(-2px)}.close-button-primary:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}@media (max-width:768px){.subtitle-grouping-modal{border-radius:20px;-webkit-clip-path:inset(0 0 0 0 round 20px);clip-path:inset(0 0 0 0 round 20px);max-height:95vh;width:95%}.subtitle-grouping-table{font-size:.8rem}.subtitle-grouping-table td,.subtitle-grouping-table th{padding:8px 6px}.modal-header{padding:.75rem 1rem}.modal-header h2{font-size:1.1rem}.subtitle-grouping-modal .modal-content{padding:1rem}.close-button-primary{font-size:.9rem;padding:.5rem 1rem}.table-container{max-height:50vh}}.language-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;inset:0;isolation:isolate;justify-content:center;position:fixed;z-index:20001}.language-modal{animation:language-modal-appear .25s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:28px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:720px;overflow:hidden;position:relative;width:92vw;z-index:20002}@keyframes language-modal-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.language-modal-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem 1.25rem}.language-modal-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 auto 0 0}.language-modal-header .language-count{color:var(--text-secondary);font-size:.875rem;font-weight:400;text-align:right;white-space:nowrap}.language-modal-content{background-color:var(--md-surface-1);flex-grow:1;overflow-y:auto;padding:1.25rem}.language-dropdown-wrapper,.language-dropdowns-container{display:flex;flex-direction:column;gap:.75rem}.language-dropdown-wrapper{width:100%}.selected-languages-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.language-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(150px,175px) 1fr;width:100%}.language-input{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:.95rem;height:44px;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.language-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.suggestions-wrapper{isolation:isolate;min-width:0;position:relative}.language-suggestions{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;cursor:grab;display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.language-suggestions::-webkit-scrollbar{display:none}.language-suggestions.dragging{cursor:grabbing;scroll-behavior:auto}.language-suggestions.dragging:after,.language-suggestions.dragging:before{opacity:0}.suggestions-wrapper:after,.suggestions-wrapper:before{bottom:0;content:"";opacity:.7;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:30px;z-index:10}.suggestions-wrapper:before{background:linear-gradient(to right,var(--md-surface-1),rgba(var(--md-surface-1-rgb),.3),#0000);left:0}.suggestions-wrapper:after{background:linear-gradient(to left,var(--md-surface-1),rgba(var(--md-surface-1-rgb),.3),#0000);right:0}.selected-language-badge{align-items:center;background-color:var(--md-primary-container);border-radius:36px;color:var(--md-on-primary-container);display:inline-flex;font-size:.875rem;font-weight:500;gap:.4rem;padding:.4rem .6rem}.clear-language-btn{background:#0000;border:none;color:var(--md-on-primary-container);cursor:pointer;font-size:1rem;line-height:1;opacity:.7;padding:0 .2rem;transition:opacity .15s ease}.clear-language-btn:hover{opacity:1}.suggestion-badge{background-color:initial;border:2px dashed var(--md-outline);border-radius:36px;color:var(--md-on-surface-variant);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:400;padding:.3rem .65rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.suggestion-badge:hover{background-color:var(--md-surface-2);border-color:var(--md-primary);color:var(--md-on-surface)}.suggestion-badge.recent{color:var(--md-on-tertiary-container);font-weight:500}.suggestion-badge.recent,.suggestion-badge.recent:hover{background-color:var(--md-tertiary-container);border-color:var(--md-tertiary)}.suggestion-badge.recent:hover{filter:brightness(.95)}.language-modal-footer{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.modal-actions{gap:.6rem}.language-modal-footer .language-count{padding-left:1.25rem}.language-modal-footer .modal-actions{padding:1.25rem 1rem}.btn-primary,.btn-secondary{border-radius:24px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .15s ease}.btn-primary{border:none}.btn-primary:hover{filter:brightness(1.1)}@media (max-width:600px){.language-modal{border-radius:0;height:100vh;max-height:100vh;width:100vw}.language-row{align-items:stretch;display:flex;flex-direction:column;gap:.6rem}.language-suggestions{flex-wrap:wrap;margin-bottom:0;overflow-x:hidden;padding-bottom:0;white-space:normal}}.advanced-settings{background-color:var(--md-surface-2);border:none;border-radius:16px;box-shadow:var(--md-elevation-level1);margin-bottom:1rem;padding:1rem}.settings-section{margin-bottom:.75rem}.settings-section-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.chatterbox-control-row .slider-with-value{max-width:400px}.advanced-settings .custom-slider-container{height:32px;padding:0 7px}.advanced-settings .custom-slider-track{border-radius:1.5px;height:3px}.advanced-settings .custom-slider-thumb{height:14px;width:14px}.slider-value-display{color:var(--md-primary);font-size:.8rem;font-weight:500;min-width:32px;text-align:right}[data-theme=dark] .custom-slider-track{background-color:var(--md-surface-variant)}[data-theme=dark] .custom-slider-fill,[data-theme=dark] .custom-slider-thumb{background-color:var(--md-primary)}[data-theme=dark] .slider-value-display{color:var(--md-primary)}.number-input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:6px;color:var(--md-on-surface);font-size:.8rem;padding:.35rem;transition:border-color .2s ease;width:70px}.number-input:focus{border-color:var(--md-primary);outline:none}.advanced-settings .setting-description{color:var(--text-secondary);font-size:.7rem;line-height:1.1;margin-left:.25rem;margin-top:.1rem}.advanced-settings .unavailable-indicator{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-left:.25rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1rem}.advanced-settings .narration-row{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.5rem}.advanced-settings .narration-row:last-child{margin-bottom:0}.advanced-settings .row-label{color:var(--text-primary);flex:0 0 70px;font-size:.8rem;min-width:100px;padding-top:.25rem}.advanced-settings .row-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.advanced-settings .radio-pill-group{display:flex;flex-wrap:wrap;gap:.35rem}.advanced-settings .radio-pill{position:relative}.advanced-settings .radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.advanced-settings .radio-pill label{background-color:var(--md-surface-1);border:1px solid #0000;border-radius:12px;box-shadow:var(--md-elevation-level1);color:var(--text-primary);cursor:pointer;display:inline-block;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.advanced-settings .radio-pill input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.advanced-settings .radio-pill input[type=radio]:disabled+label{cursor:not-allowed;opacity:.6}.advanced-settings .switch-container{align-items:center;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:16px;display:flex;gap:.5rem;padding:.35rem .5rem;width:-webkit-fit-content;width:fit-content}.advanced-settings .switch-container span{color:var(--text-primary);font-size:.8rem;white-space:nowrap}[data-theme=dark] .advanced-settings .switch-container{background-color:var(--md-surface-2);border-color:var(--md-outline-variant)}.advanced-settings .switch{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.advanced-settings .switch input{height:0;margin:0;opacity:0;padding:0;width:0}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.advanced-settings .narration-row{flex-direction:column;gap:.25rem}.advanced-settings .row-label{flex:none;margin-bottom:.15rem;width:100%}.advanced-settings .switch-container{box-sizing:border-box;justify-content:space-between;width:100%}.advanced-settings .switch-container span{flex:1 1}}.voice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.voice-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1);width:90%}[data-theme=light] .voice-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}[data-theme=dark] .voice-modal{box-shadow:0 4px 20px #0006}.voice-modal-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:16px 16px 16px 24px}.voice-modal-header h2{color:var(--text-primary);flex-shrink:0;font-family:var(--md-sys-typescale-headline-small-font);font-size:1.25rem;font-weight:600;margin:0}.voice-modal-header .voice-count{color:var(--text-secondary);flex:1 1;font-size:.875rem;font-weight:400;margin-right:1rem;text-align:right}.voice-modal-controls{align-items:center;display:flex;gap:1rem;padding:0 1.75rem 1.25rem}.voice-search-container{align-items:center;display:flex;flex:1 1;gap:.5rem;position:relative}.voice-search-input{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .2s var(--md-easing-standard);width:100%}.voice-search-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.clear-search,.voice-search-input::placeholder{color:var(--text-secondary)}.clear-search{border-radius:16px;font-size:.8125rem}.clear-search:hover{background-color:var(--md-surface-4);color:var(--text-primary)}.voice-category-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s var(--md-easing-standard);width:100%}.voice-category-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.voice-category-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1em;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.voice-modal-content{background-color:var(--md-surface-1);max-height:calc(85vh - 160px);overflow-x:hidden;overflow-y:auto;padding:0 1.75rem 1.5rem}.voice-category-section{margin-bottom:2rem}.voice-category-section:last-child{margin-bottom:0}.voice-category-title{border-bottom:1px solid var(--md-outline-variant);color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.voice-category-title.recommended{border-bottom-color:var(--md-primary);color:var(--md-primary);position:relative}.voice-category-title.recommended:before{color:gold;content:"star";display:inline-block;font-family:var(--ms-font-family);font-size:14px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);height:14px;margin-right:.5rem;transform:translateY(-4px);vertical-align:middle;width:14px}.voice-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.voice-card{align-items:center;background-color:var(--md-surface-2);border-radius:24px;cursor:pointer;display:flex;gap:.5rem;min-height:60px;padding:.75rem;position:relative;transition:all .2s var(--md-easing-standard)}.voice-card:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1)}.voice-card.selected{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container)}.voice-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.voice-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2}.voice-card.selected .voice-name{color:var(--md-on-primary-container)}.voice-meta{align-items:center;display:flex;gap:.5rem}.voice-gender,.voice-locale{background-color:var(--md-surface-3);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.125rem .5rem}.voice-card.selected .voice-gender,.voice-card.selected .voice-locale{background-color:rgba(var(--md-on-primary-container-rgb),.2);color:var(--md-on-primary-container)}.no-results{padding:3rem 1rem}.no-results p{margin:0 0 1.5rem}.clear-filters-btn{background-color:var(--md-primary-container);border-radius:24px;color:var(--md-on-primary-container);padding:.75rem 1.5rem}.clear-filters-btn:hover{background-color:var(--md-primary);color:var(--md-on-primary)}.voice-modal-footer{align-items:center;background-color:var(--md-surface-1);display:flex;justify-content:space-between;padding:1rem 1.75rem}.voice-count{color:var(--text-secondary);font-size:.875rem}.btn-secondary{border:1px solid var(--md-outline-variant);color:var(--text-primary);padding:.75rem 1.5rem}.voice-modal-content::-webkit-scrollbar{width:8px}.voice-modal-content::-webkit-scrollbar-track{background-color:var(--md-surface-2)}.voice-modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:4px}.voice-modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)}.voice-modal-content{scrollbar-color:var(--md-outline-variant) var(--md-surface-2);scrollbar-width:thin}.voice-category-select::-webkit-scrollbar{width:8px}.voice-category-select::-webkit-scrollbar-track{background-color:var(--md-surface-2)}.voice-category-select::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:4px}.voice-category-select::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)}.voice-category-select{scrollbar-color:var(--md-outline-variant) var(--md-surface-2);scrollbar-width:thin}@media (max-width:768px){.voice-modal{height:auto;margin:1rem;max-height:90vh;width:95vw}.voice-modal-header h2{font-size:1.125rem}.voice-modal-controls{flex-direction:column;gap:.75rem;padding:0 1.25rem 1rem}.voice-modal-content{padding:0 1.25rem 1.5rem}.voice-grid{gap:.5rem;grid-template-columns:1fr 1fr}.voice-card{gap:.5rem;min-height:50px;padding:.625rem}.voice-modal-footer{padding:1rem 1.25rem}}@media (max-width:480px){.voice-modal{border-radius:0;height:100vh!important;margin:0;max-height:100vh;transition:none;width:100vw}.voice-modal-content,.voice-modal-controls,.voice-modal-footer{padding:.75rem 1rem}.voice-grid{gap:.5rem;grid-template-columns:1fr}.voice-card{min-height:64px;padding:.75rem}}.gemini-voice-selection{display:flex;flex-direction:column;gap:12px;width:100%}.voice-dropdown-container{align-items:center;display:flex;gap:12px;min-height:36px;width:100%}.voice-dropdown{position:relative}.voice-dropdown select{-webkit-appearance:none;appearance:none;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;font-size:14px;font-size:var(--md-body-medium-size,14px);height:36px;line-height:34px;padding:0 32px 0 12px;text-align:left;transition:all .2s ease;width:100%}.voice-dropdown select:hover{background-color:var(--md-surface-2);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2)}.voice-dropdown select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.voice-dropdown select:disabled{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;cursor:not-allowed;opacity:.38}.voice-type-pills{align-items:center;display:flex;gap:12px}.voice-type-pill{position:relative}.voice-type-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.voice-type-pill label{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--md-body-medium-size,14px);font-weight:500;height:36px;justify-content:center;line-height:1;padding:0 12px;transition:all .2s ease}.voice-type-pill label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);color:var(--md-on-surface);transform:translateY(-1px)}.voice-type-pill input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.voice-type-pill input[type=radio]:disabled+label{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.voice-type-pill.female input[type=radio]:checked+label{background-color:var(--md-tertiary-container);border-color:var(--md-tertiary);color:var(--md-on-tertiary-container)}.voice-type-pill.male input[type=radio]:checked+label{background-color:var(--md-secondary-container);border-color:var(--md-secondary);color:var(--md-on-secondary-container)}.play-voice-sample{align-items:center;background-color:var(--md-surface-1);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:8px;transition:all .2s ease;width:36px}.play-voice-sample:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);color:var(--md-primary);transform:translateY(-1px)}.play-voice-sample.playing{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.voice-sample-audio{display:none}@media (max-width:768px){.voice-dropdown-container{align-items:flex-start;flex-direction:column}.voice-dropdown{max-width:none;width:100%}.voice-type-pills{justify-content:flex-start;width:100%}}.narration-row.gemini-concurrent-clients-row .slider-with-value .custom-slider-container.disabled{background:none;overflow:hidden;position:relative}.narration-row.gemini-concurrent-clients-row .slider-with-value .custom-slider-container.disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.narration-row.gemini-concurrent-clients-row .slider-with-value .custom-slider-container.disabled .custom-slider-input{opacity:0;visibility:hidden}.narration-row.gemini-concurrent-clients-row .slider-with-value .custom-slider-container.disabled .custom-slider-thumb{box-shadow:none}.narration-row.gemini-concurrent-clients-row .slider-with-value .custom-slider-container.disabled{filter:grayscale(30%)}.gemini-concurrent-clients-slider{z-index:1}@media (max-width:768px){.narration-row.gemini-concurrent-clients-row{align-items:flex-start;flex-direction:column}.narration-row.gemini-concurrent-clients-row .row-label{justify-content:flex-start;margin-bottom:.5rem;text-align:left;width:100%}.narration-row.gemini-concurrent-clients-row .row-content,.narration-row.gemini-concurrent-clients-row .slider-with-value{width:100%}}.advanced-settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.advanced-settings-modal{animation:modal-appear .4s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid rgba(var(--md-outline-variant-rgb),.5);border-radius:32px;box-shadow:var(--md-elevation-level4);display:flex;flex-direction:column;max-height:85vh;max-width:1300px;overflow:hidden;position:relative;width:90%;z-index:1}.advanced-settings-modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 16px 24px}.advanced-settings-modal-header h3{color:var(--md-on-surface);font-size:1.2rem;font-weight:500;letter-spacing:.25px;margin:0}.advanced-settings-modal-content{flex:1 1;overflow-y:auto;padding:0;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.advanced-settings-modal-content::-webkit-scrollbar{width:6px}.advanced-settings-modal-content::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.advanced-settings-modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:1px solid var(--md-surface-1);border-radius:3px}.advanced-settings-modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .advanced-settings-modal-content{scrollbar-color:var(--md-outline) var(--md-surface-2)}[data-theme=dark] .advanced-settings-modal-content::-webkit-scrollbar-track{background:var(--md-surface-2)}[data-theme=dark] .advanced-settings-modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline);border:1px solid var(--md-surface-2)}.advanced-settings-modal-content .advanced-settings{background-color:initial;border:none;border-radius:0;margin-bottom:0;padding:.75rem}.advanced-settings-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:16px 16px 16px 24px}.advanced-settings-button{align-items:center;background-color:rgba(var(--md-tertiary-rgb),.1);border:1px solid rgba(var(--md-tertiary-rgb),.2);border-radius:24px;box-shadow:var(--md-elevation-level1);color:var(--md-tertiary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.advanced-settings-button:hover{background-color:var(--md-tertiary-container);border-color:#0000;box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary-container);transform:translateY(-2px)}.advanced-settings-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.advanced-settings-button svg{flex-shrink:0}@media (max-width:768px){.advanced-settings-modal{max-height:95vh;width:95%}.advanced-settings-modal-content .advanced-settings{padding:.5rem}}.speed-control-container{align-items:center;display:flex;gap:.5rem;margin-left:auto;margin-right:1rem;max-width:320px;min-width:220px}.speed-control-label{color:var(--md-on-surface-variant);font-size:.9rem;white-space:nowrap}.speed-control-container .slider-with-value{flex:1 1;max-width:none}.speed-control-container .custom-slider-container{height:32px;padding:0 7px;width:120px}.speed-control-container .custom-slider-track{border-radius:1.5px;height:3px;left:7px;width:calc(100% - 14px)}.speed-control-container .custom-slider-fill{border-radius:1.5px 0 0 1.5px}.speed-control-container .custom-slider-thumb{height:14px;width:14px}.speed-control-apply-button{align-items:center;background-color:var(--md-primary-container);border:none;border-radius:var(--md-shape-pill);color:var(--md-on-primary-container);cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;padding:.25rem .75rem;transition:all .2s ease;white-space:nowrap}.speed-control-apply-button:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary)}.speed-control-apply-button:disabled{background-color:var(--md-surface-1);color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6}.speed-control-progress{align-items:center;animation:pulse 2s ease-in-out infinite;color:var(--md-primary);display:flex;font-size:.85rem;gap:.5rem}.speed-control-progress-info{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.speed-control-filename{font-size:.75rem;max-width:100px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.speed-control-container{flex-wrap:wrap;margin-left:0;margin-right:0;max-width:none;width:100%}.speed-control-slider-container{min-width:120px}}.narration-method-selection{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.narration-method-selection .radio-pill-group{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-start;max-width:-webkit-fit-content;max-width:fit-content;min-height:42px;order:1}.narration-method-selection .radio-pill{border-radius:24px;font-stretch:semi-condensed;overflow:hidden;position:relative}.narration-method-selection .radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.narration-method-selection .radio-pill label{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-weight:500;height:36px;padding:8px 16px;transition:all .2s ease}.voice-clone-badge{background-color:#4caf50;background-color:var(--method-color,#4caf50);border-radius:2px;box-shadow:0 1px 2px #0003;color:#fff;font-size:8px;font-weight:600;letter-spacing:.2px;line-height:1;padding:1px 18px;pointer-events:none;position:absolute;right:-20px;text-transform:uppercase;top:2px;transform:rotate(15deg);transform-origin:center;white-space:nowrap;z-index:10}.narration-method-selection .radio-pill input[type=radio]:checked+label .voice-clone-badge{background-color:#fffffff2;color:#333;font-weight:700}.narration-method-selection .method-f5tts .voice-clone-badge{background-color:#2196f3}.narration-method-selection .method-chatterbox .voice-clone-badge{background-color:#34a853}.narration-method-selection .method-ms-vibevoice .voice-clone-badge{background-color:#00bcd4}.narration-method-selection .radio-pill label.unavailable .voice-clone-badge{opacity:.5}.narration-method-selection .radio-pill label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.narration-method-selection .radio-pill label:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.narration-method-selection .radio-pill input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.narration-method-selection .radio-pill input[type=radio]:checked+label:hover{background-color:var(--md-primary-container);opacity:.9}.narration-method-selection .radio-pill input[type=radio]:disabled+label{cursor:not-allowed;opacity:.38}.narration-method-selection .radio-pill input[type=radio]:disabled+label,.narration-method-selection .radio-pill input[type=radio]:disabled+label:hover{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);transform:none}.narration-method-selection .radio-pill label.unavailable{background-color:var(--md-surface-1);border-color:var(--md-outline-variant);box-shadow:none;opacity:.38}.narration-method-selection .method-description{font-size:.85em;font-style:italic;font-weight:400;margin-left:8px;opacity:.7}.narration-method-selection .radio-pill input[type=radio]:checked+label .method-description{opacity:.9}.narration-method-selection .method-help-icon{align-items:center;color:var(--md-outline);cursor:help;display:inline-flex;margin-left:6px;opacity:.6;transition:opacity .2s ease}.narration-method-selection .method-help-icon:hover{opacity:.8}.narration-method-selection .method-help-icon svg{height:14px;width:14px}.narration-method-selection .method-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-right:8px}.narration-method-selection .method-icon svg{height:16px;width:16px}.narration-method-selection .method-f5tts{--method-color:#4285f4;--method-bg:#4285f41a;--method-border:#4285f44d}.narration-method-selection .method-chatterbox{--method-color:#34a853;--method-bg:#34a8531a;--method-border:#34a8534d}.narration-method-selection .method-gemini{--method-color:#ea4335;--method-bg:#ea43351a;--method-border:#ea43354d}.narration-method-selection .method-edge-tts{--method-color:#ff9800;--method-bg:#ff98001a;--method-border:#ff98004d}.narration-method-selection .method-gtts{--method-color:#9c27b0;--method-bg:#9c27b01a;--method-border:#9c27b04d}.narration-method-selection .method-ms-vibevoice{--method-color:#00bcd4;--method-bg:#00bcd41a;--method-border:#00bcd44d}.narration-method-selection .method-gemini-native{--method-color:#795548;--method-bg:#7955481a;--method-border:#7955484d}.narration-method-selection .radio-pill label[class*=method-]{background-color:var(--method-bg);border-color:var(--method-border);color:var(--method-color)}.narration-method-selection .radio-pill label[class*=method-]:hover{background-color:var(--method-bg);border-color:var(--method-color);transform:translateY(-1px)}.narration-method-selection .radio-pill input[type=radio]:checked+label[class*=method-]{background-color:var(--method-color);border-color:var(--method-color);box-shadow:0 4px 12px #00000026;color:#fff;font-stretch:semi-expanded}.narration-method-selection .radio-pill input[type=radio]:checked+label[class*=method-] .method-icon svg{color:#fff}.narration-method-selection .method-error{align-items:center;background-color:rgba(var(--md-error-rgb),.1);border-radius:8px;box-sizing:border-box;color:var(--md-error);display:flex;flex-basis:100%;font-size:.85rem;gap:.5rem;margin-top:.5rem;order:2;padding:.5rem;width:100%}@media (max-width:768px){.narration-method-selection .radio-pill-group{flex-direction:column;height:auto;width:100%}.narration-method-selection .radio-pill label{justify-content:flex-start;width:100%}.voice-clone-badge{font-size:7px;padding:1px 4px;right:-6px;top:-1px}}.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-header{align-items:center;border-bottom:1px solid var(--md-outline-variant);display:flex;justify-content:space-between;margin-bottom:16px;margin-top:0;padding-bottom:8px;position:relative;z-index:1}.segments-status-header h4{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:0;transition:color var(--transition-speed)}.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);border-radius:var(--md-shape-medium);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.overloaded .segment-indicator,.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}.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;outline:none;overflow:visible;padding:6px;pointer-events:auto!important;position:relative;transition:none!important;width:28px;z-index:100!important}.segment-retry-btn:hover{background-color:rgba(var(--md-primary-rgb),.2);box-shadow:0 3px 5px #00000040}.model-option{background-color:initial;border:none;outline:none;text-align:left;transition:background-color .2s ease;width:100%}.model-option:hover{background-color:var(--md-surface-3)}.model-option:focus-visible{background-color:var(--md-surface-3);outline:2px solid var(--md-primary);outline-offset:-2px}.segment-retry-btn:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.model-option-icon{flex-shrink:0;height:32px;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)}.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}.model-custom{background-color:rgba(var(--md-secondary-rgb),.1);border:1px solid var(--md-secondary);color:var(--md-secondary)}.model-option-divider{background-color:var(--md-outline-variant);height:1px;margin:8px 16px;opacity:.7}.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}.view-rules-button{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border:1px solid var(--md-primary);border-radius:16px;color:var(--md-primary);cursor:pointer;display:flex;font-size:var(--md-label-small-size);font-weight:var(--md-label-small-weight);gap:6px;padding:6px 12px;transition:background-color .2s,transform .2s,box-shadow .2s}.view-rules-button:hover{background-color:rgba(var(--md-primary-rgb),.2);box-shadow:0 2px 4px #0003;transform:translateY(-2px)}.view-rules-button:active{background-color:rgba(var(--md-primary-rgb),.3);transform:translateY(0)}.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)}.segment-retry-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.segment-retry-modal{animation:modal-appear .3s ease-out;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}[data-theme=light] .segment-retry-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}.segment-retry-modal-header{align-items:center;background-color:var(--md-surface-2);display:flex;justify-content:space-between;padding:16px 20px}[data-theme=light] .segment-retry-modal-header{background-color:var(--md-surface-1);border-bottom:1px solid var(--md-outline)}.segment-retry-modal-header h2{color:var(--text-color);flex:1 1;font-size:18px;font-weight:600;margin:0}.step-indicator{margin-right:16px}.step,.step-indicator{align-items:center;display:flex}.step{background-color:var(--border-color);border-radius:50%;color:var(--text-color-secondary);font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step.active{background-color:var(--primary-color);color:#fff}.step.completed{background-color:var(--success-color);color:#fff}.step-divider{background-color:var(--border-color);height:2px;margin:0 4px;width:20px}.segment-retry-modal-content{flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}.segment-retry-modal-content::-webkit-scrollbar{width:8px}.segment-retry-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.segment-retry-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.segment-retry-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .segment-retry-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .segment-retry-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .segment-retry-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .segment-retry-modal-content{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.explanation{margin-bottom:20px}.subtitle-options{display:flex;flex-direction:column;gap:12px}.subtitle-options h3{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px}.option,.option label{align-items:flex-start;display:flex}.option label{cursor:pointer;gap:8px}.option input[type=radio]{margin-top:3px}.option span{color:var(--text-color);line-height:1.5}.disabled-note{align-items:center;color:var(--warning-color);display:inline-flex;font-size:14px;gap:4px;margin-left:8px}.custom-subtitles{margin-left:24px;margin-top:12px}.custom-subtitles textarea{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:14px;line-height:1.5;padding:12px;resize:vertical;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin;transition:all .2s ease;width:100%}[data-theme=light] .custom-subtitles textarea{background-color:var(--md-surface);border:1px solid var(--md-outline)}[data-theme=dark] .custom-subtitles textarea{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--md-surface-variant-rgb),.3);border:1px solid rgba(var(--md-outline-variant-rgb),.7)}.custom-subtitles textarea::-webkit-scrollbar{width:8px}.custom-subtitles textarea::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.custom-subtitles textarea::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-subtitles textarea::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .custom-subtitles textarea::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .custom-subtitles textarea::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .custom-subtitles textarea::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .custom-subtitles textarea{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.custom-subtitles textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}[data-theme=light] .custom-subtitles textarea:focus{background-color:var(--md-surface-1);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.15)}[data-theme=dark] .custom-subtitles textarea:focus{background-color:rgba(var(--md-surface-variant-rgb),.4);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.25)}.hint{color:var(--text-color-secondary);font-size:13px;line-height:1.4;margin-top:8px}.initial-subtitles-preview{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:14px;line-height:1.5;max-height:150px;overflow-y:auto;padding:12px;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin;white-space:pre-wrap}[data-theme=light] .initial-subtitles-preview{background-color:var(--md-surface);border:1px solid var(--md-outline)}[data-theme=dark] .initial-subtitles-preview{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--md-surface-variant-rgb),.3);border:1px solid rgba(var(--md-outline-variant-rgb),.7)}.initial-subtitles-preview::-webkit-scrollbar{width:8px}.initial-subtitles-preview::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.initial-subtitles-preview::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.initial-subtitles-preview::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .initial-subtitles-preview::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .initial-subtitles-preview::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .initial-subtitles-preview::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .initial-subtitles-preview{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.segment-retry-modal-footer{background-color:var(--md-surface-2);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}[data-theme=light] .segment-retry-modal-footer{background-color:var(--md-surface-1);border-top:1px solid var(--md-outline)}.cancel-button,.next-button,.retry-button{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;justify-content:center;min-width:100px;padding:8px 20px;transition:all .2s ease}.retry-button{background-color:var(--success-color);border:none;box-shadow:var(--md-elevation-level1);color:#fff}.retry-button:hover{background-color:var(--success-color-dark);box-shadow:var(--md-elevation-level2)}.next-button,[data-theme=light] .retry-button{box-shadow:var(--md-elevation-level1)}.next-button{background-color:var(--primary-color);border:none;color:#fff}.next-button:hover{background-color:var(--primary-color-dark);box-shadow:var(--md-elevation-level2)}[data-theme=light] .next-button{box-shadow:var(--md-elevation-level1)}.next-button:active,.retry-button:active{box-shadow:var(--md-elevation-level1);transform:scale(.98)}.next-icon{margin-left:4px}.model-selection-step{display:flex;flex-direction:column;gap:16px}.model-options-list{display:flex;flex-direction:column;gap:12px;max-height:310px;overflow-y:auto;padding-right:4px}.model-options-list::-webkit-scrollbar{width:8px}.model-options-list::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.model-options-list::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.model-options-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}.model-options-list{scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin}[data-theme=dark] .model-options-list::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .model-options-list::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .model-options-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .model-options-list{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.model-option{align-items:center;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}[data-theme=light] .model-option{background-color:var(--md-surface);border:1px solid var(--md-outline)}[data-theme=dark] .model-option{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(var(--md-surface-rgb),.7);border:1px solid rgba(var(--md-outline-variant-rgb),.7)}.model-option:hover{background-color:rgba(var(--primary-color-rgb),.1);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.1));box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.model-option.selected,.model-option:hover{border-color:var(--model-color,var(--primary-color))}.model-option.selected{background-color:rgba(var(--primary-color-rgb),.15);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.15));box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.2)}[data-theme=light] .model-option:hover{background-color:rgba(var(--primary-color-rgb),.08);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.08));box-shadow:0 4px 8px #00000014}[data-theme=light] .model-option.selected{background-color:rgba(var(--primary-color-rgb),.12);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.12));box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.15)}.model-option-radio{margin-right:12px}.model-option-icon{align-items:center;background-color:rgba(var(--primary-color-rgb),.15);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.15));border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--primary-color);color:var(--model-color,var(--primary-color));display:flex;font-size:16px;height:36px;justify-content:center;margin-right:12px;width:36px}[data-theme=light] .model-option-icon{background-color:rgba(var(--primary-color-rgb),.12);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.12));border:1px solid rgba(var(--md-outline-rgb),.2);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .model-option-icon{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(var(--primary-color-rgb),.18);background-color:var(--model-bg-color,rgba(var(--primary-color-rgb),.18));border:1px solid #ffffff1a;box-shadow:0 2px 4px #00000026}.model-option-text{flex:1 1}.model-option-name{align-items:center;color:var(--text-color);display:flex;font-weight:600;gap:8px;margin-bottom:2px}.model-option-description{color:var(--text-color-secondary);font-size:13px}.model-icon{font-size:16px}.star-icon,.trending-icon,.zap-icon{color:var(--md-tertiary)}.activity-icon{color:var(--md-primary)}.cpu-icon{color:var(--success-color)}[data-theme=dark] .segment-retry-modal{box-shadow:0 4px 20px #0006}@media (max-width:768px){.segment-retry-modal{max-height:95vh;width:95%}}.srt-upload-buttons-group{align-items:center;display:flex;gap:8px;height:40px}.srt-upload-button-container{display:inline-block;position:relative}.srt-upload-button-container.drag-over .srt-upload-button{background-color:#6750a41a;background-color:rgba(var(--md-primary-rgb,103,80,164),.1);border:2px dashed var(--md-primary);box-shadow:var(--md-elevation-level4);transform:scale(1.02)}.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:var(--font-title);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 :not(.material-symbols-rounded),.srt-upload-button span:not(.material-symbols-rounded){font-family:var(--font-title)!important}.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:initial!important}.srt-upload-button:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.srt-upload-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-secondary);text-shadow:none;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.has-srt-uploaded{background-color:var(--md-primary);color:var(--md-on-primary)}.srt-upload-button.has-srt-uploaded:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .srt-upload-buttons-group{align-items:center;display:flex;height:52px;margin:0 10px 0 0}.buttons-container .srt-upload-button{background-color:var(--md-secondary);border:none;box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary);height:40px;margin:0}.buttons-container .srt-upload-button.has-srt-uploaded{background-color:var(--md-primary);color:var(--md-on-primary)}.buttons-container .srt-upload-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-secondary);text-shadow:none;transform:translateY(-2px)}.buttons-container .srt-upload-button.has-srt-uploaded:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .srt-upload-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.clear-subtitles-button .material-symbols-rounded{font-size:20px}.srt-upload-button .icon{font-size:16px}.srt-upload-button .material-symbols-rounded{font-family:var(--ms-font-family)!important;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);position:relative;z-index:2}.srt-upload-button .gemini-icon-container{z-index:0!important}.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%}.srt-upload-button .processing-text-container{align-items:center;display:flex;gap:8px}.srt-upload-button .processing-text-container .loading-indicator{display:inline-flex;flex-shrink:0}.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:"."}@media (max-width:768px){.srt-upload-button{font-size:.8rem;padding:8px 12px}.srt-upload-button span{display:none}.srt-upload-buttons-group{gap:6px}.srt-upload-button-container{margin-right:0}}.add-subtitles-buttons-group{align-items:center;display:flex;gap:8px;height:40px}.add-subtitles-button-container{display:inline-block;position:relative}.clear-subtitles-button{align-items:center;background-color:#d32f2f;background-color:var(--md-error,#d32f2f);border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;color:var(--md-on-error,#fff);cursor:pointer;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.clear-subtitles-button:hover{background-color:#c62828;background-color:var(--md-error-hover,#c62828);box-shadow:0 3px 6px #0006;transform:scale(1.15)}.clear-subtitles-button:active{box-shadow:0 1px 2px #0000004d;transform:scale(.95)}.clear-subtitles-button:disabled{background-color:#ffcdd2;background-color:var(--md-error-container,#ffcdd2);box-shadow:none;color:#8d0000;color:var(--md-on-error-container,#8d0000);cursor:not-allowed;opacity:.7;transform:none}.add-subtitles-button{align-items:center;background-color:var(--md-tertiary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary);cursor:pointer;display:flex;font-family:var(--font-title);font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:40px;justify-content:center;line-height:var(--md-label-large-height);margin-left:10px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s ease}.add-subtitles-button :not(.material-symbols-rounded),.add-subtitles-button span:not(.material-symbols-rounded){font-family:var(--font-title)!important}.buttons-container .add-subtitles-buttons-group{align-items:center;display:flex;height:52px;margin:0 10px 0 0}.buttons-container .add-subtitles-button{background-color:var(--md-tertiary);border:none;box-shadow:var(--md-elevation-level2);color:var(--md-on-tertiary);height:40px;margin:0}.add-subtitles-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-tertiary);text-shadow:none;transform:translateY(-2px)}.add-subtitles-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.buttons-container .add-subtitles-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-tertiary);text-shadow:none;transform:translateY(-2px)}.buttons-container .add-subtitles-button:active{background-color:var(--md-tertiary-active);transform:translateY(0)}.add-subtitles-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.add-subtitles-button.has-subtitles{background-color:var(--md-primary);color:var(--md-on-primary)}.add-subtitles-button.has-subtitles:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .add-subtitles-button.has-subtitles{background-color:var(--md-primary);color:var(--md-on-primary)}.buttons-container .add-subtitles-button.has-subtitles:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .clear-subtitles-button{height:34px;width:34px}.clear-subtitles-button[data-tooltip]{position:relative}.clear-subtitles-button[data-tooltip]:hover:after{background-color:#000c;border-radius:8px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.add-subtitles-button .icon{font-size:16px}.add-subtitles-button .material-symbols-rounded{font-family:var(--ms-font-family)!important;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);position:relative;z-index:2}.add-subtitles-button.processing{background-image:linear-gradient(90deg,#ffffff0d 0,#fff0)}.add-subtitles-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}.add-subtitles-button .processing-text-container{align-items:center;display:flex;gap:8px}.add-subtitles-button .processing-text-container .loading-indicator{display:inline-flex;flex-shrink:0}.add-subtitles-button .processing-dots:after{animation:dots 1.5s steps(4) infinite;content:"...";display:inline-block;text-align:left;width:1.5em}.add-subtitles-button .gemini-icon-container{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.add-subtitles-button .gemini-mini-icon{stroke:#fff;fill:none;stroke-width:1.5;background:none!important;box-shadow:none!important;filter:none!important;height:14px;opacity:0;pointer-events:none;position:absolute;transition:transform .3s var(--md-easing-standard),opacity .3s var(--md-easing-standard);width:14px}.add-subtitles-button.has-subtitles .gemini-mini-icon{stroke:#fff}.add-subtitles-button .gemini-mini-icon.size-xs{height:8px;width:8px}.add-subtitles-button .gemini-mini-icon.size-sm{height:12px;width:12px}.add-subtitles-button .gemini-mini-icon.size-md{height:16px;width:16px}.add-subtitles-button .gemini-mini-icon.size-lg{height:20px;width:20px}.add-subtitles-button .gemini-mini-icon.size-xl{height:24px;width:24px}.subtitles-input-modal-overlay{align-items:center;animation:overlay-appear .5s var(--md-easing-emphasized-decelerate);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateZ(0);transition:opacity .15s var(--md-easing-emphasized-accelerate);will-change:opacity;z-index:1000}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.subtitles-input-modal-overlay.closing{opacity:0}.subtitles-input-modal{animation:modal-appear .5s var(--md-easing-emphasized-decelerate);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;perspective:1000px;transform:translateZ(0);transition:transform .2s var(--md-easing-emphasized-accelerate),opacity .2s var(--md-easing-emphasized-accelerate);width:90%;will-change:transform,opacity}.subtitles-input-modal.closing{opacity:0;transform:scale(.95) translateY(20px)}[data-theme=light] .subtitles-input-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}.subtitles-input-modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 16px 24px}.subtitles-input-modal-header .header-actions{align-items:center;display:flex;gap:12px}.subtitles-input-modal-header .header-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.subtitles-input-modal-header h2{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.subtitles-input-modal-header .header-badge{align-items:center;background-color:var(--md-primary-container);border-radius:12px;color:var(--md-on-primary-container);cursor:default;display:flex;font-size:.75rem;font-weight:500;gap:4px;max-width:-webkit-fit-content;max-width:fit-content;padding:4px 8px;transition:background-color .2s ease;white-space:nowrap}.subtitles-input-modal-header .header-badge:hover{background-color:var(--md-primary);color:var(--md-on-primary)}.subtitles-input-modal-header .header-badge .badge-text{font-size:.75rem}.subtitles-input-modal-content{flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),0);scrollbar-width:thin}.subtitles-input-modal-content::-webkit-scrollbar{width:8px}.subtitles-input-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:10px}.subtitles-input-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.subtitles-input-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .subtitles-input-modal-content::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .subtitles-input-modal-content::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .subtitles-input-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .subtitles-input-modal-content{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.explanation-example-container{align-items:stretch;display:flex;gap:20px;margin-bottom:16px}.explanation{align-items:center;color:var(--text-color-secondary);display:flex;flex:4 1;line-height:1.5}.lyrics-autofill-toggle{margin-bottom:16px}.lyrics-toggle-button{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.lyrics-toggle-button:hover{background-color:var(--md-surface-3)}.lyrics-toggle-button.active{background-color:rgba(var(--md-primary-rgb),.1);border-color:var(--primary-color);color:var(--primary-color)}.lyrics-input-section{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:12px;margin-bottom:20px;padding:16px}.lyrics-input-section:after{clear:both;content:"";display:table}.lyrics-input-fields{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lyrics-input-section:has(.album-art-container) .lyrics-input-fields{flex-direction:column;float:left;width:calc(100% - 210px)}.lyrics-input-field{flex:1 1;min-width:200px}.lyrics-input-field label{color:var(--text-color-secondary);display:block;font-size:14px;margin-bottom:6px}.lyrics-input-field input{background-color:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--text-color);font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.lyrics-input-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.fetch-lyrics-button{align-items:center;align-self:flex-end;background-color:var(--primary-color);border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:38px;margin-top:auto;padding:8px 16px;transition:all .2s ease}.fetch-lyrics-button:hover:not(:disabled){background-color:var(--primary-color-dark)}.fetch-lyrics-button:disabled{background-color:var(--md-surface-3);color:var(--text-color-secondary);cursor:not-allowed;opacity:.7}.lyrics-error{background-color:rgba(var(--error-color-rgb),.1);border-left:3px solid var(--error-color);color:var(--error-color)}.lyrics-cleaning-message,.lyrics-error{border-radius:8px;font-size:14px;margin-top:8px;padding:8px 12px}.lyrics-cleaning-message{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border-left:3px solid var(--primary-color);color:var(--primary-color);display:flex;gap:8px}.cleaning-spinner{animation:spin 1s linear infinite;border:2px solid rgba(var(--md-primary-rgb),.3);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:16px;width:16px}.album-art-container{float:right;justify-content:center;margin-top:16px;min-height:150px;width:150px}.album-art{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;box-shadow:var(--md-elevation-level2);display:block;height:150px;object-fit:cover;width:150px}[data-theme=light] .lyrics-toggle-button{background-color:var(--md-surface-1);border-color:var(--md-outline)}[data-theme=light] .lyrics-toggle-button:hover{background-color:var(--md-surface-2)}[data-theme=light] .lyrics-input-section{background-color:var(--md-surface);border-color:var(--md-outline)}[data-theme=light] .lyrics-input-field input{background-color:#fff;border-color:var(--md-outline)}@media (max-width:768px){.lyrics-input-fields{flex-direction:column}.lyrics-input-field{min-width:100%}.fetch-lyrics-button{margin-top:8px;width:100%}}.example{background-color:rgba(var(--md-primary-container-rgb),.1);border-radius:12px;box-shadow:var(--md-elevation-level1);flex:6 1;padding:16px}.example,[data-theme=light] .example{border-left:4px solid var(--primary-color)}[data-theme=light] .example{background-color:rgba(var(--md-primary-container-rgb),.08)}.example h3{color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 8px}.example pre{color:var(--text-color-secondary);font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.subtitles-input-modal-content textarea{background-color:var(--md-surface-2);border:1px solid #0000;border-radius:16px;box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--text-color);font-size:14px;line-height:1.5;min-height:200px;overflow:auto;padding:16px;resize:none;scrollbar-color:rgba(var(--md-primary-rgb),.4) rgba(var(--md-outline-variant-rgb),.2);scrollbar-width:thin;transform:translateZ(0);transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%;will-change:border-color,box-shadow,background-color}[data-theme=light] .subtitles-input-modal-content textarea{background-color:var(--md-surface);border:none;box-shadow:var(--md-elevation-level1)}[data-theme=dark] .subtitles-input-modal-content textarea{background-color:rgba(var(--md-surface-variant-rgb),.3);border:none;box-shadow:var(--md-elevation-level1)}.subtitles-input-modal-content textarea::-webkit-scrollbar{width:8px}.subtitles-input-modal-content textarea::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.2);border-radius:8px;margin:4px}.subtitles-input-modal-content textarea::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.4);border-radius:8px;-webkit-transition:background .2s ease;transition:background .2s ease}.subtitles-input-modal-content textarea::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.6)}[data-theme=dark] .subtitles-input-modal-content textarea::-webkit-scrollbar-track{background:rgba(var(--md-outline-variant-rgb),.3)}[data-theme=dark] .subtitles-input-modal-content textarea::-webkit-scrollbar-thumb{background:rgba(var(--md-primary-rgb),.5)}[data-theme=dark] .subtitles-input-modal-content textarea::-webkit-scrollbar-thumb:hover{background:rgba(var(--md-primary-rgb),.7)}[data-theme=dark] .subtitles-input-modal-content textarea{scrollbar-color:rgba(var(--md-primary-rgb),.5) rgba(var(--md-outline-variant-rgb),.3)}.subtitles-input-modal-content textarea:focus{border:2px solid var(--primary-color);box-shadow:var(--md-elevation-level2);outline:none}[data-theme=light] .subtitles-input-modal-content textarea:focus{background-color:var(--md-surface-1);border:2px solid var(--primary-color);box-shadow:var(--md-elevation-level2)}[data-theme=dark] .subtitles-input-modal-content textarea:focus{background-color:rgba(var(--md-surface-variant-rgb),.4);border:2px solid var(--primary-color);box-shadow:var(--md-elevation-level2)}.keyboard-shortcuts{align-items:center;color:var(--text-color-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:12px}.keyboard-shortcuts-left{display:flex;gap:16px}.keyboard-shortcuts-right{color:var(--md-primary);font-weight:500}.keyboard-shortcuts kbd{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:4px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);font-size:11px;padding:3px 6px}[data-theme=light] .keyboard-shortcuts kbd{background-color:var(--md-surface-1);border:1px solid var(--md-outline)}.subtitles-input-modal-footer{justify-content:space-between;padding:16px 20px}.subtitles-input-modal-footer,.subtitles-input-modal-footer .footer-left,.subtitles-input-modal-footer .footer-right{align-items:center;display:flex;gap:12px}.cancel-button,.save-button{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;justify-content:center;min-width:100px;padding:8px 20px;transition:all .2s ease}.cancel-button{background-color:initial;border:none;color:var(--primary-color)}.cancel-button:hover{background-color:rgba(var(--md-primary-rgb),.08)}[data-theme=light] .cancel-button{color:var(--primary-color)}[data-theme=light] .cancel-button:hover{background-color:rgba(var(--md-primary-rgb),.04)}.save-button{background-color:var(--primary-color);box-shadow:var(--md-elevation-level1);color:#fff}.save-button:hover{background-color:var(--primary-color-dark);box-shadow:var(--md-elevation-level2)}[data-theme=light] .save-button{box-shadow:var(--md-elevation-level1)}.cancel-button:active{background-color:rgba(var(--md-primary-rgb),.12);transform:scale(.98)}.save-button:active{box-shadow:var(--md-elevation-level1);transform:scale(.98)}[data-theme=dark] .subtitles-input-modal{box-shadow:0 4px 20px #0006}@media (max-width:768px){.subtitles-input-modal{max-height:95vh;width:95%}.keyboard-shortcuts{align-items:flex-start}.keyboard-shortcuts,.keyboard-shortcuts-left{flex-direction:column;gap:8px}.explanation-example-container{flex-direction:column;gap:16px}.example,.explanation{flex:none;width:100%}.explanation{margin-bottom:0}}@keyframes breathe{0%,to{box-shadow:0 0 2px var(--pulsing-glow-color),0 0 8px var(--pulsing-glow-color),0 0 16px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 32px var(--pulsing-glow-color),0 0 40px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color);filter:brightness(1) saturate(1.2);text-shadow:0 0 2px var(--pulsing-glow-color),0 0 8px var(--pulsing-glow-color),0 0 16px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 32px var(--pulsing-glow-color),0 0 40px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color);transform:scale(1)}25%{filter:brightness(1.1) saturate(1.4) hue-rotate(10deg);transform:scale(1.05) rotate(.5deg)}50%{box-shadow:0 0 3px var(--pulsing-glow-color),0 0 12px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 36px var(--pulsing-glow-color),0 0 48px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color),0 0 80px var(--pulsing-glow-color),0 0 120px var(--pulsing-glow-color),0 0 160px var(--pulsing-glow-color);filter:brightness(1.3) saturate(1.6) hue-rotate(-10deg);text-shadow:0 0 3px var(--pulsing-glow-color),0 0 12px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 36px var(--pulsing-glow-color),0 0 48px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color),0 0 80px var(--pulsing-glow-color),0 0 120px var(--pulsing-glow-color),0 0 160px var(--pulsing-glow-color);transform:scale(1.15) rotate(-.5deg)}75%{filter:brightness(1.1) saturate(1.3) hue-rotate(5deg);transform:scale(1.05) rotate(.3deg)}}@keyframes breathe-dark{0%,to{box-shadow:0 0 2px var(--pulsing-glow-color),0 0 8px var(--pulsing-glow-color),0 0 16px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 32px var(--pulsing-glow-color),0 0 40px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color);filter:brightness(1) saturate(1.2);text-shadow:0 0 2px var(--pulsing-glow-color),0 0 8px var(--pulsing-glow-color),0 0 16px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 32px var(--pulsing-glow-color),0 0 40px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color);transform:scale(1)}25%{filter:brightness(1.1) saturate(1.4) hue-rotate(15deg);transform:scale(1.05) rotate(.5deg)}50%{box-shadow:0 0 3px var(--pulsing-glow-color),0 0 12px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 36px var(--pulsing-glow-color),0 0 48px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color),0 0 80px var(--pulsing-glow-color),0 0 120px var(--pulsing-glow-color),0 0 160px var(--pulsing-glow-color);filter:brightness(1.4) saturate(1.8) hue-rotate(-15deg);text-shadow:0 0 3px var(--pulsing-glow-color),0 0 12px var(--pulsing-glow-color),0 0 24px var(--pulsing-glow-color),0 0 36px var(--pulsing-glow-color),0 0 48px var(--pulsing-glow-color),0 0 60px var(--pulsing-glow-color),0 0 80px var(--pulsing-glow-color),0 0 120px var(--pulsing-glow-color),0 0 160px var(--pulsing-glow-color);transform:scale(1.15) rotate(-.5deg)}75%{filter:brightness(1.2) saturate(1.5) hue-rotate(8deg);transform:scale(1.05) rotate(.3deg)}}@keyframes particleShoot1{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(.8)}40%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:.3;transform:translate(-50%,-50%) scale(1.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@keyframes particleShoot2{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(.6)}45%{opacity:.9;transform:translate(-50%,-50%) scale(1)}75%{opacity:.2;transform:translate(-50%,-50%) scale(1.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}.pulsing-effect{--pulsing-glow-color:currentColor;animation:breathe 2s ease-in-out infinite;background:#0000;position:relative}.pulsing-effect.refresh-icon-button{--pulsing-glow-color:var(--md-primary)}.pulsing-text{box-shadow:none!important}.pulsing-effect:after,.pulsing-effect:before{border-radius:50%;content:"";height:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:-1}.pulsing-effect:before{animation:particleShoot1 3s ease-out infinite;background:radial-gradient(circle at 45% 15%,#ff6b6b .5px,#0000 1px),radial-gradient(circle at 85% 30%,#4ecdc4 .5px,#0000 1px),radial-gradient(circle at 25% 75%,#45b7d1 .5px,#0000 1px),radial-gradient(circle at 75% 85%,#f9ca24 .5px,#0000 1px),radial-gradient(circle at 15% 45%,#6c5ce7 .5px,#0000 1px),radial-gradient(circle at 65% 25%,#fd79a8 .5px,#0000 1px),radial-gradient(circle at 35% 65%,#00b894 .5px,#0000 1px),radial-gradient(circle at 55% 85%,#fdcb6e .5px,#0000 1px)}.pulsing-effect:after{animation:particleShoot2 3.5s ease-out 1.2s infinite;background:radial-gradient(circle at 70% 20%,#e17055 .5px,#0000 1px),radial-gradient(circle at 20% 40%,#00cec9 .5px,#0000 1px),radial-gradient(circle at 80% 70%,#0984e3 .5px,#0000 1px),radial-gradient(circle at 40% 90%,#e84393 .5px,#0000 1px),radial-gradient(circle at 90% 50%,#a29bfe .5px,#0000 1px),radial-gradient(circle at 30% 10%,#fd79a8 .5px,#0000 1px),radial-gradient(circle at 60% 40%,#00b894 .5px,#0000 1px),radial-gradient(circle at 10% 80%,#fdcb6e .5px,#0000 1px)}[data-theme=dark] .pulsing-effect:before{background:radial-gradient(circle at 45% 15%,#607dffe6 .5px,#0000 1px),radial-gradient(circle at 85% 30%,#ff6b6bcc .5px,#0000 1px),radial-gradient(circle at 25% 75%,#4ecdc4e6 .5px,#0000 1px),radial-gradient(circle at 75% 85%,#45b7d1cc .5px,#0000 1px),radial-gradient(circle at 15% 45%,#f9ca24b3 .5px,#0000 1px),radial-gradient(circle at 65% 25%,#6c5ce7cc .5px,#0000 1px),radial-gradient(circle at 35% 65%,#fd79a8e6 .5px,#0000 1px),radial-gradient(circle at 55% 85%,#00b894cc .5px,#0000 1px)}[data-theme=dark] .pulsing-effect:after{background:radial-gradient(circle at 70% 20%,#fdcb6ecc .5px,#0000 1px),radial-gradient(circle at 20% 40%,#6c5ce7b3 .5px,#0000 1px),radial-gradient(circle at 80% 70%,#ff6b6be6 .5px,#0000 1px),radial-gradient(circle at 40% 90%,#4ecdc4cc .5px,#0000 1px),radial-gradient(circle at 90% 50%,#607dffe6 .5px,#0000 1px),radial-gradient(circle at 30% 10%,#f9ca24cc .5px,#0000 1px),radial-gradient(circle at 60% 40%,#fd79a8b3 .5px,#0000 1px),radial-gradient(circle at 10% 80%,#45b7d1cc .5px,#0000 1px)}[data-theme=dark] .pulsing-effect{animation:breathe-dark 2s ease-in-out infinite!important}.rules-editor-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .2s var(--md-easing-emphasized-accelerate);z-index:1200}.rules-editor-overlay.closing{opacity:0}.rules-editor-modal{animation:modal-appear var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface);border-radius:32px;box-shadow:var(--md-elevation-level3);contain:layout;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;transform:translateZ(0);transition:background-color var(--transition-speed),transform var(--md-duration-medium3) var(--md-easing-emphasized-accelerate),opacity var(--md-duration-medium3) var(--md-easing-emphasized-accelerate);width:90%;will-change:transform,opacity}.rules-editor-modal.closing{opacity:0;transform:scale(.95) translateY(20px)}.prompt-preset-selector{align-items:center;display:flex}.prompt-preset-label{color:var(--md-on-surface);font-size:.95rem;font-weight:500;margin-right:12px;white-space:nowrap}.prompt-preset-dropdown{flex:1 1}.preset-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:20px;color:var(--md-on-surface);cursor:pointer;font-size:.9rem;padding:8px 36px 8px 12px;width:100%}.preset-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.preset-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary);outline:none}.rules-editor-modal::-webkit-scrollbar{height:8px;width:8px}.rules-editor-modal::-webkit-scrollbar-track{background:var(--md-surface-container);border-radius:4px}.rules-editor-modal::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-container);border-radius:4px}.rules-editor-modal::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .rules-editor-modal{background-color:var(--md-surface);scrollbar-color:var(--md-outline) var(--md-surface-container-highest)}[data-theme=dark] .rules-editor-modal::-webkit-scrollbar-track{background:var(--md-surface-container-highest)!important}[data-theme=dark] .rules-editor-modal::-webkit-scrollbar-thumb{background-color:var(--md-outline)!important;border:2px solid var(--md-surface-container-highest)!important}[data-theme=dark] .rules-editor-modal::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)!important}.rules-editor-modal .modal-content{background-color:var(--md-surface-container);flex:1 1;max-height:70vh;overflow-y:auto;padding:24px;scrollbar-color:var(--md-outline-variant) var(--md-surface-container);scrollbar-width:thin}.rules-editor-modal .modal-content::-webkit-scrollbar{height:8px;width:8px}.rules-editor-modal .modal-content::-webkit-scrollbar-track{background:var(--md-surface-container);border-radius:4px}.rules-editor-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-container);border-radius:4px}.rules-editor-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .rules-editor-modal .modal-content{scrollbar-color:var(--md-outline) var(--md-surface-container-highest)}[data-theme=dark] .rules-editor-modal .modal-content::-webkit-scrollbar-track{background:var(--md-surface-container-highest)!important}[data-theme=dark] .rules-editor-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline)!important;border:2px solid var(--md-surface-container-highest)!important}[data-theme=dark] .rules-editor-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)!important}.rules-editor-section{border-bottom:1px solid var(--md-surface-variant);margin-bottom:32px;padding-bottom:24px}.rules-editor-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rules-editor-section h3{color:var(--md-on-surface);font-size:1.1rem;margin-bottom:12px;margin-top:0}.section-description{color:var(--md-on-surface-variant);font-size:.9rem;margin-bottom:16px;margin-top:0}.rules-editor-modal textarea{background-color:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:8px;color:var(--md-on-surface);font-family:inherit;font-size:.95rem;min-height:80px;padding:12px;resize:vertical;scrollbar-color:var(--md-outline-variant) var(--md-surface-container);scrollbar-width:thin;width:100%}.rules-editor-modal textarea::-webkit-scrollbar{height:8px;width:8px}.rules-editor-modal textarea::-webkit-scrollbar-track{background:var(--md-surface-container);border-radius:4px}.rules-editor-modal textarea::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-container);border-radius:4px}.rules-editor-modal textarea::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .rules-editor-modal textarea{background-color:var(--md-surface-container-high);scrollbar-color:var(--md-outline) var(--md-surface-container-highest)}[data-theme=dark] .rules-editor-modal textarea::-webkit-scrollbar-track{background:var(--md-surface-container-high)!important}[data-theme=dark] .rules-editor-modal textarea::-webkit-scrollbar-thumb{background-color:var(--md-outline)!important;border:2px solid var(--md-surface-container-high)!important}[data-theme=dark] .rules-editor-modal textarea::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)!important}.rules-editor-modal textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary);outline:none}.array-item-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.term-inputs{display:flex;flex:1 1;gap:12px}.rules-editor-modal input{background-color:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:8px;color:var(--md-on-surface);flex:1 1;font-size:.95rem;padding:10px 12px}.rules-editor-modal input:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary);outline:none}.definition-input{flex:2 1}.full-width-input{width:100%}.remove-item-button{align-items:center;background-color:var(--md-error-container);border:none;border-radius:50%;color:var(--md-on-error-container);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transform-origin:center;transition:background-color .2s;width:28px}.remove-item-button svg{height:16px;transition:transform .2s ease;width:16px}.remove-item-button:hover{background-color:color-mix(in srgb,var(--md-error-container),#000 10%)}.add-item-button{background-color:var(--md-surface-container-high);border:1px dashed var(--md-outline);border-radius:20px;color:var(--md-primary);cursor:pointer;font-family:Open Sans,sans-serif;font-size:.9rem;margin-top:8px;padding:8px 16px;transition:all .2s}.add-item-button:hover{background-color:var(--md-primary-container);border-color:var(--md-primary)}.cancel-button{background-color:var(--md-surface-container-high);border:1px solid var(--md-outline);border-radius:20px;color:var(--md-on-surface);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.cancel-button:hover{background-color:var(--md-surface-container-highest)}.rules-editor-modal.with-countdown{padding-top:60px;position:relative}.countdown-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,var(--md-primary-container) 0,var(--md-secondary-container) 100%);border-radius:32px 32px 0 0;display:flex;flex-direction:column;height:60px;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.countdown-content{align-items:center;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:0 24px}.countdown-content,.countdown-text{color:var(--md-on-primary-container)}.countdown-text{opacity:.9}.countdown-number{color:var(--md-on-primary-container);display:inline-block;font-size:1.5rem;font-weight:700;min-width:30px;position:relative;text-align:center;text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;z-index:2}.countdown-hint{font-size:.85rem;font-style:italic;margin-left:8px;opacity:.7}.countdown-progress{background-color:#0000001a;bottom:0;height:4px;left:0;position:absolute;right:0}.countdown-progress-bar{background:linear-gradient(90deg,var(--md-primary) 0,var(--md-secondary) 100%);box-shadow:0 0 8px rgba(var(--md-primary-rgb),.4);height:100%;transition:width 1s linear}.rules-editor-modal.with-countdown .modal-header{background-color:var(--md-surface-container-high);border-radius:0}[data-theme=dark] .countdown-banner{background:linear-gradient(135deg,rgba(var(--md-primary-rgb),.2) 0,rgba(var(--md-secondary-rgb),.2) 100%)}[data-theme=dark] .countdown-content,[data-theme=dark] .countdown-number,[data-theme=dark] .countdown-text{color:var(--md-on-surface)}@keyframes numberPulseDark{0%,to{filter:brightness(1) saturate(1.2);text-shadow:0 0 2px rgba(var(--md-primary-rgb),.3),0 0 8px rgba(var(--md-primary-rgb),.5),0 0 16px rgba(var(--md-primary-rgb),.7),0 0 24px rgba(var(--md-primary-rgb),.6),0 0 32px rgba(var(--md-primary-rgb),.5),0 0 40px rgba(var(--md-primary-rgb),.4),0 0 60px rgba(var(--md-primary-rgb),.3);transform:scale(1)}25%{filter:brightness(1.1) saturate(1.4) hue-rotate(15deg);transform:scale(1.05) rotate(.5deg)}50%{filter:brightness(1.4) saturate(1.8) hue-rotate(-15deg);text-shadow:0 0 3px rgba(var(--md-primary-rgb),.5),0 0 12px rgba(var(--md-primary-rgb),.8),0 0 24px rgba(var(--md-primary-rgb),1),0 0 36px rgba(var(--md-primary-rgb),.9),0 0 48px rgba(var(--md-primary-rgb),.7),0 0 60px rgba(var(--md-primary-rgb),.6),0 0 80px rgba(var(--md-primary-rgb),.5),0 0 120px rgba(var(--md-primary-rgb),.4),0 0 160px rgba(var(--md-primary-rgb),.3);transform:scale(1.15) rotate(-.5deg)}75%{filter:brightness(1.2) saturate(1.5) hue-rotate(8deg);transform:scale(1.05) rotate(.3deg)}}[data-theme=dark] .countdown-progress{background-color:#ffffff1a}[data-theme=dark] .countdown-progress-bar{background:linear-gradient(90deg,var(--md-primary) 0,var(--md-tertiary) 100%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes numberPulse{0%,to{filter:brightness(1) saturate(1.2);text-shadow:0 0 2px #607dff4d,0 0 8px #ff6b6b66,0 0 16px #4ecdc480,0 0 24px #45b7d166,0 0 32px #f9ca2466,0 0 40px #6c5ce74d,0 0 60px #fd79a833;transform:scale(1)}25%{filter:brightness(1.1) saturate(1.4) hue-rotate(10deg);transform:scale(1.05) rotate(.5deg)}50%{filter:brightness(1.3) saturate(1.6) hue-rotate(-10deg);text-shadow:0 0 3px #607dff99,0 0 12px #ff6b6bcc,0 0 24px #4ecdc4,0 0 36px #45b7d1e6,0 0 48px #f9ca24cc,0 0 60px #6c5ce7b3,0 0 80px #fd79a899,0 0 120px #00b89466,0 0 160px #fdcb6e4d;transform:scale(1.15) rotate(-.5deg)}75%{filter:brightness(1.1) saturate(1.3) hue-rotate(5deg);transform:scale(1.05) rotate(.3deg)}}.save-button{background-color:var(--md-primary);border:none;border-radius:20px;color:var(--md-on-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.save-button:hover:not(.disabled):not(:disabled){background-color:color-mix(in srgb,var(--md-primary),#000 10%);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.save-button.disabled,.save-button:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6;transform:none}.save-button.autoflow-active{animation:pulseGlow 2s infinite;background:linear-gradient(135deg,var(--md-primary) 0,var(--md-secondary) 100%);box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.3);color:var(--md-on-primary);font-weight:600;overflow:hidden;padding:10px 24px;position:relative}.save-button.autoflow-active:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,var(--md-primary),var(--md-secondary),var(--md-tertiary));border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}.save-button.autoflow-active:hover{box-shadow:0 4px 12px rgba(var(--md-primary-rgb),.4);transform:translateY(-2px)}[data-theme=dark] .save-button.autoflow-active{background:linear-gradient(135deg,var(--md-primary) 0,var(--md-tertiary) 100%);box-shadow:0 2px 12px rgba(var(--md-primary-rgb),.5)}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.3)}50%{box-shadow:0 2px 16px rgba(var(--md-primary-rgb),.5)}}@keyframes shimmer{0%,to{opacity:0}50%{opacity:.3}}body.modal-open{overflow:hidden}body.modal-open .floating-scrollbar-container{display:none!important}.video-analysis-buttons-group{align-items:center;display:flex;gap:8px;height:40px}.video-analysis-button-container{display:inline-block;position:relative}.video-analysis-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:var(--font-title);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}.video-analysis-button :not(.material-symbols-rounded),.video-analysis-button span:not(.material-symbols-rounded){font-family:var(--font-title)!important}.video-analysis-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)}.video-analysis-button:hover:before{background-color:initial!important}.video-analysis-button:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.video-analysis-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-secondary);text-shadow:none;transform:translateY(-2px)}.video-analysis-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.video-analysis-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.video-analysis-button.has-analysis{background-color:var(--md-primary);color:var(--md-on-primary)}.video-analysis-button.has-analysis:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .video-analysis-buttons-group{align-items:center;display:flex;height:52px;margin:0 10px 0 0}.buttons-container .video-analysis-button{background-color:var(--md-secondary);border:none;box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary);height:40px;margin:0}.buttons-container .video-analysis-button.has-analysis{background-color:var(--md-primary);color:var(--md-on-primary)}.buttons-container .video-analysis-button:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-secondary);text-shadow:none;transform:translateY(-2px)}.buttons-container .video-analysis-button.has-analysis:hover{background-color:initial!important;color:var(--md-primary);text-shadow:none}.buttons-container .video-analysis-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.clear-analysis-button{align-items:center;background-color:#d32f2f;background-color:var(--md-error,#d32f2f);border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;color:var(--md-on-error,#fff);cursor:pointer;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.clear-analysis-button:hover{background-color:#c62828;background-color:var(--md-error-hover,#c62828);box-shadow:0 3px 6px #0006;transform:scale(1.15)}.clear-analysis-button:active{box-shadow:0 1px 2px #0000004d;transform:scale(.95)}.clear-analysis-button:disabled{background-color:#ffcdd2;background-color:var(--md-error-container,#ffcdd2);box-shadow:none;color:#8d0000;color:var(--md-on-error-container,#8d0000);cursor:not-allowed;opacity:.7;transform:none}.buttons-container .clear-analysis-button{height:34px;width:34px}.clear-analysis-button[data-tooltip]{position:relative}.clear-analysis-button[data-tooltip]:hover:after{background-color:#000c;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.video-analysis-button .icon{font-size:16px}.video-analysis-button .material-symbols-rounded{font-family:var(--ms-font-family)!important;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);position:relative;z-index:2}.video-analysis-button .gemini-icon-container{z-index:0!important}.video-analysis-button.processing{background-image:linear-gradient(90deg,#ffffff0d 0,#fff0);overflow:hidden;position:relative}.video-analysis-button .processing-text-container{align-items:center;display:flex;gap:8px}.video-analysis-button .processing-text-container .loading-indicator{display:inline-flex;flex-shrink:0}.video-analysis-button .processing-text{font-size:var(--md-label-medium-size)}.video-analysis-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){.video-analysis-button{font-size:.8rem;padding:8px 12px}.video-analysis-button span{display:none}.video-analysis-buttons-group{gap:6px}.video-analysis-button-container{margin-right:0}}.buttons-container .generate-btn{text-wrap:balance;-webkit-text-wrap:balance;align-items:center;display:flex;justify-content:center;line-height:1.3;max-width:250px;min-width:180px;padding-bottom:12px;padding-top:12px}.buttons-container .generate-btn.auto-generate,.buttons-container .generate-btn.semi-auto{max-width:280px;min-width:200px}@supports not (text-wrap:balance){.buttons-container .generate-btn{-webkit-hyphens:manual;hyphens:manual;position:relative;word-break:break-word}}@media (max-width:768px){.buttons-container .generate-btn{max-width:100%;min-width:160px}}@media (min-width:1200px){.buttons-container .generate-btn{max-width:300px}}.buttons-container .generate-btn.processing{min-width:250px;white-space:nowrap}.buttons-container .generate-btn{flex-direction:row;gap:8px}.buttons-container .generate-btn .gemini-icon-container{flex-shrink:0;margin-right:4px}.buttons-container .generate-btn-text{text-wrap:balance;-webkit-text-wrap:balance;display:inline-block;word-break:keep-all}.buttons-container .generate-btn[data-long-text=true]{min-width:240px}.settings-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;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s var(--md-easing-emphasized-accelerate);z-index:10000}.settings-modal-overlay.closing{opacity:0}.settings-modal{animation:modal-appear var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);background-color:var(--background-primary);border-radius:var(--modal-border-radius);contain:layout;display:flex;flex-direction:column;height:80%;pointer-events:auto;transition:background-color var(--transition-speed),transform var(--md-duration-medium3) var(--md-easing-emphasized-accelerate),opacity var(--md-duration-medium3) var(--md-easing-emphasized-accelerate);width:80%;will-change:transform,opacity}.settings-modal.closing{opacity:0;transform:scale(.95) translateY(20px)}.loading-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.settings-header{align-items:center;display:flex;justify-content:flex-start;padding:.5rem 3.5rem .5rem 2.5rem;position:relative;transition:border-color var(--transition-speed)}.settings-header h2{color:var(--text-primary);font-size:1.5rem;margin:0;min-width:120px;transition:color var(--transition-speed)}.settings-footer{background-color:var(--background-primary);bottom:0;box-shadow:0 -4px 6px -2px #0000000d;display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;transition:border-color var(--transition-speed);z-index:10}.settings-footer-controls,.settings-footer-left{align-items:center;display:flex;gap:.75rem}.settings-footer-controls{margin-right:0}.settings-footer .theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s,color .2s;width:36px}.settings-footer .theme-toggle:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.settings-footer .language-selector-container{height:40px}.settings-footer .language-selector-button{align-items:center;display:flex;height:40px}.settings-footer-right{display:flex;gap:.75rem}@media (max-width:850px){.settings-footer{flex-direction:column;gap:1rem}.settings-footer-left,.settings-footer-right{justify-content:space-between;width:100%}.settings-footer-left{flex-wrap:wrap}.settings-footer-controls{display:flex;justify-content:center;margin-bottom:.5rem;width:100%}.cancel-btn,.factory-reset-btn,.save-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:50px;padding:20px 16px 25px 25px;position:relative;scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin;z-index:0}.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{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)}.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-keys-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:3fr 2fr;margin-bottom:1.5rem}@media (max-width:850px){.api-keys-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.api-key-input.gemini-column{grid-row:span 1}.api-key-input.full-width{grid-row:3}}.api-key-input{margin-bottom:1.5rem}.api-key-input.gemini-column{grid-column:1;grid-row:span 2}.api-key-input.full-width{grid-column:2;grid-row:2}.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:JetBrains 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}.custom-api-key-input{display:flex;min-height:48px;min-width:0;position:relative}.custom-input-field{flex:1 1;min-width:0;position:relative;width:100%}.api-key-input-field{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);font-family:JetBrains Mono,monospace;font-size:var(--md-body-medium-size);height:48px;outline:none;padding:.75rem 70px .75rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:100%}.api-key-input-field: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)}.api-key-input-field:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary);outline:none}.masked-input{-webkit-text-security:disc;-moz-text-security:disc;font-family:JetBrains Mono,monospace;letter-spacing:2px}.masked-input::placeholder{-webkit-text-security:none;-moz-text-security:none;color:var(--md-on-surface-variant);opacity:.7;text-shadow:none}.api-key-input-field:not(.masked-input){animation:fade-in .2s ease-in-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.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-left:none;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:Open Sans,Segoe UI,sans-serif;font-size:var(--md-label-small-size);font-weight:500;height:48px;justify-content:center;padding:0 .75rem;position:absolute;right:0;top:0;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.toggle-visibility:hover{background-color:color-mix(in srgb,var(--md-surface-2),var(--md-primary) 10%);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-link{grid-column:1/-1;margin-bottom:1rem}.api-key-link .usage-link{align-items:center;background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:6px 12px;text-decoration:none;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.api-key-link .usage-link:hover{background-color:color-mix(in srgb,var(--md-surface-1),var(--md-primary) 5%);border-color:var(--md-primary);text-decoration:none}.api-key-link .usage-link .material-symbols-rounded{color:var(--md-primary);font-size:16px}.api-key-instructions{background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);border-radius:24px;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}.important-step{align-items:center;color:var(--text-primary)!important;display:flex;flex-wrap:wrap;font-weight:500;justify-content:space-between;position:relative}.enable-api-link{background-color:#4285f4;background-color:var(--primary-color,#4285f4);border-radius:12px;color:#fff!important;display:inline-block;font-size:.8rem;font-weight:500;margin-left:10px;padding:4px 10px;text-decoration:none;transition:background-color .2s ease}[data-theme=dark] .enable-api-link{background-color:#1f1f1f;background-color:var(--md-primary-container,#1f1f1f);box-shadow:0 1px 3px #0000004d;color:#d7e3ff!important;color:var(--md-on-primary-container,#d7e3ff)!important}.enable-api-link:hover{background-color:#3367d6;background-color:var(--primary-dark-color,#3367d6);text-decoration:none!important}[data-theme=dark] .enable-api-link:hover{background-color:#6750a4;background-color:var(--md-primary,#6750a4);box-shadow:0 2px 5px #0006;color:#fff!important;color:var(--md-on-primary,#fff)!important}.api-warning{background-color:#ffc1071a;background-color:var(--warning-background,#ffc1071a);border-left:4px solid #ffc107;border-left:4px solid var(--warning-color,#ffc107);border-radius:48px;color:var(--text-primary);font-size:.9rem;margin-top:1rem;padding:1.75rem}.gemini-keys-container{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.gemini-keys-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:200px;overflow-y:auto;scrollbar-width:thin}.gemini-keys-list::-webkit-scrollbar{width:6px}.gemini-keys-list::-webkit-scrollbar-track{background:var(--md-surface-1)}.gemini-keys-list::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:6px}.gemini-key-item{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;padding:12px 14px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.gemini-key-item.single-key{grid-column:1/-1;max-width:100%}.gemini-key-item.active{background-color:color-mix(in srgb,var(--md-surface-1),var(--md-primary) 5%);border-color:var(--md-primary)}.gemini-key-content{display:flex;flex-direction:column;gap:8px;transition:opacity .15s ease-in-out}.gemini-key-display{align-items:center;display:flex;gap:8px;padding-right:8px}.gemini-key-text{color:var(--md-on-surface);font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing);position:relative}.gemini-key-masked{flex:1 1;letter-spacing:1px;margin-left:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gemini-key-masked,.gemini-key-visible{animation:fade-in .15s ease-in-out;font-family:monospace;transition:opacity .15s ease-in-out}.gemini-key-visible{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;line-height:1.4;max-height:60px;overflow-y:auto;padding:4px 6px;width:100%;word-break:break-all}.gemini-key-tooltip{background-color:var(--md-surface-3);border:1px solid var(--md-outline);border-radius:4px;box-shadow:var(--md-elevation-level3);color:var(--md-on-surface);font-family:monospace;font-size:.75rem;left:0;max-height:120px;max-width:100%;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 5px);word-break:break-all;z-index:10}.gemini-key-row{align-items:center;display:flex;gap:8px;width:100%}.gemini-key-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:flex-end}.gemini-key-actions.expanded{justify-content:space-between;margin-top:8px}.gemini-key-actions-right{align-items:center;display:flex;gap:6px}.gemini-key-button{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:4px;justify-content:center;padding:3px 6px;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.gemini-key-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-surface-2),var(--md-primary) 10%);color:var(--md-primary)}.gemini-key-button.active{background-color:var(--md-primary-container);border-color:var(--md-primary-container);color:var(--md-on-primary-container)}.gemini-key-button:disabled{cursor:not-allowed;opacity:.7}.gemini-key-button svg{height:14px;width:14px}.remove-key{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:50%;box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;transform-origin:center;transition:all var(--md-duration-medium2) var(--md-easing-standard);width:22px}.remove-key svg{height:14px;transition:transform .2s ease;width:14px}.remove-key:hover{background-color:var(--md-error-container);border-color:var(--md-error-container);color:var(--md-on-error-container)}.no-keys-message{color:var(--md-on-surface-variant);font-style:italic;padding:10px 0}.add-new-key-container{margin-top:10px}.add-key-input-row{align-items:center;display:flex;gap:8px}.add-key-input-row .custom-api-key-input{flex:1 1}.add-key-button{background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);color:var(--md-on-primary);cursor:pointer;font-size:var(--md-label-small-size);font-weight:500;height:48px;padding:6px 12px;transition:all var(--md-duration-medium2) var(--md-easing-standard);white-space:nowrap}.add-key-button:hover:not(:disabled){background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container)}.add-key-button:disabled{cursor:not-allowed;opacity:.6}.multiple-keys-info{background-color:var(--md-surface-1);border-left:4px solid var(--md-primary);border-radius:48px;margin-top:15px;padding:24px}.multiple-keys-info h4{color:var(--md-primary);margin-top:0}.multiple-keys-info p{color:var(--md-on-surface-variant);font-size:13px;line-height:1.4;margin:8px 0}.gemini-model-setting,.optimize-videos-setting,.optimized-resolution-setting,.segment-duration-setting,.time-format-setting,.use-optimized-preview-setting,.video-analysis-model-setting,.video-analysis-timeout-setting,.waveform-setting{margin-bottom:1.5rem;margin-top:.5rem}.gemini-model-setting label,.optimize-videos-setting label,.optimized-resolution-setting label,.segment-duration-setting label,.time-format-setting label,.use-optimized-preview-setting label,.video-analysis-model-setting label,.video-analysis-timeout-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}.setting-description.optimization-always-enabled{background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);color:var(--text-primary);font-weight:500;margin:.5rem 0 1rem;padding:.75rem}.gemini-model-select,.optimized-resolution-select,.segment-duration-select,.time-format-select,.video-analysis-model-select,.video-analysis-timeout-select{-webkit-appearance:none;appearance:none;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);cursor:pointer;font-family:Google Sans,Open Sans,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,.optimized-resolution-select:focus,.segment-duration-select:focus,.time-format-select:focus,.video-analysis-model-select:focus,.video-analysis-timeout-select:focus{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);outline:none}.gemini-model-select:hover,.optimized-resolution-select:hover,.segment-duration-select:hover,.time-format-select:hover,.video-analysis-model-select:hover,.video-analysis-timeout-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,.optimized-resolution-select option,.segment-duration-select option,.time-format-select option,.video-analysis-model-select option,.video-analysis-timeout-select option{background-color:var(--md-surface-2);color:var(--md-on-surface);font-family:Google Sans,Open Sans,Segoe UI,sans-serif;font-size:var(--md-body-medium-size);padding:.75rem}.material-switch-container{margin-top:.4rem}.video-optimization-section{border-top:1px solid var(--md-outline-variant);margin-top:2rem;padding-top:1rem}.video-optimization-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{margin-right:.5rem}.checkbox-label.disabled,input[type=checkbox]:disabled,select:disabled{cursor:not-allowed;opacity:.6}.thinking-slider-container{background-color:var(--md-surface-container-lowest);border-radius:18px;padding:.5rem 2rem}.thinking-slider-container .slider-with-value{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.thinking-slider-container .custom-slider-container{flex:1 1;height:42px}.thinking-slider-container .slider-value-display{color:var(--md-primary);font-size:.9rem;font-weight:500;min-width:100px;text-align:right}.thinking-slider-container .slider-range-info{color:var(--md-on-surface-variant);font-size:.8rem;text-align:center}.gemini-model-select:after,.optimized-resolution-select:after,.segment-duration-select:after,.time-format-select:after,.video-analysis-model-select:after,.video-analysis-timeout-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1.25rem;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.video-processing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.settings-card{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:var(--md-elevation-level1);overflow:hidden;padding:20px;position:relative;transition:all .3s var(--md-easing-standard)}.settings-card:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.settings-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.settings-card-header h4{color:var(--md-primary);font-size:1.1rem;font-weight:600;margin:0}.settings-card-icon{align-items:center;background-color:var(--md-primary-container);border-radius:50%;color:var(--md-on-primary-container);display:flex;height:32px;justify-content:center;width:32px}.settings-card-icon svg{stroke:currentColor;height:20px;width:20px}.settings-card-content{display:flex;flex-direction:column;gap:16px}.settings-card.combined-card .settings-card-content{gap:24px}.settings-card:before{content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.settings-card.segments-card:before,.settings-card:before{background-color:var(--md-primary)}.settings-card.ai-model-card:before{background-color:var(--md-secondary)}.settings-card.combined-card:before{background:linear-gradient(to right,var(--md-primary),var(--md-secondary))}.settings-card.analysis-card:before{background-color:#2196f3}.settings-card.processing-card:before{background-color:#4caf50}.settings-card.display-card:before{background-color:#ff9800}.settings-card.download-card:before{background-color:#673ab7}.settings-card.thinking-card:before{background-color:#ffc107}.settings-card.custom-gemini-models-card:before{background-color:#009688}.settings-card.optimization-card:before{background-color:#00bfa5}.compact-setting{display:flex;flex-direction:column;gap:8px}.compact-setting label{color:var(--md-on-surface);font-size:.95rem;font-weight:600;margin:0}.compact-setting .setting-description{color:var(--md-on-surface-variant);font-size:.85rem;margin:0}.setting-header{align-items:center;display:flex;justify-content:space-between;width:100%}.setting-header label{flex:1 1;padding-right:10px}.setting-header-with-toggle{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.setting-header-with-toggle>div:first-child{flex:1 1}.setting-header-with-toggle label{display:block;margin-bottom:4px}.setting-header-with-toggle .setting-description{margin-top:4px}.material-switch-container{gap:8px}.enhanced-select{-webkit-appearance:none;appearance:none;background-color:var(--md-surface);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:.9rem;padding:10px 36px 10px 16px;transition:all .2s var(--md-easing-standard);width:100%}.enhanced-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary);outline:none}.enhanced-select:hover{background-color:color-mix(in srgb,var(--md-surface),var(--md-primary) 5%);border-color:var(--md-primary)}.enhanced-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:8px 0}.enhanced-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:var(--md-surface);border:2px solid var(--md-outline);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin:0;position:relative;transition:all .2s var(--md-easing-standard);width:20px}.enhanced-checkbox input[type=checkbox]:checked{background-color:var(--md-primary);border-color:var(--md-primary)}.enhanced-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.enhanced-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary),#0000 70%);outline:none}.enhanced-checkbox-label{display:flex;flex-direction:column;gap:4px}.enhanced-checkbox-label span{color:var(--md-on-surface);font-size:.95rem;font-weight:500}.enhanced-checkbox-label small{color:var(--md-on-surface-variant);font-size:.85rem}.enhanced-checkbox input[type=checkbox]:disabled,.enhanced-checkbox.disabled,.enhanced-select:disabled{cursor:not-allowed;opacity:.6}.enhanced-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1em;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.video-processing-grid{grid-template-columns:1fr}}.cache-section{display:flex;flex-direction:column;height:100%;min-height:400px}.cache-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cache-section-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.cache-content{width:100%}.cache-actions-row{flex-wrap:wrap;justify-content:flex-end;margin-bottom:1.5rem}.cache-actions,.cache-actions-row,.empty-cache-info{align-items:center;display:flex;gap:12px}.empty-cache-info{background-color:var(--md-surface-1);border:1px dashed var(--border-color);border-radius:var(--card-border-radius);color:var(--text-secondary);flex-direction:column;height:100%;margin:0;padding:16px 20px;text-align:center}.empty-cache-info p{margin:0 0 8px}.cache-loading{background-color:var(--md-surface-1);border-radius:var(--card-border-radius);color:var(--text-secondary);height:100%;justify-content:center;min-height:60px;padding:16px 20px;position:relative;text-align:center}.cache-loading,.cache-loading p{align-items:center;display:flex;margin:0}.cache-loading p{gap:8px}.cache-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 1rem}.cache-details{animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);background-color:var(--md-surface-1);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level1);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-height);margin:0;padding:16px 20px;position:relative;transition:background-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.cache-details.clearing{opacity:.8}.cache-details.clearing:after{background-color:#0000000d;border-radius:var(--card-border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cache-details-header{margin-bottom:16px}.cache-details-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.cache-details-summary{background-color:var(--md-surface-2);border-radius:var(--card-border-radius);margin-bottom:16px;padding:12px 16px}.cache-total{color:var(--text-primary);font-size:var(--md-body-medium-size);margin:0}.refresh-cache-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--md-shape-pill);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s ease}.refresh-cache-btn:hover{background-color:var(--md-surface-2)}.refresh-cache-btn:active{transform:scale(.98)}.refresh-cache-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-icon{display:inline-block;font-size:1rem;transition:transform .3s ease}.refresh-cache-btn:hover .refresh-icon{transform:rotate(180deg)}.cache-details-grid{grid-gap:16px;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.cache-details-grid-header{grid-column:span 4;margin-bottom:20px}.cache-details-column{gap:12px}.cache-details-column,.cache-left-column,.cache-right-column{display:flex;flex-direction:column}.cache-right-column{gap:20px}.cache-details-item{border-bottom:1px solid var(--md-outline-variant);margin-bottom:0;padding-bottom:12px;transition:border-color var(--transition-speed)}.cache-details-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cache-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cache-details-item h4{color:var(--text-primary);flex:1 1;font-size:var(--md-title-small-size);font-stretch:condensed;font-weight:var(--md-title-small-weight);line-height:var(--md-title-small-height);margin:1px;transition:color var(--transition-speed)}.cache-details-item p{color:var(--text-secondary);font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-height);margin:0;transition:color var(--transition-speed)}.cache-details-item.empty-cache-item{opacity:.6}.cache-details-item.empty-cache-item h4,.cache-details-item.empty-cache-item p{color:#00000061;color:var(--text-disabled,#00000061)}[data-theme=dark] .cache-details-item.empty-cache-item h4,[data-theme=dark] .cache-details-item.empty-cache-item p{color:#ffffff61;color:var(--text-disabled,#ffffff61)}@media (max-width:1200px){.cache-details-grid{grid-template-columns:repeat(3,1fr)}.cache-details-grid-header{grid-column:span 3}}@media (max-width:900px){.cache-details-grid{grid-template-columns:repeat(2,1fr)}.cache-details-grid-header{grid-column:span 2}}@media (max-width:768px){.cache-details-grid{grid-template-columns:1fr}.cache-details-grid-header{grid-column:span 1}.cache-actions-row{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.cache-actions{flex-direction:column;gap:8px;width:100%}.clear-cache-btn,.refresh-cache-btn{width:100%}.cache-item-header{align-items:flex-start;flex-direction:column;gap:4px}.cache-item-header .remove-key{align-self:flex-end;margin-left:0}}.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}.transcription-prompt-setting .prompt-editor-container{background-color:var(--background-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:32px;margin-top:.5rem;overflow:hidden;position:relative}.transcription-prompt-textarea{background-color:var(--background-secondary);border:none;border-radius:32px;box-shadow:none;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.5;min-height:150px;padding:.75rem;resize:vertical;width:100%}.transcription-prompt-textarea:focus{outline:none}.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:var(--md-surface-3)}.reset-prompt-btn:active{transform:scale(.98)}.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(250px,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;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)}.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;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.5rem}.delete-preset-btn,.use-preset-btn,.view-preset-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-family:var(--font-title);font-size:.85rem;height:32px;justify-content:center;padding:.4rem .8rem;transition:background-color .2s,color .2s}.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:var(--md-surface-3)}.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)}.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-radius:var(--card-border-radius);display:flex;flex-direction:column;gap:1rem;height:100%}.preset-title-input{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:32px;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:var(--md-surface-2)}.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)}.preset-view-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10050}.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;overflow:hidden;position:relative;transform:translateZ(0);width:90%;will-change:transform;z-index:1}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preset-view-header{align-items:center;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);border-top-left-radius:var(--card-border-radius);border-top-right-radius:var(--card-border-radius);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.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;position:relative;scrollbar-color:var(--border-color) var(--background-secondary);scrollbar-width:thin;z-index:1}.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-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap}.preset-view-footer{background-color:var(--background-primary);border-bottom-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius);border-top:1px solid var(--border-color);bottom:0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;z-index:2}.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:var(--font-title);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:var(--font-title);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:var(--font-title);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:0;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:rgba(255,255,255,var(--md-state-hover-opacity))}.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{align-items:center;background-color:initial;border:1px solid var(--md-outline);border-radius:var(--md-shape-pill);color:var(--md-primary);cursor:pointer;display:flex;font-family:var(--font-title);font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:6px;justify-content:center;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 .key-hint{color:var(--md-primary);font-size:.8em;font-weight:400;opacity:.7}.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:var(--font-title);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:rgba(255,255,255,var(--md-state-hover-opacity))}.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;--settings-pill-width:0px;--settings-pill-left:0px;-webkit-overflow-scrolling:touch;align-items:center;cursor:grab;display:flex;flex:1 1;margin:0 2rem;min-height:50px;overflow-x:auto;padding:0 30px 0 16px;position:relative;scroll-behavior:smooth;scrollbar-width:none;-webkit-user-select:none;user-select:none;z-index:1}.settings-tabs:after{color:#8080804d;content:"chevron_right";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.settings-tabs .pill-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--md-primary-container-rgb),.5);border:1px solid rgba(var(--md-primary-rgb),.1);border-radius:20px;box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.15),0 1px 3px rgba(var(--md-primary-rgb),.1),inset 0 1px 1px #ffffff1a;content:"";height:40px;left:var(--settings-pill-left);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--md-duration-medium4) var(--md-easing-emphasized);width:var(--settings-pill-width);z-index:0}.settings-tabs.goo-ready .pill-background{display:none}.settings-tabs .pill-overlay{filter:url(#goo);inset:0;pointer-events:none;position:absolute;z-index:0}.settings-tabs .pill-overlay .goo-blob{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(120% 100% at 50% 40%,rgba(var(--md-primary-container-rgb),.58) 0,rgba(var(--md-primary-container-rgb),.46) 62%,rgba(var(--md-primary-container-rgb),.34) 100%);border:1px solid rgba(var(--md-primary-rgb),.08);border-radius:999px;box-shadow:0 2px 8px rgba(var(--md-primary-rgb),.16),0 1px 3px rgba(var(--md-primary-rgb),.1),inset 0 1px 1px #ffffff14;contain:layout paint style size;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:none;will-change:left,width,transform}.settings-tabs:has(.settings-tab.active) .pill-background{opacity:1}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-family:Google Sans,Open Sans,sans-serif;font-size:var(--md-label-large-size);font-weight:500;gap:8px;height:40px;margin:0 4px;opacity:.85;padding:.75rem 1.25rem;position:relative;transition:all var(--md-duration-medium3) var(--md-easing-emphasized);white-space:nowrap;z-index:1}.settings-tab svg{stroke:currentColor;height:20px;opacity:.9;transition:all var(--md-duration-medium2) var(--md-easing-emphasized);width:20px}.settings-tab:hover svg{opacity:1;transform:scale(1.1)}.settings-tab.active{color:var(--md-on-primary-container);font-weight:700;letter-spacing:.2px;opacity:1;text-shadow:0 1px 1px rgba(var(--md-primary-rgb),.1);transform:scale(1.2)}.settings-tab.active svg{opacity:1;transform:scale(1.1)}.settings-tab .tab-badge{border-radius:50%;box-shadow:0 0 0 4px rgba(var(--md-primary-rgb),.15);height:8px;position:absolute;right:6px;top:6px;width:8px}.settings-tab .tab-badge,.settings-tab.active .tab-badge{background:var(--md-primary)}.settings-tab:hover:not(.active){background-color:rgba(var(--md-on-surface-variant-rgb),.05);opacity:1;transform:translateY(-1px)}.settings-tab:before{background-color:var(--md-primary);border-radius:20px;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)}.settings-tab:active:before{opacity:.08;transform:scale(1);transition:transform var(--md-duration-short4) var(--md-easing-emphasized),opacity var(--md-duration-short4) var(--md-easing-emphasized)}.settings-tabs.dragging{cursor:grabbing;scroll-behavior:auto}.settings-tabs.dragging:after{color:#80808080}.settings-tabs:after,.settings-tabs:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:40px;z-index:2}.settings-tabs.has-overflow:after,.settings-tabs.has-overflow:before{opacity:1}.settings-tab-content{clear:both;display:none;padding:1rem 1.5rem 4rem}.settings-tab-content.active{display:block}@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:32px;-webkit-clip-path:inset(0 0 0 0 round var(--modal-border-radius));clip-path:inset(0 0 0 0 round var(--modal-border-radius));overflow:hidden;position:relative;transform:translateZ(0);will-change:transform}.settings-footer{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:color-mix(in srgb,var(--background-secondary),var(--text-primary) 5%)}.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 9px;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){background-color:color-mix(in srgb,var(--md-primary-container),var(--md-on-primary-container) 10%)}.oauth-clear-btn:hover{background-color:color-mix(in srgb,var(--md-error-container),var(--md-on-error-container) 10%)}.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;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{padding-top:15px}.notification-messages-container{margin-bottom:16px}.gemini-paused-message{align-items:center;animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);background-color:#2196f31a;background-color:var(--info-background,#2196f31a);border-radius:24px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.gemini-paused-message:last-child{margin-bottom:0}.message-content{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:.9rem;gap:6px;line-height:1.3}.message-icon{flex-shrink:0;font-size:1em;margin-right:2px}.message-content a,.message-link{color:var(--md-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.message-content a:hover,.message-link:hover{opacity:.9;text-decoration:underline}.udbm-message{background-color:#4caf501a;background-color:var(--success-background,#4caf501a);border-left-color:#4caf50;border-left-color:var(--success-color,#4caf50)}.upcoming-features-message{background-color:#ff98001a;background-color:var(--warning-background,#ff98001a);border-left-color:#ff9800;border-left-color:var(--warning-color,#ff9800)}.notification-placeholder{align-items:center;animation:fadeIn var(--md-duration-medium2) var(--md-easing-standard);border-radius:24px;display:flex;justify-content:center;margin-bottom:16px;margin-top:16px;padding:16px 12px}.placeholder-content{align-items:center;color:var(--text-muted);display:flex;font-size:1.1rem;font-stretch:ultra-expanded;gap:8px;line-height:1.3}.placeholder-icon{font-size:1.1em;opacity:.6}.dark-theme .notification-placeholder{background-color:initial;border:none;border-radius:0}@media (max-width:768px){.gemini-paused-message{align-items:center;flex-direction:row;gap:8px;padding:6px 10px}.message-content{font-size:.85rem}.notification-placeholder{padding:12px 10px}.placeholder-content{font-size:.85rem}}.translation-language-input{margin-bottom:.5rem;margin-top:.5rem;position:relative}.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:.5rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}.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);border-color:var(--md-primary);box-shadow:0 0 0 2px var(--primary-color-light);outline:none}.target-language-input::placeholder{color:var(--text-secondary);font-stretch:ultra-condensed;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{min-height:500px;padding:1rem}.about-content,.about-section{display:flex;flex-direction:column;position:relative}.about-content{flex:1 1;gap:1.5rem;margin:0 auto;max-width:800px;z-index:1}.replay-onboarding-container{display:flex;justify-content:center;margin-bottom:2.5rem;margin-top:1.5rem}.replay-onboarding-button{align-items:center;background-color:initial;border:none;border-radius:20px;color:#5684d1;color:var(--md-primary,#5684d1);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;height:36px;justify-content:center;letter-spacing:.1px;min-width:64px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.replay-onboarding-button:hover{background-color:#5684d114}.replay-onboarding-button:active{background-color:#5684d11f}.replay-onboarding-button:focus-visible{background-color:#5684d11f;outline:none}.replay-onboarding-button:after{background-color:initial;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.about-section:before{background-image:url(../../static/media/about-background.7f2927127d6c8cd07897.svg);background-position:50%;background-repeat:no-repeat;background-size:80%;content:"";height:165%;left:50%;opacity:.25;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.about-section.alternative-bg:before{background-image:url(../../static/media/about-background-alternative.58e307ebf87d803e9b2c.svg)}.about-section.alternative-bg-1:before{background-image:url(../../static/media/about-background-alternative1.5b14640f7e807ff7b27d.svg)}.about-section.alternative-bg-2:before{background-image:url(../../static/media/about-background-alternative2.8e909b1c9092ae0f1c15.svg)}.about-section.alternative-bg-3:before{background-image:url(../../static/media/about-background-alternative3.b91084e27efc9cccfe3f.svg)}.about-section.alternative-bg-4:before{background-image:url(../../static/media/about-background-alternative4.6ab9213c2a6384cca3c2.svg)}.about-section.alternative-bg-5:before{background-image:url(../../static/media/about-background-alternative5.88b6b7f74a8093f1738c.svg)}.about-app-title{color:var(--md-primary);font-family:Google Sans,Be Vietnam Pro,Noto Sans Vietnamese,Lexend,Open Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:.5rem;text-align:center}.version-info{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--md-shape-large);box-shadow:var(--md-elevation-1);display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.75rem}.version-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;text-align:center}.version-details{display:flex;flex-direction:column;gap:1rem}.version-display{color:var(--text-secondary);font-size:1rem;margin:0;text-align:center}.version-display strong{color:var(--text-primary)}.latest-version-check{border-top:1px solid var(--surface-variant)}.checking-update{align-items:center;background-color:var(--surface-container);border-left:3px solid var(--md-primary);border-radius:var(--md-shape-medium);color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem;margin:0;padding:1rem}.latest-version-info{display:flex;flex-direction:column;gap:1rem}.latest-version-display{color:var(--text-secondary);font-size:1rem;margin:0;text-align:center}.latest-version-display strong{color:var(--text-primary)}.update-notification{background-color:var(--md-primary-container);border:1px solid var(--md-primary);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-1);overflow:hidden;padding:1.5rem;position:relative}.update-notification:before{background:linear-gradient(90deg,var(--md-primary),var(--md-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.update-message{align-items:center;color:var(--md-primary);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:.75rem}.update-icon{animation:glow 2.4s ease-in-out infinite;color:var(--md-primary);filter:drop-shadow(0 0 0 rgba(33,150,243,0));filter:drop-shadow(0 0 0 rgba(var(--md-primary-rgb,33,150,243),0));flex-shrink:0}@keyframes glow{0%{filter:drop-shadow(0 0 0 rgba(33,150,243,0));filter:drop-shadow(0 0 0 rgba(var(--md-primary-rgb,33,150,243),0));transform:none}50%{filter:drop-shadow(0 0 6px rgba(33,150,243,.7));filter:drop-shadow(0 0 6px rgba(var(--md-primary-rgb,33,150,243),.7));transform:none}to{filter:drop-shadow(0 0 0 rgba(33,150,243,0));filter:drop-shadow(0 0 0 rgba(var(--md-primary-rgb,33,150,243),0));transform:none}}.update-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.update-instructions{margin-top:1rem}.update-instructions p{color:var(--text-primary);font-weight:500;margin:0 0 .75rem}.installer-options{display:flex;flex-direction:column;gap:.5rem}.installer-option{align-items:center;background-color:var(--surface-container);border:1px solid var(--surface-variant);border-radius:var(--md-shape-small);display:flex;font-size:.9rem;gap:.75rem;justify-content:center;padding:1rem 1.25rem;transition:all .2s ease}.installer-option.primary-installer{background-color:var(--surface-container-high);border-color:var(--md-primary);box-shadow:var(--md-elevation-1);font-weight:600}.installer-option.secondary-installer{font-size:.8rem;opacity:.8}.installer-option strong{color:var(--text-primary);min-width:80px}.installer-option code{background-color:var(--surface-variant);border:1px solid var(--outline-variant);border-radius:6px;color:var(--md-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.85rem;font-weight:600;letter-spacing:.025em;padding:.4rem .75rem}.up-to-date{align-items:center;background-color:#4caf501a;background-color:var(--md-success-container,#4caf501a);border-radius:var(--md-shape-medium);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;margin:0;overflow:hidden;padding:1.25rem;position:relative}.check-icon,.up-to-date{color:#4caf50;color:var(--md-success,#4caf50)}.check-icon{flex-shrink:0}.update-check-failed{color:var(--text-secondary);font-style:italic;margin:0;padding:.5rem;text-align:center}[data-theme=dark] .version-info{background-color:#ffffff05;background-color:var(--surface-container-low-dark,#ffffff05)}[data-theme=dark] .latest-version-check{border-top-color:#ffffff1f;border-top-color:var(--surface-variant-dark,#ffffff1f)}[data-theme=dark] .checking-update{background-color:#ffffff14;background-color:var(--surface-container-dark,#ffffff14);border-left-color:var(--md-primary-light)}[data-theme=dark] .update-notification{background-color:#90caf926;background-color:var(--md-primary-container-dark,#90caf926);border-color:var(--md-primary-light)}[data-theme=dark] .update-notification:before{background:linear-gradient(90deg,var(--md-primary-light),var(--md-secondary-light))}[data-theme=dark] .update-icon,[data-theme=dark] .update-message{color:var(--md-primary-light)}[data-theme=dark] .installer-option{background-color:#ffffff14;background-color:var(--surface-container-dark,#ffffff14);border-color:#ffffff1f;border-color:var(--surface-variant-dark,#ffffff1f)}[data-theme=dark] .installer-option.primary-installer{background-color:#ffffff1f;background-color:var(--surface-container-high-dark,#ffffff1f);border-color:var(--md-primary-light)}[data-theme=dark] .installer-option code{background-color:#ffffff1f;background-color:var(--surface-variant-dark,#ffffff1f);border-color:#ffffff29;border-color:var(--outline-variant-dark,#ffffff29);color:var(--md-primary-light)}[data-theme=dark] .check-icon{color:#81c784;color:var(--md-success-light,#81c784)}.creator-info{border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-1);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.creator-info p{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.creator-info strong{color:var(--text-primary);min-width:120px}.creator-info a{color:var(--md-primary);text-decoration:none;transition:color .2s ease;word-break:break-all}.creator-info a:hover{color:var(--md-primary-hover);text-decoration:underline}.app-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;padding:0 1rem;text-align:center}[data-theme=dark] .about-app-title,[data-theme=dark] .creator-info a{color:var(--md-primary-light)}[data-theme=dark] .creator-info a:hover{color:var(--md-primary-light-hover)}.settings-modal .checkbox-label{align-items:center;cursor:pointer;display:inline-flex;gap:.75rem;margin-bottom:.5rem;position:relative;-webkit-user-select:none;user-select:none;width:auto}.settings-modal .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:0;margin:0;position:relative;transition:background-color .2s var(--md-easing-standard),border-color .2s var(--md-easing-standard);width:18px}.settings-modal .checkbox-label input[type=checkbox]:checked{background-color:var(--md-primary);border-color:var(--md-primary);margin-left:0}.settings-modal .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}.settings-modal .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 1rem;max-width:90%;padding-left:2.25rem}.structured-output-setting .checkbox-label,.video-analysis-section .use-video-analysis-setting .checkbox-label,.video-analysis-section .video-analysis-model-setting .checkbox-label,.video-analysis-section .video-analysis-timeout-setting .checkbox-label,.video-optimization-section .optimize-videos-setting .checkbox-label,.video-optimization-section .use-optimized-preview-setting .checkbox-label,.waveform-setting .checkbox-label{font-weight:600;margin-bottom:.25rem}.optimize-videos-setting,.structured-output-setting,.use-optimized-preview-setting,.use-video-analysis-setting,.video-analysis-model-setting,.video-analysis-timeout-setting,.waveform-setting{display:block;width:auto}.settings-modal .checkbox-label{flex-wrap:nowrap}.settings-modal .checkbox-label span{line-height:1.4;white-space:normal}.custom-models-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.custom-model-item{align-items:center;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s var(--md-easing-standard)}.custom-model-item:hover{background-color:var(--md-surface-3);border-color:var(--md-outline)}.custom-model-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.custom-model-name{color:var(--md-on-surface);font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);line-height:1.2}.custom-model-id{color:var(--md-on-surface-variant);font-family:Consolas,Monaco,Courier New,monospace;font-family:var(--md-code-font,"Consolas","Monaco","Courier New",monospace);font-size:var(--md-body-small-size);line-height:1.2}.custom-model-actions{align-items:center;display:flex;gap:8px}.custom-model-item .delete-model-btn,.custom-model-item .edit-model-btn{align-items:center;background:#0000;border:none;border-radius:24px;cursor:pointer;display:flex;gap:0;height:32px;justify-content:center;padding:0;transition:all .2s var(--md-easing-standard);width:32px}.custom-model-item .edit-model-btn{color:var(--md-primary)}.custom-model-item .edit-model-btn:hover{background-color:rgba(var(--md-primary-rgb),.1);color:var(--md-primary)}.custom-model-item .delete-model-btn{color:var(--md-error)}.custom-model-item .delete-model-btn:hover{background-color:rgba(var(--md-error-rgb),.1);color:var(--md-error)}.add-model-form{background-color:var(--md-surface-2);border-radius:24px;margin-top:16px;padding:16px}.form-row{gap:16px;margin-bottom:16px}.form-field,.form-row{display:flex;flex-direction:column}.form-field{gap:6px}.form-field label{color:var(--md-on-surface);font-size:var(--md-body-small-size);font-weight:var(--md-body-medium-weight)}.model-input{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--md-on-surface);font-size:var(--md-body-medium-size);padding:12px 16px;transition:all .2s var(--md-easing-standard)}.model-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.model-input::placeholder{color:var(--md-on-surface-variant)}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-model-btn,.save-model-btn{border:none;border-radius:24px;cursor:pointer;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);padding:10px 20px;transition:all .2s var(--md-easing-standard)}.save-model-btn{background-color:var(--md-primary);color:var(--md-on-primary)}.save-model-btn:hover:not(:disabled){background-color:var(--md-primary-dark);box-shadow:var(--md-elevation-level2)}.save-model-btn:disabled{background-color:var(--md-surface-variant);color:var(--md-on-surface-variant);cursor:not-allowed}.cancel-model-btn{background-color:initial;border:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant)}.cancel-model-btn:hover{background-color:var(--md-surface-variant);border-color:var(--md-outline)}.add-model-button{align-items:center;background-color:initial;border:2px dashed var(--md-outline-variant);border-radius:12px;color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:var(--md-body-medium-size);font-weight:var(--md-body-medium-weight);gap:8px;justify-content:center;margin-top:16px;padding:12px 16px;transition:all .2s var(--md-easing-standard);width:100%}.add-model-button:hover{background-color:rgba(var(--md-primary-rgb),.05);border-color:var(--md-primary);color:var(--md-primary)}@media (max-width:768px){.form-row{gap:12px}.custom-model-item{padding:10px 12px}.custom-model-actions{gap:4px}.custom-model-item .delete-model-btn,.custom-model-item .edit-model-btn{height:28px;width:28px}.form-actions{flex-direction:column;gap:8px}.cancel-model-btn,.save-model-btn{width:100%}}.model-management-section{margin-bottom:2rem}.model-management-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.model-management-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.model-management-unavailable-message{align-items:center;background-color:rgba(var(--md-error-rgb),.08);border:1px solid rgba(var(--md-error-rgb),.2);border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.model-management-unavailable-message .warning-icon{align-items:center;color:var(--md-error);display:flex;justify-content:center}.model-management-unavailable-message .message{color:var(--text-primary);display:flex;flex-direction:column;font-size:.95rem;line-height:1.5}.model-management-unavailable-message .method-description{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:.25rem}.model-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.model-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:180px;padding:1rem;position:relative;transition:box-shadow .2s,transform .2s,border-color .2s}.model-card:hover{border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.installed-model{background-color:var(--md-surface-2);border-left:3px solid var(--md-secondary)}.model-card-content{flex:1 1}.model-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.model-author{color:var(--text-secondary);font-size:.85rem;margin:0 0 .75rem}.model-languages{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.language-chip{align-items:center;border:1px solid #00000014;border-radius:12px;box-shadow:0 1px 2px #00000026;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .5rem}html:not([data-theme=dark]) .language-chip.en{background-color:#2196f326;color:#0277bd}html:not([data-theme=dark]) .language-chip.zh{background-color:#f4433626;color:#c62828}html:not([data-theme=dark]) .language-chip.fr{background-color:#9c27b026;color:#7b1fa2}html:not([data-theme=dark]) .language-chip.es{background-color:#ff980026;color:#ef6c00}html:not([data-theme=dark]) .language-chip.it{background-color:#00968826;color:#00796b}html:not([data-theme=dark]) .language-chip.ja{background-color:#e91e6326;color:#c2185b}html:not([data-theme=dark]) .language-chip.ru{background-color:#3f51b526;color:#303f9f}html:not([data-theme=dark]) .language-chip.vi{background-color:#ffc10726;color:#ff8f00}html:not([data-theme=dark]) .language-chip.fi{background-color:#03a9f426;color:#0288d1}html:not([data-theme=dark]) .language-chip.hi{background-color:#ff572226;color:#d84315}html:not([data-theme=dark]) .language-chip:not(.en):not(.zh):not(.fr):not(.es):not(.it):not(.ja):not(.ru):not(.vi):not(.fi):not(.hi){background-color:#4caf5026;color:#2e7d32}html[data-theme=dark] .language-chip{border-color:#ffffff1a;box-shadow:0 1px 3px #0003}html[data-theme=dark] .language-chip.en{background-color:#2196f340;color:#64b5f6}html[data-theme=dark] .language-chip.zh{background-color:#f4433640;color:#ef9a9a}html[data-theme=dark] .language-chip.fr{background-color:#9c27b040;color:#ce93d8}html[data-theme=dark] .language-chip.es{background-color:#ff980040;color:#ffb74d}html[data-theme=dark] .language-chip.it{background-color:#00968840;color:#80cbc4}html[data-theme=dark] .language-chip.ja{background-color:#e91e6340;color:#f48fb1}html[data-theme=dark] .language-chip.ru{background-color:#3f51b540;color:#9fa8da}html[data-theme=dark] .language-chip.vi{background-color:#ffc10740;color:#ffe082}html[data-theme=dark] .language-chip.fi{background-color:#03a9f440;color:#81d4fa}html[data-theme=dark] .language-chip.hi{background-color:#ff572240;color:#ffab91}html[data-theme=dark] .language-chip:not(.en):not(.zh):not(.fr):not(.es):not(.it):not(.ja):not(.ru):not(.vi):not(.fi):not(.hi){background-color:#4caf5040;color:#a5d6a7}.model-source{margin:0}.model-size,.model-source{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.model-size{font-weight:500;margin:.5rem 0}.model-size.empty-size{height:1.2em;visibility:hidden}.download-status{align-items:center;background-color:rgba(var(--md-primary-rgb),.08);border-radius:8px;color:var(--md-primary);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem;position:relative}.download-status .cancel-download-btn{background-color:initial;border:none;color:var(--md-error);height:auto;min-width:24px;padding:.25rem;position:absolute;right:.25rem;top:50%;transform:translateY(-50%)}.download-status .cancel-download-btn:hover{background-color:rgba(var(--md-error-rgb),.1)}.download-status.error{background-color:rgba(var(--md-error-rgb),.08);color:var(--md-error)}.download-percentage{align-items:center;background-color:rgba(var(--md-primary-rgb),.08);border-radius:20px;color:var(--md-primary);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.4rem .8rem}.download-progress{background-color:rgba(var(--md-primary-rgb),.2);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.download-progress-bar{background-color:var(--md-primary);height:100%;transition:width .3s ease}.model-card-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:space-between;margin-top:1rem;padding-top:.5rem}.cancel-download-btn,.delete-model-btn,.download-model-btn,.edit-model-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-family:var(--font-title);font-size:.85rem;gap:.5rem;height:32px;justify-content:center;padding:.4rem .8rem;transition:background-color .2s,color .2s}.edit-model-btn{background-color:var(--md-surface-2);border:1px solid var(--border-color);color:var(--text-primary)}.edit-model-btn:hover{background-color:var(--md-surface-3)}.download-model-btn{background-color:var(--md-primary-container);border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary-container);font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);letter-spacing:.1px;line-height:var(--md-label-medium-height);overflow:hidden;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)}.download-model-btn:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary);transform:translateY(-2px)}.download-model-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.download-model-btn svg{transition:transform var(--md-duration-medium3) var(--md-easing-emphasized)}.download-model-btn:hover svg{transform:translateY(2px)}.delete-model-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);box-sizing:border-box;color:var(--text-secondary);display:inline-flex;height:36px;justify-content:center;line-height:1;padding:0 10px}.model-card-actions .delete-model-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-family:var(--font-title);font-size:.85rem;gap:.5rem;height:32px;justify-content:center;padding:.4rem .8rem;transition:background-color .2s,color .2s}.delete-model-btn:hover{background-color:var(--error-background);border-color:var(--error-color);color:var(--error-color)}.cancel-download-btn{background-color:rgba(var(--md-error-rgb),.1);border:1px solid rgba(var(--md-error-rgb),.2);color:var(--md-error)}.cancel-download-btn:hover{background-color:var(--md-error-container);color:var(--md-on-error-container)}.add-model-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:180px;padding:1rem;transition:background-color .2s,border-color .2s}.add-model-card:hover{background-color:var(--md-surface-2);border-color:var(--md-primary)}.add-model-icon{color:var(--text-secondary);font-size:2rem;line-height:1;margin-bottom:.5rem}.add-model-card p{color:var(--text-secondary);font-size:.9rem;margin:0;text-align:center}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h4{margin:0}.section-actions{display:flex;gap:.75rem}.refresh-models-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--md-shape-pill);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s ease}.refresh-models-btn:hover{background-color:var(--md-surface-2)}.refresh-models-btn:active{transform:scale(.98)}.refresh-models-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-models-btn .spinning{animation:spin 1s linear infinite}.toggle-cache-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;gap:.5rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.toggle-cache-btn:hover{background-color:var(--md-surface-3);border-color:var(--md-primary)}.toggle-cache-btn:active{transform:scale(.98)}.add-model-btn{align-items:center;background-color:var(--md-primary);border:none;border-radius:20px;color:var(--md-on-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.add-model-btn:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.add-model-btn:active{transform:scale(.98)}.model-dialog{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.model-dialog-header{background-color:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);padding:1.5rem 1.5rem 1rem}.model-dialog-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.model-dialog-content{background-color:var(--md-surface-1);flex:1 1;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--md-primary) #0000;scrollbar-width:thin}.model-dialog-content::-webkit-scrollbar{height:8px;width:8px}.model-dialog-content::-webkit-scrollbar-track{background:#0000;border-radius:10px}.model-dialog-content::-webkit-scrollbar-thumb{background-color:var(--md-primary-container);border:2px solid var(--md-surface-1);border-radius:10px}.model-dialog-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)}.model-dialog-actions{background-color:var(--md-surface-2);border-top:1px solid var(--md-outline-variant);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.confirm-btn{align-items:center;background-color:var(--md-primary);border:none;border-radius:20px;color:var(--md-on-primary);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.confirm-btn:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.delete-btn{align-items:center;background-color:var(--md-error);border:none;border-radius:20px;color:var(--md-on-error);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.delete-btn:hover{background-color:color-mix(in srgb,var(--md-error),#000 10%)}.form-field{margin-bottom:1.5rem}.form-field label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-elevation-level1);color:var(--text-primary);font-family:var(--font-primary);font-size:.9rem;font-stretch:condensed;padding:.75rem;transition:all .2s ease;width:100%}.form-field input:hover:not(:focus),.form-field select:hover:not(:focus),.form-field textarea:hover:not(:focus){border-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none;transform:translateY(-2px)}.form-field textarea{font-family:var(--font-code);min-height:100px;resize:vertical}.form-field .helper-text{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.radio-group{display:flex;gap:1rem;margin-bottom:1rem}.language-codes-section{margin-bottom:1.5rem}.language-codes-section h5{color:var(--text-primary);font-size:.95rem;font-weight:500;margin:0 0 .5rem}.language-code-input{background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:100px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;height:36px;padding:0 12px;width:90px}.language-code-input::placeholder{color:var(--text-secondary);opacity:.7}.language-code-input:focus{background-color:var(--md-surface-1);border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.15);outline:none}.add-language-btn,.language-code-field{align-items:center;display:flex;gap:.5rem}.add-language-btn{background-color:var(--md-surface-2);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;height:36px;justify-content:center;padding:.4rem .8rem;transition:background-color .2s,transform .1s}.add-language-btn:hover{background-color:var(--md-surface-3);border-color:var(--md-primary)}.advanced-options-toggle{align-items:center;background-color:initial;border:none;border-radius:20px;color:var(--md-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.4rem .8rem;transition:background-color .2s}.advanced-options-toggle:hover{background-color:rgba(var(--md-primary-rgb),.08)}.spinner{animation:spin 1s linear infinite;border:2px solid rgba(var(--md-primary-rgb),.3);border-radius:50%;border-top-color:var(--md-primary);height:20px;width:20px}.video-analysis-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000d9;bottom:0;display:flex!important;justify-content:center;left:0;opacity:1!important;pointer-events:auto!important;position:fixed;right:0;top:0;visibility:visible!important;z-index:9999!important}@keyframes pulse{0%{box-shadow:0 0 0 0 #4285f4b3}70%{box-shadow:0 0 0 15px #4285f400}to{box-shadow:0 0 0 0 #4285f400}}.video-analysis-modal{animation:slideUp .3s ease,pulse 2s infinite;background-color:var(--md-surface);border-radius:16px;box-shadow:var(--md-elevation-level3),0 0 0 #4285f4b3;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.modal-header{background-color:var(--md-surface-container-high);padding:16px 24px}.modal-header h2{color:var(--md-on-surface);font-size:1.5rem;font-weight:600;margin:0}.video-analysis-modal .modal-content{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:var(--md-outline-variant) var(--md-surface-container);scrollbar-width:thin}.video-analysis-modal .modal-content::-webkit-scrollbar{height:8px;width:8px}.video-analysis-modal .modal-content::-webkit-scrollbar-track{background:var(--md-surface-container);border-radius:4px}.video-analysis-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-container);border-radius:4px}.video-analysis-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .video-analysis-modal .modal-content{background-color:var(--md-surface-container-highest);scrollbar-color:var(--md-outline) var(--md-surface-container-highest)}[data-theme=dark] .video-analysis-modal .modal-content::-webkit-scrollbar-track{background:var(--md-surface-container-highest)!important}[data-theme=dark] .video-analysis-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline)!important;border:2px solid var(--md-surface-container-highest)!important}[data-theme=dark] .video-analysis-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)!important}.rules-content{max-height:60vh;overflow-y:auto;scrollbar-color:var(--md-outline-variant) var(--md-surface-container);scrollbar-width:thin}.rules-content::-webkit-scrollbar{height:8px;width:8px}.rules-content::-webkit-scrollbar-track{background:var(--md-surface-container);border-radius:4px}.rules-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-container);border-radius:4px}.rules-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}[data-theme=dark] .video-analysis-modal .rules-content{background-color:var(--md-surface-container-highest);scrollbar-color:var(--md-outline) var(--md-surface-container-highest)}[data-theme=dark] .video-analysis-modal .rules-content::-webkit-scrollbar-track{background:var(--md-surface-container-highest)!important}[data-theme=dark] .video-analysis-modal .rules-content::-webkit-scrollbar-thumb{background-color:var(--md-outline)!important;border:2px solid var(--md-surface-container-highest)!important}[data-theme=dark] .video-analysis-modal .rules-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)!important}.analysis-result{display:flex;flex-direction:column;gap:24px}.recommended-preset,.transcription-rules-summary{background-color:var(--md-surface-container);border-radius:12px;box-shadow:var(--md-elevation-level1);padding:20px}.recommended-preset h3,.transcription-rules-summary h3{color:var(--md-on-surface);font-size:1.2rem;margin-bottom:16px;margin-top:0}.preset-card{background-color:var(--md-surface-container-high);border-left:4px solid var(--md-primary);border-radius:8px;padding:16px}.preset-card h4{color:var(--md-primary);font-size:1.1rem;margin-bottom:8px;margin-top:0}.preset-card p{margin:0}.preset-card p,.transcription-rules-summary p{color:var(--md-on-surface-variant);font-size:.95rem;line-height:1.5}.transcription-rules-summary p{margin-bottom:16px}.preview-rules-button{align-items:center;background-color:var(--md-secondary-container);border:none;border-radius:20px;color:var(--md-on-secondary-container);cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:.9rem;gap:8px;justify-content:center;padding:8px 16px;transition:background-color .2s}.preview-rules-button:hover{background-color:color-mix(in srgb,var(--md-secondary-container),#000 10%)}.timer-section{animation:pulse 2s infinite;background-color:var(--md-surface-container-highest);border:2px solid var(--md-primary);border-radius:12px;cursor:pointer;margin-bottom:24px;padding:16px;position:relative;text-align:center}.timer-section p{color:var(--md-on-surface);font-size:1rem;margin:0}.timer{animation:pulse 1s infinite;background-color:var(--md-primary-container);border-radius:8px;box-shadow:0 2px 4px #0003;color:var(--md-primary);display:inline-block;font-size:2rem;font-weight:700;margin:0 6px;min-width:40px;padding:6px 12px;text-align:center}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 16px 16px 24px}.back-button,.edit-rules-button,.use-default-button{background-color:var(--md-surface-container-high);border:1px solid var(--md-outline);border-radius:20px;color:var(--md-on-surface);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.back-button:hover,.edit-rules-button:hover,.use-default-button:hover{background-color:var(--md-surface-container-highest)}.continue-button,.use-recommended-button{background-color:var(--md-primary);border:none;border-radius:20px;color:var(--md-on-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.continue-button:hover,.use-recommended-button:hover{background-color:color-mix(in srgb,var(--md-primary),#000 10%)}.rule-section{border-bottom:1px solid var(--md-surface-variant);margin-bottom:24px;padding-bottom:24px}.rule-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rule-section h3{color:var(--md-on-surface);font-size:1.1rem;margin-bottom:12px;margin-top:0}.rule-section p,.rule-section ul{color:var(--md-on-surface);font-size:.95rem;line-height:1.5;margin:0}.rule-section ul{padding-left:20px}.rule-section li{margin-bottom:8px}.rule-section li:last-child{margin-bottom:0}.speakers-list,.terminology-list{list-style-type:none;padding-left:0}.speakers-list li,.terminology-list li{background-color:var(--md-surface-container-high);border-radius:8px;margin-bottom:8px;padding:12px}.speakers-list strong,.terminology-list strong{color:var(--md-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.background-generator-container{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border-radius:38px;box-shadow:var(--md-elevation-level2);margin:20px auto 40px;max-height:2000px;max-width:1200px;overflow:hidden;position:relative;scroll-margin-top:20px;transition:height var(--md-duration-medium4) var(--md-easing-emphasized);width:100%;will-change:max-height}.background-generator-container,.background-generator-container.collapsed{transition:max-height var(--md-duration-medium4) var(--md-easing-emphasized)}.background-generator-container.collapsed{max-height:128px}.background-generator-collapsed-content{animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface-1);border-radius:0 0 24px 24px;transform-origin:top center}.background-generator-content{grid-gap:20px;animation:expandContent var(--md-duration-medium4) var(--md-easing-emphasized);background-color:var(--md-surface-1);display:grid;gap:20px;grid-template-columns:1fr;padding:24px;transform-origin:top center;transition:opacity var(--md-duration-medium3) var(--md-easing-emphasized),transform var(--md-duration-medium3) var(--md-easing-emphasized)}.background-generator-header{align-items:center;background-color:var(--md-surface-2);border-radius:24px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);display:flex;justify-content:space-between;padding:20px 24px;position:relative;z-index:1}.background-generator-header .header-left{align-items:center;display:flex;gap:16px}.background-generator-header .edit-prompt-button-with-text{align-items:center;background-color:initial;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface-variant);cursor:pointer;display:flex;font-size:var(--md-label-medium-size);font-weight:var(--md-label-medium-weight);gap:8px;padding:6px 12px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.background-generator-header .edit-prompt-button-with-text:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1);color:var(--md-primary);transform:translateY(-1px)}.background-generator-header .edit-prompt-button-with-text svg{transition:transform .3s var(--md-easing-emphasized)}.background-generator-header .edit-prompt-button-with-text:hover svg{color:var(--md-primary);transform:rotate(15deg)}.background-generator-container:not(.collapsed) .background-generator-header{border-radius:24px 24px 0 0}.background-generator-container.collapsed .background-generator-header,.background-generator-container:not(.collapsed) .background-generator-header{transition:border-radius var(--md-duration-medium2) var(--md-easing-standard)}.background-generator-header h2{color:var(--text-color);font-size:1.3rem;margin:0}.content-grid{grid-gap:24px;grid-template-columns:repeat(12,1fr)}.content-grid,.media-content-grid{display:grid;gap:24px;transition:opacity var(--md-duration-medium3) var(--md-easing-emphasized),transform var(--md-duration-medium3) var(--md-easing-emphasized);width:100%}.media-content-grid{grid-gap:24px;grid-template-columns:1fr}.top-inputs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:6fr 4fr 200px}.right-inputs-container{gap:0;grid-column:2/3}.lyrics-input-container,.right-inputs-container{display:flex;flex-direction:column;padding-top:0}.lyrics-input-container{grid-column:1/2;height:100%}.song-name-input{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin-bottom:0;width:100%}.prompt-section{display:flex;flex:1 1;flex-direction:column}.album-art-container{align-items:center;display:flex;flex-direction:column;grid-column:3/4;min-width:200px}.image-section{grid-column:1/-1}.song-name-field-container{align-items:center;display:flex;flex:1 1}.prompt-container{display:flex;height:calc(100% - 38px)}.image-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.image-section-header,.prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.image-section-header h3,.prompt-header h3{margin:0}.image-title-container{align-items:center;display:flex;gap:12px}.image-header-actions,.image-header-buttons{align-items:center;display:flex;gap:8px}.image-header-actions{flex-wrap:wrap}.generate-button-group{align-items:center;display:flex;gap:8px;position:relative}.album-art-container h3,.image-section h3,.lyrics-input-container h3,.prompt-section h3{color:var(--md-on-surface);font-size:1rem;font-weight:500;letter-spacing:.1px;margin-bottom:8px;margin-top:0}.lyrics-input-container textarea{background-color:var(--md-surface-2);border:1px solid #0000;border-radius:16px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);flex:1 1;font-family:inherit;min-height:150px;padding:16px;resize:none;transition:all .2s ease;width:100%}.background-generator-container textarea{overflow:auto;scrollbar-width:thin}.background-generator-container textarea::-webkit-scrollbar{width:8px}.background-generator-container textarea::-webkit-scrollbar-track{background:#0000;border-radius:8px;margin:4px}.background-generator-container textarea::-webkit-scrollbar-thumb{background-color:#0000004d;background-color:rgba(var(--md-on-surface-rgb,0,0,0),.3);border-radius:8px}.background-generator-container textarea::-webkit-scrollbar-thumb:hover{background-color:#00000080;background-color:rgba(var(--md-on-surface-rgb,0,0,0),.5)}[data-theme=dark] .background-generator-container textarea::-webkit-scrollbar-thumb{background-color:#ffffff4d}[data-theme=dark] .background-generator-container textarea::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.lyrics-input-container textarea:focus,.prompt-container textarea:focus{border:2px solid var(--primary-color);box-shadow:var(--md-elevation-level2);outline:none;padding:15px}.song-name-input input:focus{border:2px solid var(--primary-color);box-shadow:var(--md-elevation-level2);outline:none;padding:11px 15px}.song-name-input h3{font-size:1rem;margin:0;min-width:90px;white-space:nowrap}.song-name-input input{height:44px;min-height:44px;padding:12px 16px}.prompt-container textarea,.song-name-input input{background-color:var(--md-surface-2);border:1px solid #0000;border-radius:16px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);transition:all .2s ease;width:100%}.prompt-container textarea{flex:1 1;font-family:inherit;height:100%;padding:16px;resize:none}.image-count-dropdown{background-color:var(--md-surface-2);border:none;border-radius:12px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;font-size:14px;height:36px;padding:0 12px;text-align:center;transition:all .2s ease;width:60px}.image-count-dropdown:focus{box-shadow:var(--md-elevation-level2);outline:none}.dropdown-label{color:var(--text-color-secondary);font-family:Open Sans,sans-serif;font-size:14px;white-space:nowrap}.custom-dropdown.image-count-dropdown{background:#0000!important;border:none!important;box-shadow:none!important;height:auto!important;min-width:60px!important;padding:0!important;width:60px!important}.custom-dropdown.image-count-dropdown .custom-dropdown-button{height:36px!important;padding:0 12px!important}.album-art-preview{align-items:center;background-color:var(--md-surface-2);border-radius:20px;box-shadow:var(--md-elevation-level2);box-sizing:border-box;display:flex;height:200px;justify-content:center;margin:0 auto;max-height:200px;min-height:200px;overflow:hidden;position:relative;transition:all .2s ease;width:200px}.album-art-preview img{display:block;height:100%;object-fit:contain;width:100%}.upload-placeholder{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center}.upload-placeholder p{font-size:14px;margin:0}.floating-download-button,.floating-upload-button{align-items:center;background-color:#9c27b0;background-color:var(--md-tertiary,#9c27b0);border:none;border-radius:50%;box-shadow:var(--md-elevation-level2);color:#fff;color:var(--md-on-tertiary,#fff);cursor:pointer;display:flex;height:42px;justify-content:center;opacity:.9;position:absolute;transition:all .2s ease;width:42px;z-index:10}.floating-upload-button{bottom:12px;left:12px}.floating-download-button{bottom:12px;right:12px}.floating-download-button:hover,.floating-upload-button:hover{box-shadow:var(--md-elevation-level3);opacity:1!important;transform:scale(1.1)}.album-art-actions{display:none}.image-preview{align-items:center;aspect-ratio:16/9;background-color:var(--md-surface-2);border-radius:20px;box-shadow:var(--md-elevation-level2);display:flex;justify-content:center;max-height:70vh;min-height:200px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.image-preview img{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.loading-placeholder,.preview-placeholder{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-placeholder{background-color:initial}.loading-placeholder .background-generator-loading{margin-bottom:12px}.image-preview.loading{background-color:rgba(var(--md-primary-rgb),.05);border-color:var(--md-primary-container)}.preview-placeholder p{font-size:14px;margin:0}.image-preview .floating-download-button{align-items:center;background-color:#9c27b0;background-color:var(--md-tertiary,#9c27b0);border:none;border-radius:50%;box-shadow:var(--md-elevation-level2);color:#fff;color:var(--md-on-tertiary,#fff);cursor:pointer;display:flex;height:42px;justify-content:center;opacity:.9;position:absolute;right:12px;top:12px;transition:all .2s ease;width:42px}.image-preview .floating-download-button:hover{box-shadow:var(--md-elevation-level3);opacity:1!important;transform:scale(1.1)}.image-grid{grid-gap:16px;display:grid;gap:16px;width:100%}.image-grid-1{grid-template-columns:1fr}.image-grid-2,.image-grid-3,.image-grid-4{grid-template-columns:1fr 1fr}.image-grid-5,.image-grid-6,.image-grid-7,.image-grid-8{grid-template-columns:1fr 1fr 1fr 1fr}.image-grid-item{aspect-ratio:16/9;position:relative}.image-number{border-radius:50%;box-shadow:var(--md-elevation-level1);font-size:12px;font-weight:700;height:24px;justify-content:center;left:12px;position:absolute;top:12px;width:24px}.generate-button,.image-number{align-items:center;background-color:var(--md-primary);color:var(--md-on-primary);display:flex}.generate-button{border:none;border-radius:24px;box-shadow:var(--md-elevation-level2);cursor:pointer;font-family:Google Sans,Open Sans,sans-serif;font-size:14px;font-weight:500;gap:8px;height:36px;letter-spacing:.1px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.prompt-header .generate-button{margin-left:8px}.new-prompt-button{background-color:#03a9f4;background-color:var(--md-secondary,#03a9f4);color:#fff;color:var(--md-on-secondary,#fff);font-family:Google Sans,Open Sans,sans-serif}.new-prompt-button:hover:not(:disabled){background-color:#0288d1;background-color:var(--md-secondary-hover,#0288d1);box-shadow:var(--md-elevation-level2)}.generate-button:hover:not(:disabled){background-color:var(--md-primary-hover);box-shadow:var(--md-elevation-level2)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.generate-button.loading{justify-content:center;opacity:.8}.header-download-button{align-items:center;background-color:#9c27b0;background-color:var(--md-tertiary,#9c27b0);border:none;border-radius:24px;box-shadow:var(--md-elevation-level2);color:#fff;color:var(--md-on-tertiary,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;letter-spacing:.1px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.header-download-button:hover{background-color:color-mix(in srgb,#9c27b0,#ffffff1a);background-color:color-mix(in srgb,var(--md-tertiary,#9c27b0),#ffffff1a);box-shadow:var(--md-elevation-level3);transform:translateY(-1px)}.header-action-button{align-items:center;background-color:#f44336;background-color:var(--md-error,#f44336);border:none;border-radius:24px;box-shadow:var(--md-elevation-level2);color:#fff;color:var(--md-on-error,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;letter-spacing:.1px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.header-action-button:hover{background-color:color-mix(in srgb,#f44336,#ffffff1a);background-color:color-mix(in srgb,var(--md-error,#f44336),#ffffff1a);box-shadow:var(--md-elevation-level3);transform:translateY(-1px)}.background-prompt-message{align-items:center;background-color:rgba(var(--md-primary-rgb),.1);border-radius:16px;box-shadow:var(--md-elevation-level1);color:var(--primary-color);cursor:pointer;display:flex;gap:12px;margin-top:16px;padding:16px;transition:all .2s ease}.background-prompt-message:hover{background-color:rgba(var(--md-primary-rgb),.15)}@media (max-width:768px){.content-grid,.media-content-grid,.top-inputs-grid{grid-template-columns:1fr}.album-art-container{grid-column:1/-1;margin-top:16px}.album-art-container,.image-section,.lyrics-input-container{grid-column:1/-1}.right-inputs-container{gap:12px;grid-column:1/-1;margin-top:16px;padding-top:0}.lyrics-input-container{padding-top:0}.song-name-input{align-items:center;flex-direction:row;gap:8px;width:100%}.song-name-input h3{font-size:.9rem;margin-right:8px;width:auto}.song-name-field-container{flex:1 1;min-width:0}.image-section-header,.image-title-container,.prompt-header{align-items:flex-start;flex-direction:column;gap:8px}.image-title-container{justify-content:space-between;width:100%}.image-header-buttons{display:flex;gap:8px;width:100%}.image-section-header .generate-button,.prompt-header .generate-button{align-self:flex-start;margin-left:0}.image-header-actions{display:flex;flex-direction:column;gap:8px;width:100%}.image-actions,.prompt-container{flex-direction:column}.floating-download-button,.floating-upload-button,.image-preview .floating-download-button{opacity:.9}.image-grid-2,.image-grid-3,.image-grid-4,.image-grid-5,.image-grid-6,.image-grid-7,.image-grid-8{grid-template-columns:1fr}.generate-button-group{flex-wrap:wrap;justify-content:flex-start;margin-bottom:8px;width:100%}.dropdown-label{font-size:12px}}@media (min-width:769px) and (max-width:1024px){.top-inputs-grid{grid-template-columns:6fr 4fr 200px}.album-art-container{grid-column:3/4}.lyrics-input-container{grid-column:1/2}.right-inputs-container{grid-column:2/3}}@media (min-width:1025px){.top-inputs-grid{grid-template-columns:6fr 4fr 200px}.album-art-container{grid-column:3/4}.lyrics-input-container{grid-column:1/2}.right-inputs-container{grid-column:2/3}}.background-prompt-editor{max-width:800px;width:90%}.prompt-section{background-color:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);margin-top:24px;padding:16px}.prompt-section h4{color:var(--md-on-surface);font-size:1rem;margin-bottom:8px;margin-top:0}.prompt-section-description{color:var(--md-on-surface-variant);font-size:.9rem;margin-bottom:16px;margin-top:0}.variables-info{background-color:var(--md-surface-2);border-left:3px solid var(--md-primary);border-radius:var(--md-shape-small);margin-top:16px;padding:12px}.variables-info h5{color:var(--md-on-surface);font-size:.9rem;margin-bottom:8px;margin-top:0}.variables-info ul{margin:0;padding-left:20px}.variables-info li{color:var(--md-on-surface-variant);font-size:.85rem;margin-bottom:4px}.variables-info code{background-color:var(--md-surface-3);border-radius:4px;color:var(--md-primary);padding:2px 4px}.required-variable{color:var(--md-on-surface)!important;font-weight:500}.required-variable code{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.prompt-model-row{align-items:center;display:flex;gap:12px;margin-top:12px}.prompt-model-label{color:var(--md-on-surface-variant);font-size:.9rem;min-width:240px}.prompt-model-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface);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);line-height:1.2;padding:8px 36px 8px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.prompt-model-select:after{color:#99a1a8;content:"expand_more";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.prompt-model-select:hover{background-color:var(--md-surface-2)}.prompt-model-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}@media (max-width:560px){.prompt-model-row{align-items:stretch;flex-direction:column}.prompt-model-label{min-width:0}}.panel-content,.subtitle-customization-panel{display:flex;flex-direction:column;height:100%}.panel-content{background:var(--md-surface-1);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:1rem}.panel-content::-webkit-scrollbar{width:12px}.panel-content::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:6px}.panel-content::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border:2px solid var(--md-surface-1);border-radius:6px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.customization-row{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:1rem;min-height:36px;position:relative;width:100%;z-index:1}.customization-row.preset-row,.customization-row:first-child{align-items:flex-start;margin-bottom:2rem;min-height:auto}.customization-row.preset-row{justify-content:center;z-index:2}.customization-row.preset-row:hover{z-index:20}.customization-row.preset-row .preset-buttons{max-width:none;width:100%}.subtitle-customization-panel .customization-row .row-label{align-items:center;display:flex;flex:0 0 80px!important;justify-content:flex-end;min-width:80px!important;text-align:right}.subtitle-customization-panel .customization-row:first-child .row-label{align-items:flex-start;padding-top:.4rem}.customization-row .row-label label{color:var(--text-primary);font-size:.9rem;font-weight:500}.customization-row .row-content{align-items:center;display:flex;flex:1 1;min-width:0;overflow:visible}.preset-buttons{grid-gap:.375rem;align-content:start;display:grid;gap:.375rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));width:100%}.preset-buttons .pill-button{word-wrap:break-word;align-items:center;border-radius:12px;display:flex;font-size:.625rem;justify-content:center;line-height:1.1;min-height:2rem;min-width:0;overflow:visible;overflow-wrap:break-word;padding:.25rem .5rem;position:relative;text-align:center;transition:all .3s ease;white-space:normal;z-index:1}.preset-buttons .pill-button:hover{z-index:10}.preset-buttons .pill-button:first-child{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;color:#495057;font-family:Inter,sans-serif;font-weight:500;width:-webkit-fill-available}.preset-buttons .pill-button:first-child:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 2px 8px #0000001a}.preset-buttons .pill-button:first-child.primary{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#0056b3;color:#fff}.preset-buttons .pill-button:nth-child(2){background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #404040;border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-weight:400}.preset-buttons .pill-button:nth-child(2):hover{background:linear-gradient(135deg,#2d2d2d,#404040);box-shadow:0 4px 12px #0000004d}.preset-buttons .pill-button:nth-child(2).primary{background:linear-gradient(135deg,#333,#1a1a1a);border-color:#555;box-shadow:0 0 0 2px #ffffff1a}.preset-buttons .pill-button:nth-child(3){background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #000;border-radius:0;color:#000;font-family:Times New Roman,serif;font-weight:700;text-shadow:1px 1px 2px #0000004d}.preset-buttons .pill-button:nth-child(3):hover{background:linear-gradient(135deg,#ffed4e,#fff59d);box-shadow:2px 2px 8px #0006}.preset-buttons .pill-button:nth-child(3).primary{background:linear-gradient(135deg,#ffeb3b,#ffc107);border-color:#000;box-shadow:0 0 0 1px #000,2px 2px 8px #0006}.preset-buttons .pill-button:nth-child(4){background:linear-gradient(135deg,#000,#1a1a1a);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a;color:#0ff;font-family:Arial,sans-serif;font-weight:700;text-shadow:0 0 8px #0ff}.preset-buttons .pill-button:nth-child(4):hover{background:linear-gradient(135deg,#0a0a0a,#000);box-shadow:0 0 20px #00ffff80,inset 0 0 20px #0ff3;text-shadow:0 0 12px #0ff}.preset-buttons .pill-button:nth-child(4).primary{background:linear-gradient(135deg,#001a1a,#000);border-color:#0ff;box-shadow:0 0 25px #0ff9,inset 0 0 25px #0ff3}.preset-buttons .pill-button:nth-child(5){background:#0000;border:1px solid #0000;border-radius:0;color:#666;font-family:Helvetica,sans-serif;font-weight:300;position:relative;text-shadow:1px 1px 3px #00000080}.preset-buttons .pill-button:nth-child(5):before{background:#666;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.preset-buttons .pill-button:nth-child(5):hover{color:#333}.preset-buttons .pill-button:nth-child(5):hover:before{width:80%}.preset-buttons .pill-button:nth-child(5).primary{background:#00000005;border-bottom:2px solid #333;color:#333}.preset-buttons .pill-button:nth-child(5).primary:before{background:#333;height:2px;width:100%}.preset-buttons .pill-button:nth-child(6){background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:2px solid #ff6b35;border-radius:4px;box-shadow:0 0 10px #ff6b354d,inset 0 0 10px #ff6b351a;color:#ff6b35;font-family:Arial Black,sans-serif;font-weight:900;overflow:hidden;position:relative;text-shadow:0 0 6px #ff6b35}.preset-buttons .pill-button:nth-child(6):before{background:linear-gradient(90deg,#0000,#ff6b3533,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.preset-buttons .pill-button:nth-child(6):hover:before{left:100%}.preset-buttons .pill-button:nth-child(6):hover{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);box-shadow:0 0 15px #ff6b3580,inset 0 0 15px #ff6b3533}.preset-buttons .pill-button:nth-child(6).primary{background:linear-gradient(135deg,#2a1a0a,#1a0a0a);border-color:#ff6b35;box-shadow:0 0 20px #ff6b3599,inset 0 0 20px #ff6b3533}.preset-buttons .pill-button:nth-child(7){background:linear-gradient(135deg,#1c1c1c,#2c2c2c);border:1px solid #8b7355;border-radius:2px;box-shadow:0 2px 8px #8b735533;color:beige;font-family:Georgia,serif;font-weight:400;text-shadow:1px 1px 3px #000c}.preset-buttons .pill-button:nth-child(7):hover{background:linear-gradient(135deg,#2c2c2c,#3c3c3c);box-shadow:0 4px 12px #8b73554d}.preset-buttons .pill-button:nth-child(7).primary{background:linear-gradient(135deg,#3c2c1c,#2c1c0c);border-color:#d4af37;box-shadow:0 0 0 1px #d4af37,0 4px 12px #d4af3766;color:gold}.preset-buttons .pill-button:nth-child(8){background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);border:none;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;overflow:hidden;position:relative;text-shadow:1px 1px 2px #00000080}.preset-buttons .pill-button:nth-child(8):before{background:linear-gradient(135deg,#4ecdc4,#45b7d1 50%,#ff6b6b);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preset-buttons .pill-button:nth-child(8):hover:before{opacity:1}.preset-buttons .pill-button:nth-child(8):hover{box-shadow:0 4px 15px #ff6b6b66}.preset-buttons .pill-button:nth-child(8).primary{box-shadow:0 0 0 2px #ffffff4d,0 4px 15px #ff6b6b99}.preset-buttons .pill-button:nth-child(9){background:linear-gradient(135deg,#000,#010);border:1px solid #00ff41;border-radius:0;box-shadow:0 0 10px #00ff414d,inset 0 0 10px #00ff411a;color:#00ff41;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #00ff41;text-transform:uppercase}.preset-buttons .pill-button:nth-child(9):hover{background:linear-gradient(135deg,#010,#020);box-shadow:0 0 15px #00ff4180,inset 0 0 15px #00ff4133;text-shadow:0 0 12px #00ff41}.preset-buttons .pill-button:nth-child(9).primary{background:linear-gradient(135deg,#020,#000);border-color:#00ff41;box-shadow:0 0 20px #00ff4199,inset 0 0 20px #00ff4133}.preset-buttons .pill-button:nth-child(10){background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:1px solid #d0d0d0;border-radius:0;color:#2c2c2c;font-family:Times New Roman,serif;font-weight:300;position:relative;text-shadow:none}.preset-buttons .pill-button:nth-child(10):after{background:linear-gradient(90deg,#0000,silver,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.preset-buttons .pill-button:nth-child(10):hover{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(10):hover:after{transform:scaleX(1)}.preset-buttons .pill-button:nth-child(10).primary{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-color:#a0a0a0;box-shadow:0 0 0 1px #a0a0a0,0 2px 8px #00000026;color:#1a1a1a}.preset-buttons .pill-button:nth-child(10).primary:after{background:linear-gradient(90deg,#0000,grey,#0000);transform:scaleX(1)}.preset-buttons .pill-button:nth-child(11){background:linear-gradient(135deg,#000,#1a001a);border:2px solid #ff0080;border-radius:0;box-shadow:0 0 20px #ff008066,inset 0 0 20px #ff00801a;color:#ff0080;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #ff0080;text-transform:uppercase}.preset-buttons .pill-button:nth-child(11):hover{background:linear-gradient(135deg,#1a001a,#303);box-shadow:0 0 30px #ff008099,inset 0 0 30px #ff008033;text-shadow:0 0 15px #ff0080}.preset-buttons .pill-button:nth-child(11).primary{background:linear-gradient(135deg,#303,#1a001a);border-color:#ff0080;box-shadow:0 0 35px #ff0080cc,inset 0 0 35px #ff00804d}.preset-buttons .pill-button:nth-child(12){background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #daa520;border-radius:15px;box-shadow:0 3px 10px #8b451366;color:#f4e4bc;font-family:Playfair Display,serif;font-weight:400;text-shadow:1px 1px 3px #654321cc}.preset-buttons .pill-button:nth-child(12):hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 5px 15px #8b451399;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(12).primary{background:linear-gradient(135deg,#654321,#8b4513);border-color:gold;box-shadow:0 0 0 1px gold,0 5px 15px #ffd70066;color:gold}.preset-buttons .pill-button:nth-child(13){background:linear-gradient(135deg,#ff6b35,#ff8c42);border:4px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000,0 0 0 4px #ff6b35;color:#fff;font-family:Comic Sans MS,cursive;font-weight:700;text-shadow:2px 2px 0 #000;transform:rotate(-1deg)}.preset-buttons .pill-button:nth-child(13):hover{background:linear-gradient(135deg,#ff8c42,#ffa726);box-shadow:6px 6px 0 #000,0 0 0 4px #ff8c42;transform:translateY(-2px) rotate(1deg)}.preset-buttons .pill-button:nth-child(13).primary{background:linear-gradient(135deg,#e55722,#ff6b35);box-shadow:4px 4px 0 #000,0 0 0 4px #e55722,0 0 20px #ff6b3599}.preset-buttons .pill-button:nth-child(14){animation:horror-flicker 3s infinite;background:linear-gradient(135deg,#000,#1a0000);border:1px solid #8b0000;border-radius:5px;box-shadow:0 0 20px #8b000080,inset 0 0 20px #ff00001a;color:#8b0000;font-family:Creepster,cursive;font-weight:400;text-shadow:0 0 15px red,0 0 25px #8b0000}@keyframes horror-flicker{0%,to{opacity:1}50%{opacity:.8}75%{opacity:.9}}.preset-buttons .pill-button:nth-child(14):hover{background:linear-gradient(135deg,#1a0000,#300);box-shadow:0 0 30px #8b0000cc,inset 0 0 30px #f003;text-shadow:0 0 20px red,0 0 35px #8b0000;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(14).primary{background:linear-gradient(135deg,#300,#1a0000);border-color:red;box-shadow:0 0 40px #ff0000e6,inset 0 0 40px #ff00004d;color:red}.preset-buttons .pill-button:nth-child(15){background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid gold;border-radius:8px;box-shadow:0 2px 10px #ffd7004d;color:gold;font-family:Playfair Display,serif;font-weight:400;overflow:hidden;position:relative;text-shadow:0 0 8px #ffd70080}.preset-buttons .pill-button:nth-child(15):before{background:linear-gradient(90deg,#0000,#ffd70033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.preset-buttons .pill-button:nth-child(15):hover:before{left:100%}.preset-buttons .pill-button:nth-child(15):hover{background:linear-gradient(135deg,#2d2d2d,#404040);box-shadow:0 4px 15px #ffd70080;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(15).primary{background:linear-gradient(135deg,#404040,#1a1a1a);border-color:gold;box-shadow:0 0 0 2px #ffd7004d,0 4px 15px #ffd70099}.preset-buttons .pill-button:nth-child(16){background:linear-gradient(135deg,#fff,#ffb6c1);border:3px solid #ff69b4;border-radius:25px;box-shadow:0 4px 15px #ff69b44d;color:#ff69b4;font-family:Nunito,sans-serif;font-weight:600;position:relative;text-shadow:1px 1px 2px #ffb6c1cc}.preset-buttons .pill-button:nth-child(16):after{animation:kawaii-bounce 2s infinite;color:#ff69b4;content:"♡";font-size:.6rem;position:absolute;right:-3px;top:-3px}@keyframes kawaii-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.preset-buttons .pill-button:nth-child(16):hover{background:linear-gradient(135deg,#ffb6c1,pink);box-shadow:0 6px 20px #ff69b480}.preset-buttons .pill-button:nth-child(16).primary{background:linear-gradient(135deg,pink,#fff);border-color:#ff1493;box-shadow:0 0 0 2px #ff14934d,0 6px 20px #ff69b499;color:#ff1493}.preset-buttons .pill-button:nth-child(17){background:linear-gradient(135deg,#2f2f2f,#1a1a1a);border:none;border-radius:0;box-shadow:inset 0 0 10px #00000080,0 2px 8px #000c;color:#fff;font-family:Impact,sans-serif;font-weight:900;overflow:hidden;position:relative;text-shadow:2px 2px 4px #000}.preset-buttons .pill-button:nth-child(17):before{background:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff1a 0,#ffffff1a 4px);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.preset-buttons .pill-button:nth-child(17):hover{background:linear-gradient(135deg,#404040,#2f2f2f);box-shadow:inset 0 0 15px #000000b3,0 4px 12px #000000e6;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(17).primary{background:linear-gradient(135deg,#1a1a1a,#000);box-shadow:inset 0 0 20px #000c,0 0 0 2px #666,0 4px 12px #000000e6}.preset-buttons .pill-button:nth-child(18){background:linear-gradient(135deg,#ecf0f1,#bdc3c7);border:1px solid #95a5a6;border-radius:5px;box-shadow:0 1px 3px #0000001a;color:#2c3e50;font-family:Open Sans,sans-serif;font-weight:400;text-shadow:none}.preset-buttons .pill-button:nth-child(18):hover{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(18).primary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;box-shadow:0 0 0 2px #3498db4d,0 2px 6px #0003;color:#fff}.preset-buttons .pill-button:nth-child(19){background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:2px solid #fff;border-radius:15px;box-shadow:0 4px 15px #ff6b9d66;color:#fff;font-family:Nunito,sans-serif;font-weight:700;position:relative;text-shadow:1px 1px 3px #ff1493cc}.preset-buttons .pill-button:nth-child(19):before{animation:anime-sparkle 1.5s infinite;color:#ff0;content:"★";font-size:.55rem;left:-2px;position:absolute;top:-2px}@keyframes anime-sparkle{0%,to{opacity:1;transform:rotate(0deg)}50%{opacity:.5;transform:rotate(180deg)}}.preset-buttons .pill-button:nth-child(19):hover{background:linear-gradient(135deg,#ff8fab,#ffb3c6);box-shadow:0 6px 20px #ff6b9d99;transform:translateY(-2px)}.preset-buttons .pill-button:nth-child(19).primary{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-color:#fff;box-shadow:0 0 0 2px #ffffff80,0 6px 20px #ff1493b3}.preset-buttons .pill-button:nth-child(20){background:linear-gradient(135deg,#1a0033,#306);background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,#f0f,#0ff);border:2px solid #f0f;border-radius:0;box-shadow:0 0 20px #f0f6,inset 0 0 20px #00ffff1a;color:#0000;font-family:Orbitron,sans-serif;font-weight:300;letter-spacing:2px;text-shadow:0 0 10px #f0f;text-transform:uppercase}.preset-buttons .pill-button:nth-child(20):hover{background:linear-gradient(135deg,#306,#4d0099);box-shadow:0 0 30px #f0f9,inset 0 0 30px #0ff3;text-shadow:0 0 15px #f0f,0 0 15px #0ff;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(20).primary{background:linear-gradient(135deg,#4d0099,#1a0033);border-color:#0ff;box-shadow:0 0 35px #0ffc,inset 0 0 35px #ff00ff4d}.preset-buttons .pill-button:nth-child(21){background:linear-gradient(135deg,#2f1b14,#8b4513);border:2px solid #8b4513;border-radius:8px;box-shadow:0 3px 10px #8b451366,inset 0 1px 0 #cd853f4d;color:peru;font-family:Cinzel,serif;font-weight:600;position:relative;text-shadow:1px 1px 3px #000c}.preset-buttons .pill-button:nth-child(21):before{animation:steampunk-rotate 4s linear infinite;color:peru;content:"⚙";font-size:.5rem;position:absolute;right:-2px;top:-2px}@keyframes steampunk-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preset-buttons .pill-button:nth-child(21):hover{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 5px 15px #8b451399,inset 0 2px 0 #cd853f80;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(21).primary{background:linear-gradient(135deg,#654321,#2f1b14);border-color:#daa520;box-shadow:0 0 0 1px #daa520,0 5px 15px #daa52066;color:#daa520}.preset-buttons .pill-button:nth-child(22){background:linear-gradient(135deg,#000,#1a1a1a);border:none;border-radius:0;box-shadow:0 8px 16px #000c,inset 0 1px 0 #ffffff1a;color:#fff;font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:2px;position:relative;text-shadow:3px 3px 6px #000000e6;text-transform:uppercase}.preset-buttons .pill-button:nth-child(22):before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preset-buttons .pill-button:nth-child(22):hover:before{opacity:1}.preset-buttons .pill-button:nth-child(22):hover{background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 12px 24px #000000e6,inset 0 2px 0 #fff3}.preset-buttons .pill-button:nth-child(22).primary{background:linear-gradient(135deg,#333,#000);box-shadow:0 0 0 2px #666,0 12px 24px #000000e6}.preset-buttons .pill-button:nth-child(23){background:linear-gradient(135deg,#f8f8ff,#e6e6fa);border:2px solid plum;border-radius:20px;box-shadow:0 4px 12px #dda0dd4d;color:#6b5b95;font-family:Quicksand,sans-serif;font-weight:500;text-shadow:1px 1px 2px #e6e6facc}.preset-buttons .pill-button:nth-child(23):hover{background:linear-gradient(135deg,#e6e6fa,plum);box-shadow:0 6px 18px #dda0dd80;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(23).primary{background:linear-gradient(135deg,plum,orchid);border-color:orchid;box-shadow:0 0 0 2px #da70d64d,0 6px 18px #dda0dd99;color:#fff}.preset-buttons .pill-button:nth-child(24){background:linear-gradient(135deg,#000,#1a1a1a);border:3px solid red;border-radius:5px;box-shadow:0 0 15px #ff000080,inset 0 0 15px #ff00001a;color:#fff;font-family:Anton,sans-serif;font-weight:400;letter-spacing:1px;text-shadow:2px 2px 0 red,-2px -2px 0 red;text-transform:uppercase}.preset-buttons .pill-button:nth-child(24):hover{background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 0 25px #ff0000b3,inset 0 0 25px #f003;text-shadow:3px 3px 0 red,-3px -3px 0 red;transform:translateY(-2px)}.preset-buttons .pill-button:nth-child(24).primary{background:linear-gradient(135deg,#300,#000);border-color:red;box-shadow:0 0 30px #ff0000e6,inset 0 0 30px #ff00004d}.preset-buttons .pill-button:nth-child(25){background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #34495e;border-radius:12px;box-shadow:0 2px 8px #34495e33;color:#2c3e50;font-family:Kalam,cursive;font-weight:400;position:relative;text-shadow:none}.preset-buttons .pill-button:nth-child(25):before{border:1px dashed #7f8c8d;border-radius:10px;bottom:2px;content:"";left:2px;opacity:.5;position:absolute;right:2px;top:2px}.preset-buttons .pill-button:nth-child(25):hover{background:linear-gradient(135deg,#f5f5f5,#ecf0f1);box-shadow:0 4px 12px #34495e4d;transform:translateY(-1px) rotate(1deg)}.preset-buttons .pill-button:nth-child(25).primary{background:linear-gradient(135deg,#ecf0f1,#bdc3c7);border-color:#2c3e50;box-shadow:0 0 0 2px #2c3e504d,0 4px 12px #34495e66}.preset-buttons .pill-button:nth-child(26){background:linear-gradient(135deg,#000,#010);border:1px solid #0f0;border-radius:0;box-shadow:0 0 20px #00ff0080,inset 0 0 20px #00ff001a;color:#0f0;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #0f0,1px 0 0 red,-1px 0 0 #00f;text-transform:uppercase}.preset-buttons .pill-button:nth-child(26):hover{background:linear-gradient(135deg,#010,#020);box-shadow:0 0 30px #00ff00b3,inset 0 0 30px #0f03;text-shadow:0 0 15px #0f0,3px 0 0 red,-3px 0 0 #00f}.preset-buttons .pill-button:nth-child(26).primary{background:linear-gradient(135deg,#020,#000);border-color:#0f0;box-shadow:0 0 35px #00ff00e6,inset 0 0 35px #00ff004d}.preset-buttons .pill-button:nth-child(27){background:linear-gradient(135deg,indigo,#6a0dad);border:3px solid gold;border-radius:10px;box-shadow:0 4px 15px #ffd70066,inset 0 1px 0 #ffd7004d;color:gold;font-family:Cinzel,serif;font-weight:600;position:relative;text-shadow:0 0 8px #ffd700cc}.preset-buttons .pill-button:nth-child(27):before{animation:royal-glow 3s infinite;color:gold;content:"♔";font-size:.6rem;left:50%;position:absolute;top:-3px;transform:translateX(-50%)}@keyframes royal-glow{0%,to{text-shadow:0 0 5px gold}50%{text-shadow:0 0 15px gold,0 0 25px gold}}.preset-buttons .pill-button:nth-child(27):hover{background:linear-gradient(135deg,#6a0dad,#8a2be2);box-shadow:0 6px 20px #ffd70099,inset 0 2px 0 #ffd70080;transform:translateY(-2px)}.preset-buttons .pill-button:nth-child(27).primary{background:linear-gradient(135deg,purple,indigo);border-color:gold;box-shadow:0 0 0 2px #ffd70080,0 6px 20px #ffd700b3}.preset-buttons .pill-button:nth-child(28){background:linear-gradient(135deg,#ff7e5f,#feb47b);border:none;border-radius:15px;box-shadow:0 4px 15px #ff7e5f66;color:#fff;font-family:Poppins,sans-serif;font-weight:500;text-shadow:1px 1px 3px #8b4513cc}.preset-buttons .pill-button:nth-child(28):hover{background:linear-gradient(135deg,#feb47b,#fc9);box-shadow:0 6px 20px #ff7e5f99;transform:translateY(-2px)}.preset-buttons .pill-button:nth-child(28).primary{background:linear-gradient(135deg,#e55722,#ff7e5f);box-shadow:0 0 0 2px #ffffff4d,0 6px 20px #e55722b3}.preset-buttons .pill-button:nth-child(29){background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;font-family:Merriweather,serif;font-weight:400;text-shadow:1px 1px 3px #0f1419cc}.preset-buttons .pill-button:nth-child(29):hover{background:linear-gradient(135deg,#764ba2,#8e44ad);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.preset-buttons .pill-button:nth-child(29).primary{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 0 0 2px #ffffff4d,0 6px 20px #5a67d8b3}.preset-buttons .pill-button:nth-child(30){background:linear-gradient(135deg,#2d5016,#228b22);border:1px solid #228b22;border-radius:8px;box-shadow:0 3px 10px #228b2266;color:#90ee90;font-family:Lora,serif;font-weight:400;position:relative;text-shadow:1px 1px 3px #006400cc}.preset-buttons .pill-button:nth-child(30):before{animation:forest-sway 3s ease-in-out infinite;content:"🌿";font-size:.55rem;position:absolute;right:-2px;top:-2px}@keyframes forest-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.preset-buttons .pill-button:nth-child(30):hover{background:linear-gradient(135deg,#228b22,#32cd32);box-shadow:0 5px 15px #228b2299;transform:translateY(-1px)}.preset-buttons .pill-button:nth-child(30).primary{background:linear-gradient(135deg,#006400,#2d5016);border-color:#32cd32;box-shadow:0 0 0 1px #32cd32,0 5px 15px #32cd3266;color:#98fb98}.slider-control{align-items:center;display:flex;gap:1rem;width:100%}.slider-value{font-weight:500;min-width:35px;text-align:right}.font-selector-button,.slider-value{color:var(--text-primary);font-size:.9rem}.font-selector-button{align-items:center;background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:36px;padding:.5rem .75rem;transition:all .2s ease;width:100%}.font-selector-button:hover{background:var(--md-surface-2);border-color:var(--md-primary)}.font-selector-button:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px rgba(var(--md-primary-rgb),.2);outline:none}.font-selector-preview{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.font-selector-preview .font-name{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-selector-preview .font-flags{font-size:.75rem;opacity:.7}.color-control{align-items:center;display:flex;gap:.75rem}input[type=color].color-picker{-webkit-appearance:none;appearance:none;background:none!important;border:1px solid var(--md-outline-variant)!important;border-radius:6px!important;cursor:pointer;flex-shrink:0;height:32px!important;padding:0!important;width:32px!important}input[type=color].color-picker::-webkit-color-swatch-wrapper{border:none;border-radius:5px;padding:0}input[type=color].color-picker::-webkit-color-swatch{border:none;border-radius:5px}.color-input{background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:6px;color:var(--text-primary);font-size:.9rem;max-width:90px;min-width:90px;padding:.5rem;width:auto}.toggle-control{align-items:center;display:flex;gap:1rem}.material-switch-container{gap:.75rem}.setting-select{background:var(--md-surface-1);border-radius:6px;color:var(--text-primary);min-width:120px;padding:.5rem}@media (max-width:768px){.preset-buttons{gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}.preset-buttons .pill-button{font-size:.6rem;line-height:1.1;padding:.25rem .45rem}.customization-row{align-items:flex-start;flex-direction:column;gap:.5rem}.customization-row .row-label{flex:none;justify-content:flex-start;margin-bottom:.25rem;text-align:left;width:100%}.customization-row .row-content{width:100%}.slider-control{align-items:flex-start;flex-direction:column;gap:.5rem}.slider-value{min-width:auto;text-align:left}.preset-buttons{gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.preset-buttons .pill-button{font-size:.8rem;padding:.35rem .6rem}.preset-buttons .pill-button:nth-child(4),.preset-buttons .pill-button:nth-child(6),.preset-buttons .pill-button:nth-child(9){box-shadow:0 0 8px #0ff3,inset 0 0 8px #00ffff1a;text-shadow:0 0 4px currentColor}.preset-buttons .pill-button:nth-child(4):hover,.preset-buttons .pill-button:nth-child(6):hover,.preset-buttons .pill-button:nth-child(9):hover{box-shadow:0 0 12px #00ffff4d,inset 0 0 12px #00ffff1a;text-shadow:0 0 6px currentColor}.preset-buttons .pill-button:after,.preset-buttons .pill-button:before{display:none}}@media (max-width:480px){.preset-buttons{gap:.4rem;grid-template-columns:repeat(2,1fr)}}.custom-preset-button-container{align-items:center;display:inline-flex;grid-column:span 1;position:relative}.custom-preset-button{background:var(--md-surface-2);border:1px solid var(--md-outline-variant);color:var(--text-primary);overflow-wrap:anywhere;text-align:center;white-space:normal;word-break:break-word}.custom-preset-button.primary{background:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.custom-preset-delete-button.pc-clear{align-items:center;background:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:9999px;box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:inline-flex;height:4.2vmin;justify-content:center;line-height:0;opacity:0;padding:0;pointer-events:auto;position:absolute;right:-1.2vmin;top:-1.2vmin;transform:scale(.9);transition:opacity var(--md-duration-short3) var(--md-easing-standard),transform var(--md-duration-short3) var(--md-easing-standard),box-shadow var(--md-duration-short3) var(--md-easing-standard),background-color var(--md-duration-short3) var(--md-easing-standard),border-color var(--md-duration-short3) var(--md-easing-standard);width:4.2vmin;z-index:20}.custom-preset-delete-button.pc-clear svg{display:block;height:100%;width:100%}.custom-preset-button-container:hover .custom-preset-delete-button.pc-clear{opacity:1;transform:scale(1)}.custom-preset-delete-button.pc-clear:hover{background:var(--md-surface-variant);border-color:var(--md-outline);box-shadow:var(--md-elevation-level2);transform:scale(1.06)}.custom-preset-delete-button.pc-clear:active{box-shadow:var(--md-elevation-level1);transform:scale(.96)}.custom-preset-delete-button.pc-clear:focus-visible{box-shadow:0 0 0 .22vmin #0000004d,var(--md-elevation-level2);outline:none}.save-preset-button{background:var(--md-surface-1);border:2px dashed var(--md-outline);border-radius:12px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.625rem;font-weight:600;line-height:1.1;min-width:0;overflow:hidden;padding:.25rem .5rem;position:relative;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.save-preset-button:hover:not(:disabled){background:var(--md-surface-2);box-shadow:0 2px 6px #0000001f}.save-preset-button:disabled{background:var(--md-surface-1);border-color:var(--md-outline-variant);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.save-preset-button.primary{background:var(--md-primary-container);border-color:var(--md-primary);border:2px dashed var(--md-primary);color:var(--md-on-primary-container)}.preset-naming-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preset-naming-modal-body{background-color:var(--md-surface-1);border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--md-elevation-level4);max-height:90vh;max-width:400px;overflow-y:auto;width:90%}.preset-naming-modal-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.preset-naming-modal-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.close-preset-naming-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:24px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:24px}.close-preset-naming-modal-btn:hover{background-color:var(--md-surface-2);color:var(--text-primary)}.preset-naming-modal-body{padding:1rem}@media (max-width:768px){.custom-preset-button,.save-preset-button{font-size:.6rem;padding:.25rem .45rem}.custom-preset-delete-button.pc-clear{height:3.5vmin;right:-1vmin;top:-1vmin;width:3.5vmin}}.font-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.font-modal{animation:modal-appear .3s var(--md-easing-emphasized);background-color:var(--md-surface-1);border-radius:32px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1);width:90%}[data-theme=light] .font-modal{background-color:var(--md-surface);box-shadow:0 4px 20px #00000026}[data-theme=dark] .font-modal{box-shadow:0 4px 20px #0006}.font-modal-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:16px 16px 16px 24px}.font-modal-header h2{color:var(--text-primary);flex-shrink:0;font-family:var(--md-sys-typescale-headline-small-font);font-size:1.25rem;font-weight:600;margin:0}.font-modal-header .font-count{color:var(--text-secondary);flex:1 1;font-size:.875rem;font-weight:400;margin-right:1rem;text-align:right}.font-modal-controls{display:flex;gap:1rem;padding:0 1.75rem 1rem}.font-search-container{align-items:center;display:flex;flex:1 1;gap:.5rem}.font-search-input{background-color:var(--md-surface-2);border:none;border-radius:32px;color:var(--md-on-surface);flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:background-color .2s var(--md-easing-standard)}.font-search-input:focus{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1)}.font-search-input::placeholder{color:var(--md-on-surface-variant)}.clear-search{background-color:var(--md-surface-3);border:none;border-radius:24px;color:var(--md-on-surface);cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:all .2s var(--md-easing-standard);white-space:nowrap}.clear-search:hover{background-color:var(--md-primary);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary)}.category-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface-2);background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:32px;color:var(--md-on-surface);cursor:pointer;font-size:.875rem;outline:none;padding:.75rem 2.5rem .75rem 1rem;transition:background-color .2s var(--md-easing-standard);width:100%}.category-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:1em;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.category-select:focus{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1)}.font-modal-content{max-height:calc(85vh - 160px);overflow-x:hidden;overflow-y:auto;padding:0 1.75rem 1.5rem}.font-category-section{background-color:var(--md-surface-container-low);border-radius:24px;margin-bottom:2.5rem;padding:1rem}.font-category-section:last-child{margin-bottom:0}.font-category-title{color:var(--md-on-surface);font-family:var(--md-sys-typescale-title-medium-font);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.font-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.font-card{align-items:center;background-color:var(--md-surface-2);border-radius:24px;cursor:pointer;display:flex;gap:.5rem;min-height:60px;padding:.75rem;position:relative;transition:all .2s var(--md-easing-standard)}.font-card:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1)}.font-card.selected{background-color:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container)}.font-info{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:100px}.font-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2}.font-meta{align-items:center;display:flex;gap:.5rem}.font-category{font-size:.6875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.font-category,.font-flags{color:var(--text-secondary)}.font-flags{font-size:.75rem}.font-preview-text{align-items:center;background-color:var(--md-surface-1);border-radius:24px;color:var(--md-on-surface);display:flex;flex:1 1;font-size:1rem;line-height:1.3;min-height:32px;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.font-card.selected .font-preview-text{background-color:var(--md-surface);color:var(--md-on-surface)}.font-modal-footer{align-items:center;background-color:var(--md-surface-1);display:flex;justify-content:space-between;padding:1rem 1.75rem}.font-count{color:var(--text-secondary);font-size:.875rem}.modal-actions{gap:.75rem}.btn-secondary{background-color:var(--md-surface-3);border:none;border-radius:24px;color:var(--md-on-surface);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s var(--md-easing-standard)}.btn-secondary:hover{background-color:var(--md-surface-4);box-shadow:var(--md-elevation-level1)}.no-results{color:var(--text-secondary);padding:3.75rem 1.25rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.no-results p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.25rem}.clear-filters-btn{background-color:var(--md-primary);border:none;border-radius:32px;color:var(--md-on-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s var(--md-easing-standard)}.clear-filters-btn:hover{background-color:var(--md-primary-dark);box-shadow:var(--md-elevation-level1)}.font-modal-content::-webkit-scrollbar{width:8px}.font-modal-content::-webkit-scrollbar-track{background-color:var(--md-surface-2)}.font-modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border-radius:4px}.font-modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-primary)}@media (max-width:1024px){.font-grid{gap:.625rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.font-modal{height:auto;margin:1rem;max-height:90vh;width:95vw}.font-modal-header h2{font-size:1.125rem}.font-modal-controls{flex-direction:column;gap:.75rem;padding:0 1.25rem 1rem}.font-modal-content{padding:0 1.25rem 1.5rem}.font-grid{gap:.5rem;grid-template-columns:1fr 1fr}.font-card{gap:.5rem;min-height:50px;padding:.625rem}.font-info{min-width:80px}.font-name{font-size:.8125rem}.font-preview-text{font-size:.875rem;min-height:28px;padding:.375rem .5rem}.font-modal-footer{padding:1rem 1.25rem}.modal-actions{justify-content:center}}@media (max-width:480px){.font-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;transition:none;width:100vw}.font-modal-content,.font-modal-controls,.font-modal-footer{padding:.75rem 1rem}.font-grid{gap:.5rem;grid-template-columns:1fr}.font-card{align-items:stretch;flex-direction:column;gap:.5rem;min-height:72px;padding:.75rem}.font-info{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto}.font-meta{align-items:flex-end;flex-direction:column;gap:.25rem}.font-preview-text{min-height:32px;text-align:center}}.crop-toggle-btn{align-items:center;background:var(--md-surface);border:2px solid #0000;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-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 .2s ease;width:40px}.crop-toggle-btn:hover{background:var(--md-surface-1);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.crop-toggle-btn.active,.crop-toggle-btn.editing{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.crop-indicator{background:var(--md-secondary);color:var(--md-on-secondary);font-size:10px;font-weight:700;height:16px;pointer-events:none;position:absolute;right:-4px;top:-4px;width:16px}.crop-clear-btn,.crop-indicator{align-items:center;border-radius:50%;display:flex;justify-content:center}.crop-clear-btn{background:var(--md-error-container);border:1px solid var(--md-error-container);box-shadow:var(--md-elevation-level1);color:var(--md-on-error-container);cursor:pointer;height:40px;position:relative;transition:background-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 .2s ease;width:40px}.crop-clear-btn .crop-indicator{display:none}.crop-clear-btn:hover{background:var(--md-error);border-color:var(--md-error);box-shadow:var(--md-elevation-level2);color:var(--md-on-error);transform:translateY(-2px)}.crop-aspect-buttons{background:#0000;border:none;border-radius:0;display:flex;gap:8px;padding:0}.aspect-btn{align-items:center;background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard);width:-webkit-max-content;width:max-content}.aspect-btn:hover{background:var(--md-surface-2);border-color:var(--md-outline)}.aspect-btn.active{background:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.aspect-btn.reset{background:#0000;border-color:var(--md-error);color:var(--md-error);font-size:13px;padding:6px 12px}.aspect-btn.reset:hover{background:color-mix(in srgb,var(--md-error),#0000 92%)}.aspect-transform-separator{align-self:center;background:color-mix(in srgb,var(--md-outline-variant),#0000 40%);height:24px;margin:0 6px;width:1px}.aspect-separator{align-self:center;background:color-mix(in srgb,var(--md-outline-variant),#0000 48%);border-radius:2px;height:22px;margin-right:8px;width:1px}.crop-aspect-buttons .flip-group,.flip-group{align-items:center;display:inline-flex;gap:8px;margin-left:8px;padding-left:4px}.flip-btn{align-items:center;background: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);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;min-width:44px;padding:6px 12px;transition:background-color var(--md-duration-medium2) var(--md-easing-standard),border-color var(--md-duration-medium2) var(--md-easing-standard),color var(--md-duration-medium2) var(--md-easing-standard),transform .14s ease}.flip-btn:hover{background:var(--md-surface-2);border-color:var(--md-outline);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.flip-btn.active{background:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.flip-btn svg{fill:currentColor;display:block;height:18px;width:18px}.crop-aspect-buttons>.flip-group{align-items:center;display:inline-flex;gap:6px;margin-left:6px}@media (max-width:520px){.aspect-btn,.flip-btn{font-size:12px;padding:6px 8px}.flip-btn{border-radius:12px;height:32px;min-width:36px}.aspect-separator{height:16px;margin-left:6px;margin-right:6px}}.aspect-icon{font-size:16px}.aspect-label{font-size:12px}.crop-overlay-container{z-index:10}.crop-overlay-container,.crop-overlay-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.crop-overlay-mask{background:color-mix(in srgb,var(--md-on-surface),#0000 72%)}.crop-area{border:2px solid color-mix(in srgb,var(--md-on-surface),#0000 20%);border-radius:0;box-sizing:border-box;cursor:move;position:absolute}.crop-grid{bottom:0;left:0;right:0;top:0}.crop-grid,.crop-grid-line{pointer-events:none;position:absolute}.crop-grid-line{background-color:color-mix(in srgb,var(--md-on-surface),#0000 70%)}.crop-grid-line.horizontal{height:1px;left:0;right:0}.crop-grid-line.vertical{bottom:0;top:0;width:1px}.crop-handle{pointer-events:auto;position:absolute;transition:transform .2s ease;z-index:2}.crop-handle.corner{background:#0000;border:none;box-shadow:none;height:18px;position:absolute;width:18px}.crop-handle.corner:after,.crop-handle.corner:before{background:var(--md-primary);border-radius:3px;content:"";position:absolute}.crop-handle.corner.nw{cursor:nw-resize;left:-1px;top:-1px}.crop-handle.corner.nw:before{height:6px;left:0;top:0;width:16px}.crop-handle.corner.nw:after{height:16px;left:0;top:0;width:6px}.crop-handle.corner.ne{cursor:ne-resize;right:-1px;top:-1px}.crop-handle.corner.ne:before{height:6px;right:0;top:0;width:16px}.crop-handle.corner.ne:after{height:16px;right:0;top:0;width:6px}.crop-handle.corner.sw{bottom:-1px;cursor:sw-resize;left:-1px}.crop-handle.corner.sw:before{bottom:0;height:6px;left:0;width:16px}.crop-handle.corner.sw:after{bottom:0;height:16px;left:0;width:6px}.crop-handle.corner.se{bottom:-1px;cursor:se-resize;right:-1px}.crop-handle.corner.se:before{bottom:0;height:6px;right:0;width:16px}.crop-handle.corner.se:after{bottom:0;height:16px;right:0;width:6px}.crop-handle.edge{background:var(--md-primary);border-radius:3px;opacity:.9}.crop-handle.edge.n,.crop-handle.edge.s{border-radius:3px;height:6px;left:50%;transform:translateX(-50%);width:40px}.crop-handle.edge.n{cursor:n-resize;top:-3px}.crop-handle.edge.s{bottom:-3px;cursor:s-resize}.crop-handle.edge.e,.crop-handle.edge.w{border-radius:3px;height:40px;top:50%;transform:translateY(-50%);width:6px}.crop-handle.edge.e{cursor:e-resize;right:-3px}.crop-handle.edge.w{cursor:w-resize;left:-3px}.crop-handle.edge.n:hover,.crop-handle.edge.s:hover{transform:translateX(-50%) scaleY(1.2)}.crop-handle.edge.e:hover,.crop-handle.edge.w:hover{transform:translateY(-50%) scaleX(1.2)}.crop-size-display{background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:var(--md-elevation-level2);color:var(--md-on-surface);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:600;left:50%;padding:4px 12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.crop-action-buttons{display:flex;gap:12px}.crop-action-btn{align-items:center;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--md-shape-medium);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:background-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 .2s ease}.crop-action-btn.cancel{background:var(--md-secondary-container);border:1px solid var(--md-secondary-container);color:var(--md-on-secondary-container)}.crop-action-btn.cancel:hover{background:var(--md-secondary);box-shadow:var(--md-elevation-level2);color:var(--md-on-secondary);transform:translateY(-1px)}.crop-action-btn.apply{background:var(--md-primary);border:1px solid var(--md-primary);color:var(--md-on-primary)}.crop-action-btn.apply:hover{background:var(--md-primary-container);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.video-crop-controls{background-color:#49454f;background-color:var(--md-surface-variant,#49454f)}.crop-toggle-button{background-color:#1c1b1f;background-color:var(--md-surface,#1c1b1f);border-color:#938f99;border-color:var(--md-outline,#938f99);color:#e6e1e5;color:var(--md-on-surface,#e6e1e5)}.crop-toggle-button:hover{background-color:#211f26;background-color:var(--md-surface-container,#211f26)}.crop-toggle-button.active{background-color:#d0bcff;background-color:var(--md-primary,#d0bcff);color:#381e72;color:var(--md-on-primary,#381e72)}.aspect-ratio-selector select,.reset-crop-button{border-color:#938f99;border-color:var(--md-outline,#938f99);color:#e6e1e5;color:var(--md-on-surface,#e6e1e5)}.aspect-ratio-selector select,.crop-info,.reset-crop-button{background-color:#1c1b1f;background-color:var(--md-surface,#1c1b1f)}.crop-info{border-color:#49454f;border-color:var(--md-outline-variant,#49454f)}.crop-handle{background-color:#fff;border-color:#d0bcff;border-color:var(--md-primary,#d0bcff)}}.video-preview-panel{background:var(--card-background);border:2px solid var(--border-color);border-radius:24px;outline:none;overflow:hidden}.video-preview-panel:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.video-preview-collapsed{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:20px;transition:all .2s ease}.video-preview-collapsed:hover{background:var(--hover-color);border-color:var(--accent-color)}.collapsed-header{align-items:center;display:flex;gap:12px;padding:16px 20px}.collapsed-icon{font-size:1.2rem}.collapsed-title{color:var(--heading-color);flex:1 1;font-weight:600}.collapsed-status{background:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-size:.9rem;padding:4px 8px}.expand-arrow{color:var(--text-secondary);transition:transform .3s ease}.expand-arrow.expanded{transform:rotate(90deg)}.panel-header{background:var(--background-secondary);cursor:pointer;gap:12px;padding:20px 24px;transition:all .2s ease}.panel-header:hover{background:var(--hover-color)}.panel-icon{font-size:1.2rem}.panel-title{color:var(--heading-color)}.video-preview-panel .video-container{display:flex;flex-direction:column;gap:16px}.video-preview-panel .video-wrapper{background:#000;border-radius:8px;display:block;height:400px;max-height:70vh;min-height:300px;overflow:hidden;position:relative;width:100%}.video-preview-panel .preview-video{height:100%;object-fit:contain;width:100%}.video-preview-panel .subtitle-overlay{pointer-events:none;z-index:10}.video-preview-panel .subtitle-overlay div{display:inline-block;white-space:pre-wrap;word-break:break-word}.video-preview-panel .video-controls{align-items:center;background:var(--background-secondary);border-radius:6px;display:flex;gap:12px;padding:12px 16px}.video-preview-panel .play-pause-btn{align-items:center;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.video-preview-panel .play-pause-btn:hover{background:var(--accent-color-secondary);transform:scale(1.05)}.video-preview-panel .time-display{color:var(--text-primary);font-size:.9rem;font-weight:500;min-width:80px}.video-preview-panel .progress-container{align-items:center;cursor:pointer;display:flex;flex:1 1;height:20px}.video-preview-panel .progress-bar{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:100%}.video-preview-panel .progress-fill{background:var(--accent-color);height:100%;transition:width .1s ease}.video-preview-panel .preview-info{grid-gap:12px;background:var(--background-secondary);border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.video-preview-panel .info-row{align-items:center;display:flex;justify-content:space-between}.video-preview-panel .info-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.video-preview-panel .info-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.no-video-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-video-placeholder svg{margin-bottom:20px;opacity:.5}.no-video-placeholder h3{color:var(--heading-color);font-size:1.2rem;margin:0 0 12px}.no-video-placeholder p{font-size:.9rem;line-height:1.5;margin:0;max-width:300px}@media (max-width:768px){.video-preview-panel .collapsed-header,.video-preview-panel .panel-header{padding:16px 20px}.video-preview-panel .video-controls{flex-wrap:wrap;gap:8px}.video-preview-panel .time-display{font-size:.8rem;min-width:auto}.video-preview-panel .play-pause-btn{height:36px;width:36px}.video-preview-panel .preview-info{gap:8px;grid-template-columns:1fr;padding:12px}.video-preview-panel .info-row{align-items:flex-start;flex-direction:column;gap:4px}.video-preview-panel .no-video-placeholder{padding:40px 20px}.video-preview-panel .no-video-placeholder svg{height:48px;width:48px}.video-preview-panel .no-video-placeholder h3{font-size:1.1rem}.video-preview-panel .no-video-placeholder p{font-size:.85rem}}.video-preview-panel .subtitle-overlay div{animation:subtitleFadeIn .3s ease}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-preview-panel .play-pause-btn:focus,.video-preview-panel .progress-container:focus{outline:2px solid var(--accent-color);outline-offset:2px}.video-preview-panel .preview-video:not([src]){background:var(--background-secondary)}@media (prefers-contrast:high){.video-preview-panel .progress-bar,.video-preview-panel .subtitle-overlay div{border:1px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){.video-preview-panel .subtitle-overlay div{animation:none}.video-preview-panel .play-pause-btn:hover{transform:none}.video-preview-panel .expand-arrow{transition:none}}.video-preview-panel .placeholder-content{align-items:center;background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:48px;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;height:-webkit-fill-available;justify-content:center;margin:56px;text-align:center}.video-preview-panel .placeholder-icon{align-items:center;display:flex;justify-content:center;margin-bottom:16px;opacity:.5}.video-preview-panel .placeholder-icon svg{color:var(--text-secondary);transition:color .2s ease}.video-preview-panel .powered-by-remotion{border-top:1px solid var(--border-color);margin-top:20px;opacity:.7;padding-top:16px}.video-preview-panel .powered-by-remotion span{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.video-preview-panel .video-preview-info{background:var(--background-secondary);border-radius:6px;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin:8px 8px 0;padding:8px 12px}.video-preview-panel .video-info-item{color:var(--text-secondary);font-family:Courier New,monospace;white-space:nowrap}.video-preview-panel .video-preview-hint{background:var(--info-background);border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);font-weight:500;margin:8px 8px 0;padding:6px 8px;text-align:center}.queue-manager-panel{background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;margin-bottom:1.5rem;overflow:hidden}.queue-count{background:var(--md-surface-3);border-radius:24px;color:var(--text-secondary);font-size:.8rem;font-weight:500;min-width:24px;padding:.25rem .5rem;text-align:center}.panel-header{background:var(--md-surface-2);border-bottom:1px solid var(--md-outline-variant);justify-content:space-between;padding:1rem 1.5rem}.header-left,.panel-header{align-items:center;display:flex}.header-left{gap:.75rem}.panel-icon{font-size:1.1rem}.panel-title{color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:600}.queue-manager-panel .panel-content{max-height:500px;padding:.5rem}.header-btn{align-items:center;background:var(--md-error);border:none;border-radius:50%;color:var(--md-on-error);cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:0;transition:all .2s ease;width:2.5rem}.header-btn:hover:not(:disabled){background:var(--md-error-dark);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.header-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.header-btn svg{height:16px;width:16px}.empty-queue{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 1.25rem;text-align:center}.empty-queue svg{color:var(--text-secondary);margin-bottom:1.25rem;opacity:.4}.empty-queue h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:.75rem}.empty-queue p{color:var(--text-secondary);line-height:1.4;margin:0}.queue-list{display:flex;flex-direction:column;gap:.75rem}.queue-list.grid-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.queue-manager-panel.grid-layout{margin-bottom:0}.queue-item{background:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:24px;padding:1.25rem;transition:all .2s ease}.queue-item.current{background:var(--md-warning-container);border-color:var(--md-warning);box-shadow:0 0 0 1px var(--md-warning)}.queue-item.completed{background:var(--md-success-container)}.queue-item.failed{background:var(--md-error-container);border-color:var(--md-error)}.queue-item:hover{border-color:var(--md-outline);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.queue-item-header{justify-content:space-between;margin-bottom:.75rem}.item-info,.queue-item-header{align-items:flex-start;display:flex}.item-info{flex:1 1;gap:.75rem}.status-icon{font-size:1.1rem;margin-top:.125rem}.item-details{flex:1 1}.item-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.25rem}.item-time{opacity:.8}.item-status{align-items:center;display:flex}.status-badge{background:var(--md-surface-3);border-radius:24px;color:var(--text-primary);font-size:.7rem;font-weight:500;letter-spacing:.25px;padding:.375rem .75rem;text-transform:capitalize}[data-theme=light] .status-badge{color:#fff}[data-theme=dark] .status-badge{color:#000}.wavy-progress-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001a;border:1px solid #ffffff1a;border-radius:12px;margin:12px 0;overflow:visible;padding:8px 12px;position:relative}[data-theme=dark] .wavy-progress-section{background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=light] .wavy-progress-section{background:#00000008;border:1px solid #0000001a}.progress-bar,.progress-fill{display:none}.progress-text{font-size:.75rem;font-weight:500;min-height:2.5rem;position:relative;text-align:right}.progress-percentage-container{align-items:center;display:flex;height:1.2rem;justify-content:flex-end;position:absolute;right:0;top:0;width:100%}.progress-percentage{font-size:.8rem;line-height:1.2;white-space:nowrap}.progress-frames-container{align-items:flex-end;display:flex;flex-direction:column;gap:.1rem;position:absolute;right:0;top:1.3rem;width:100%}.progress-frames{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.7rem;line-height:1.1;opacity:.9;white-space:nowrap}.progress-phase{color:var(--text-tertiary);font-size:.65rem;font-style:italic;line-height:1.2;max-width:200px;text-align:right}.progress-phase.encoding{color:var(--md-secondary);font-weight:500}.error-section{margin-bottom:.75rem}.completed-section{align-items:center;background:var(--md-success-container);border:1px solid var(--md-success);border-radius:24px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem}.output-info{align-items:center;color:var(--md-on-success-container);display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.download-btn-success{align-items:center;background:var(--md-success);border:none;border-radius:32px;color:var(--md-on-success);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;transition:all .2s ease}.download-btn-success:hover{background:var(--md-success-dark);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.download-btn-success:active{box-shadow:none;transform:translateY(0)}.preview-btn{align-items:center;background:var(--md-surface-3);border:1px solid var(--md-outline-variant);border-radius:16px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:.6rem;padding:.4rem .7rem;transition:all .2s ease}.preview-btn:hover{background:var(--md-surface-4);transform:translateY(-1px)}.preview-thumb-wrap{background:#000;border:1px solid var(--md-outline-variant);border-radius:6px;height:24px;overflow:hidden;width:40px}.preview-thumb{background:#000;height:100%;object-fit:contain;width:100%}.preview-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.preview-modal{background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:32px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(900px,92vw)}.preview-modal-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.preview-title{align-items:center;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.5rem}.preview-close-btn{margin-right:.75rem}.preview-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-left:.5rem}.preview-badge{align-items:center;background:var(--md-surface-3);border:1px solid var(--md-outline-variant);border-radius:14px;color:var(--text-primary);display:inline-flex;font-size:.72rem;font-weight:500;gap:.35rem;letter-spacing:.2px;padding:.25rem .6rem}.preview-badge .badge-icon{opacity:.9}[data-theme=dark] .preview-badge{background:#ffffff0f;border-color:#ffffff1f;color:var(--text-primary)}[data-theme=light] .preview-badge{background:#0000000a;border-color:#0000001f;color:var(--text-primary)}.preview-badge:before{background:var(--md-outline-variant);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.preview-badge.video:before{background:var(--md-primary)}.preview-badge.audio:before{background:#43a047}.preview-badge.file:before{background:var(--md-outline)}[data-theme=dark] .preview-badge.video{background:rgba(var(--md-primary-rgb),.08);border-color:rgba(var(--md-primary-rgb),.5)}[data-theme=light] .preview-badge.video{background:rgba(var(--md-primary-rgb),.06);border-color:rgba(var(--md-primary-rgb),.4)}[data-theme=dark] .preview-badge.audio{background:#4caf501f;border-color:#4caf5099}[data-theme=light] .preview-badge.audio{background:#4caf5014;border-color:#4caf5080}[data-theme=dark] .preview-badge.file{background:#ffffff0f;border-color:#ffffff2e}[data-theme=light] .preview-badge.file{background:#0000000a;border-color:#00000024}.preview-sep{align-self:center;background:var(--md-outline-variant);display:inline-block;height:16px;margin:0 6px;opacity:.7;width:1px}.preview-modal-content{border-radius:calc(var(--modal-border-radius) - 6px);flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:1rem;scrollbar-color:var(--md-outline-variant) var(--md-surface-2);scrollbar-width:thin}.preview-modal-content::-webkit-scrollbar{margin-right:2px;width:10px}.preview-modal-content::-webkit-scrollbar-track{background:var(--md-surface-2);border-radius:6px;margin-bottom:4px;margin-right:2px}.preview-modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:2px solid var(--md-surface-2);border-radius:6px;margin-bottom:4px;margin-right:2px}.preview-modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.item-actions{justify-content:space-between}.item-actions,.item-actions-right{align-items:center;display:flex;gap:.5rem}.render-time{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:.4rem}.render-time svg{color:var(--md-secondary)}.cancel-btn,.remove-btn{align-items:center;border:none;border-radius:32px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.remove-btn{background:var(--md-error);color:var(--md-on-error)}.remove-btn:hover{background:var(--md-error-dark);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.cancel-btn{background:var(--md-warning);color:var(--md-on-warning)}.cancel-btn:hover{background:var(--md-warning-dark);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}@media (max-width:768px){.collapsed-header,.panel-header{padding:.875rem 1rem}.queue-item,.queue-manager-panel .panel-content{padding:.875rem}.queue-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.item-info{width:100%}.item-status{align-self:flex-end}.completed-section{align-items:flex-start;flex-direction:column;gap:.5rem}.item-actions{flex-wrap:wrap;justify-content:flex-start}.empty-queue{padding:2.5rem 1.25rem}.empty-queue svg{height:36px;width:36px}.queue-actions{justify-content:center}.queue-list.grid-layout{gap:.75rem;grid-template-columns:1fr}}.queue-item{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cancel-btn:focus,.clear-queue-btn:focus,.download-btn-success:focus,.remove-btn:focus{outline:2px solid var(--md-primary);outline-offset:2px}.collapsed-header:focus,.panel-header:focus{outline:2px solid var(--md-primary);outline-offset:-2px}@media (prefers-contrast:high){.queue-item{border-width:2px}.progress-bar,.status-badge{border:1px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){.queue-item{animation:none}.cancel-btn:hover,.clear-queue-btn:hover,.download-btn:hover,.queue-item:hover,.remove-btn:hover{transform:none}.expand-arrow{transition:none}}.video-rendering-section.dragging{border-color:var(--md-primary);box-shadow:0 0 0 3px rgba(var(--md-primary-rgb),.2)}.drag-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--md-primary-rgb),.1);border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.drag-content{color:var(--md-primary);text-align:center}.drag-content svg{margin-bottom:16px}.drag-content h3{font-size:1.2rem;font-weight:600;margin:0 0 8px;margin:0}.video-rendering-header{align-items:center;background-color:var(--md-surface-2);border-radius:24px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);display:flex;justify-content:space-between;padding:20px 24px;position:relative;z-index:1}.video-rendering-header .header-left{align-items:center;display:flex;gap:16px}.video-rendering-header h2{color:var(--text-color);font-size:1.3rem;margin:0}.video-rendering-section:not(.collapsed) .video-rendering-header{border-radius:24px 24px 0 0}.video-rendering-section.collapsed .video-rendering-header,.video-rendering-section:not(.collapsed) .video-rendering-header{transition:border-radius var(--md-duration-medium2) var(--md-easing-standard)}.input-selection-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.preview-customization-row{border:1px solid var(--md-outline-variant);border-radius:24px;display:flex;height:600px;margin-bottom:20px;overflow:hidden}.narration-selection-compact,.subtitle-selection-compact,.video-input-compact{display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow:hidden;padding:0 1.5rem}.narration-selection-compact h4,.subtitle-selection-compact h4,.video-input-compact h4{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 .75rem}.video-rendering-section .help-icon-container{align-items:center;cursor:help;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.video-rendering-section .help-icon{color:var(--md-on-surface-variant);height:14px;opacity:.7;transition:opacity .2s,color .2s;width:14px}.video-rendering-section .help-icon-container:hover .help-icon{color:var(--md-primary);opacity:1}.compact-volume-control .volume-slider{flex:none;width:200px}.customization-panel{background:var(--md-surface-1);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.rendering-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem;min-height:42px}.rendering-row.queue-row{display:block;gap:0;min-height:auto}.row-label{align-items:center;display:flex;flex:0 0 120px;height:100%;justify-content:flex-end;text-align:right}.row-label label{color:var(--text-primary);font-size:.95rem;font-weight:500}.row-content{align-items:center;display:flex;flex:1 1;min-width:0}.action-content{display:flex;gap:.75rem;justify-content:flex-start}.video-input-compact{display:flex;flex-direction:column;gap:1rem}.selected-video-info{background:var(--md-surface-1);border:1px solid var(--md-outline-variant);border-radius:24px;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;width:100%}.selected-video-info-row{align-items:center;display:flex;gap:12px;min-width:0}.selected-video-info-row.top-row{flex:1 1}.selected-video-info-row.bottom-row{justify-content:space-between}.video-file-icon{align-self:flex-start;color:var(--md-primary);flex-shrink:0;margin-top:2px}.video-name{word-wrap:break-word;color:var(--text-primary);flex:1 1;font-weight:500;line-height:1.4;min-width:0;word-break:break-word}.video-source-indicator{background:var(--md-surface-3);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-style:italic;padding:4px 8px}.render-controls{display:flex;flex-wrap:wrap;gap:12px}.render-controls,.render-progress{margin-bottom:16px}.render-progress{width:100%}.progress-bar{background:var(--md-surface-variant);border-radius:12px;height:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill{background:var(--md-primary);border-radius:12px;height:100%;transition:width var(--md-duration-medium3) var(--md-easing-emphasized);width:0}.progress-text{align-items:center;color:var(--text-primary);display:flex;justify-content:space-between}.progress-status{flex:1 1}.progress-percentage{color:var(--md-primary);font-weight:600;min-width:40px;text-align:right}.progress-text{color:var(--text-secondary);font-size:.9rem;text-align:center}.rendered-video-section video{border-radius:12px;margin-bottom:16px;max-width:600px;width:100%}.video-actions{display:flex;gap:12px;justify-content:center}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.music-generator-section,.video-rendering-section{margin:20px 16px 40px}.input-selection-row{gap:12px;grid-template-columns:1fr}.preview-customization-row{flex-direction:column;height:auto}.customization-panel{flex:none!important;height:400px}.rendering-row{align-items:flex-start;flex-direction:column;gap:.5rem}.row-label{flex:none;justify-content:flex-start;margin-bottom:.25rem;text-align:left;width:100%}.row-content{width:100%}.render-controls{flex-direction:column}.selected-video-info{gap:8px}.selected-video-info-row.bottom-row{align-items:stretch;flex-direction:column;gap:8px}.video-actions{justify-content:stretch}.video-actions .pill-button{flex:1 1}.upload-drop-zone{min-height:150px;padding:2rem}}.music-generator-section,.video-rendering-section{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border-radius:38px;box-shadow:var(--md-elevation-level2);margin:20px auto 40px;max-height:2000px;max-width:1200px;overflow:hidden;position:relative;scroll-margin-top:20px;transition:max-height var(--md-duration-medium4) var(--md-easing-emphasized);width:100%;will-change:max-height}.music-generator-section.collapsed,.video-rendering-section.collapsed{max-height:128px;transition:max-height var(--md-duration-medium4) var(--md-easing-emphasized)}.music-generator-section:not(.collapsed) .music-generator-header,.video-rendering-section:not(.collapsed) .video-rendering-header{border-radius:24px 24px 0 0;transition:border-radius var(--md-duration-medium2) var(--md-easing-standard)}.music-generator-section.collapsed .music-generator-header,.video-rendering-section.collapsed .video-rendering-header{transition:border-radius var(--md-duration-medium2) var(--md-easing-standard)}.collapse-button{align-items:center;background-color:var(--md-surface-3);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.collapse-button:hover{background-color:var(--md-surface-4);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.collapse-button svg{stroke-width:2;height:20px;transform:rotate(180deg);transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:20px}.music-generator-section.collapsed .collapse-button svg,.video-rendering-section.collapsed .collapse-button svg{transform:rotate(0deg)}.music-generator-collapsed-content,.video-rendering-collapsed-content{animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);background-color:var(--md-surface-1);border-radius:0 0 24px 24px;transform-origin:top center}.helper-message{animation:slideUp var(--md-duration-medium3) var(--md-easing-emphasized-decelerate);border-radius:16px;color:var(--md-on-surface);font-size:.95rem;margin:0;padding:16px;text-align:center}.video-rendering-content{padding:24px}.music-generator-content,.video-rendering-content{grid-gap:20px;animation:expandContent var(--md-duration-medium4) var(--md-easing-emphasized);background-color:var(--md-surface-1);display:grid;gap:20px;grid-template-columns:1fr;transform-origin:top center;transition:opacity var(--md-duration-medium3) var(--md-easing-emphasized),transform var(--md-duration-medium3) var(--md-easing-emphasized)}@keyframes expandContent{0%{opacity:.7;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .collapse-button{background-color:#ffffffbf}[data-theme=light] .collapse-button:hover{background-color:#fffffff2}@media (max-width:768px){.music-generator-section,.video-rendering-section{margin:20px 16px 40px}.music-generator-content,.video-rendering-content{gap:16px;padding:16px}}.upload-drop-zone{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;gap:inherit;justify-content:center;min-height:150px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.upload-drop-zone:hover{background-color:#007bff0d;background-color:rgba(var(--primary-rgb,0,123,255),.05);border-color:var(--primary-color);transform:scale(1.01)}.drop-text{color:var(--text-secondary);font-size:.95rem;margin:.4rem 0}.panel-resizer{align-items:center;background:#0000;cursor:col-resize;display:flex;justify-content:center;position:relative;transition:background-color .2s ease;width:32px}.panel-resizer:hover{background:rgba(var(--md-primary-rgb),.08)}.panel-resizer:before{background:var(--md-outline-variant);border-radius:5px;content:"";height:80px;transition:all .2s ease;width:5px}.panel-resizer:hover:before{background:var(--md-primary);width:10px}.panel-resizer--horizontal{align-items:center;background:#0000;cursor:row-resize;display:flex;height:8px;justify-content:center;position:relative;transition:background-color .2s ease;width:100%}.panel-resizer--horizontal:hover{background:rgba(var(--md-primary-rgb),.04)}.panel-resizer--horizontal:before{background:var(--md-outline-variant);border-radius:2px;content:"";height:2px;transition:all .2s ease;width:72px}.panel-resizer--horizontal:hover:before{background:var(--md-primary);height:4px}.floating-resizer-pill{align-items:center;background:#0000;border:none;bottom:0;cursor:row-resize;display:flex;height:16px;justify-content:center;left:50%;position:absolute;touch-action:none;transform:translateX(-50%);width:64px;z-index:11}.floating-resizer-pill:before{background:var(--md-outline-variant);border-radius:9999px;content:"";height:6px;transition:background-color .2s ease;width:56px}.floating-resizer-pill:hover:before{background:var(--md-primary)}.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{align-items:center;background-color:var(--md-error-container);border:none;border-radius:var(--md-shape-pill);color:var(--md-on-error-container);cursor:pointer;display:flex;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{align-items:center;background:none;border:none;border-radius:50%;color:var(--md-on-surface-variant);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;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)}.btn-base{align-items:center;border:none;border-radius:var(--md-shape-pill);cursor:pointer;display:flex;font-family:Google Sans,Open Sans,Segoe UI,sans-serif;font-weight:var(--md-label-large-weight);gap:8px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;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);white-space:nowrap}.btn-large{font-size:var(--md-label-large-size);height:44px;line-height:var(--md-label-large-height);min-width:180px;padding:12px 24px}.btn-medium{font-size:var(--md-label-medium-size);height:40px;line-height:var(--md-label-medium-height);min-width:120px;padding:10px 20px}.btn-small{height:36px;line-height:var(--md-label-small-height);min-width:100px;padding:8px 16px}.btn-compact{font-size:.75rem;font-weight:500;height:32px;min-width:80px;padding:6px 12px}.btn-primary{background-color:var(--md-primary);box-shadow:var(--md-elevation-level1);color:var(--md-on-primary)}.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-primary),#000 10%);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.btn-success{background-color:var(--md-success);box-shadow:var(--md-elevation-level1);color:var(--md-on-success)}.btn-success:hover:not(:disabled){background-color:var(--md-success-dark);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.btn-secondary{background-color:var(--md-secondary-container);box-shadow:var(--md-elevation-level1);color:var(--md-on-secondary-container)}.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-secondary-container),#000 10%);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.btn-outlined{background-color:initial;border:1px solid var(--md-outline);box-shadow:var(--md-elevation-level1);color:var(--md-primary)}.btn-outlined:hover:not(:disabled){background-color:var(--md-primary-container);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary-container);transform:translateY(-1px)}.btn-base:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.btn-base svg{stroke:currentColor;height:18px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:18px}.btn-base:hover:not(:disabled) svg{transform:translateY(1px)}@media (max-width:768px){.btn-large{font-size:var(--md-label-medium-size);height:40px;min-width:140px;padding:10px 20px}.btn-medium{font-size:var(--md-label-small-size);height:36px;min-width:100px;padding:8px 16px}.btn-small{font-size:.75rem;height:32px;min-width:80px;padding:6px 12px}.btn-compact{font-size:.7rem;height:28px;min-width:60px;padding:4px 8px}}.radio-group-base{display:flex;flex-wrap:wrap;gap:12px}.radio-group-vertical{flex-direction:column;gap:8px}.radio-group-horizontal{flex-direction:row;flex-wrap:wrap}.radio-group-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.radio-group-two-columns{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.radio-option-base{align-items:center;cursor:pointer;display:flex;gap:8px;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);-webkit-user-select:none;user-select:none}.radio-option-base input[type=radio]{height:0;margin:0;opacity:0;position:absolute;width:0}.radio-option-card{background-color:var(--md-surface-2);border:1px solid #0000;border-radius:var(--md-shape-medium);padding:8px 12px;transition:all .2s ease}.radio-option-card:hover{background-color:var(--md-surface-3);transform:translateY(-1px)}.radio-option-pill{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);height:36px;padding:8px 16px}.radio-option-pill:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.radio-option-minimal{border-radius:var(--md-shape-small);padding:4px 8px}.radio-option-minimal:hover{background-color:var(--md-surface-2)}.radio-option-base input[type=radio]:checked~.radio-option-card,.radio-option-base input[type=radio]:checked~.radio-option-pill,.radio-option-card.checked,.radio-option-pill.checked{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.radio-option-base input[type=radio]:checked~.radio-option-minimal,.radio-option-minimal.checked{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.radio-option-base input[type=radio]:disabled+label,.radio-option-base.disabled,.radio-option-base.disabled label{cursor:not-allowed;opacity:.5}.radio-option-base input[type=radio]:focus+label{outline:2px solid var(--md-primary);outline-offset:2px}@media (max-width:768px){.radio-group-horizontal{flex-direction:column;gap:8px}.radio-group-grid,.radio-group-two-columns{gap:8px;grid-template-columns:1fr}.radio-option-pill{font-size:.85rem;height:32px;padding:6px 12px}.radio-option-card{font-size:.85rem;padding:6px 10px}}@media (prefers-contrast:high){.radio-option-card,.radio-option-minimal,.radio-option-pill{border-width:2px}.radio-option-base input[type=radio]:checked+label{border-color:var(--md-primary);border-width:2px}}.pill-button{align-items:center;background-color:rgba(var(--md-surface-variant-rgb),.5);border:1px solid #0000;border-radius:24px;box-shadow:var(--md-elevation-level1);box-sizing:border-box;color:var(--md-on-surface-variant);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;padding:.5rem 1rem;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.pill-button.primary:hover:not(:disabled){background-color:var(--md-primary);background-color:var(--md-primary-hover,var(--md-primary));box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.pill-button.secondary{background-color:rgba(var(--md-surface-variant-rgb),.5);border:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant)}.pill-button.secondary:hover:not(:disabled){background-color:var(--md-surface-variant);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.selected-video-info .pill-button{flex-shrink:0}.pill-button.cancel{background-color:rgba(var(--md-error-rgb),.1);border:1px solid rgba(var(--md-error-rgb),.2);color:var(--md-error)}.pill-button.cancel:hover:not(:disabled){background-color:var(--md-error-container);color:var(--md-on-error-container)}.pill-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.narration-selection-compact,.subtitle-selection-compact{display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow:visible;padding:0 1.5rem}.narration-selection-compact h4,.subtitle-selection-compact h4{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 .75rem}.narration-selection-compact .radio-group,.subtitle-selection-compact .radio-group{display:flex;flex-direction:column;gap:8px}.narration-selection-compact .radio-option,.subtitle-selection-compact .radio-option{position:relative}.narration-selection-compact .radio-option input[type=radio],.subtitle-selection-compact .radio-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.narration-selection-compact .radio-option label,.subtitle-selection-compact .radio-option label{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;height:36px;justify-content:flex-start;min-width:0;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.narration-selection-compact .radio-option label:hover,.subtitle-selection-compact .radio-option label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.narration-selection-compact .radio-option label:active,.subtitle-selection-compact .radio-option label:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.narration-selection-compact .radio-option input[type=radio]:checked+label,.subtitle-selection-compact .radio-option input[type=radio]:checked+label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.narration-selection-compact .radio-option input[type=radio]:checked+label:hover,.subtitle-selection-compact .radio-option input[type=radio]:checked+label:hover{background-color:var(--md-primary-container);opacity:.9}.narration-selection-compact .radio-option input[type=radio]:disabled+label,.subtitle-selection-compact .radio-option input[type=radio]:disabled+label{background-color:var(--md-surface-variant);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38;transform:none}.narration-selection-compact .radio-option input[type=radio]:disabled+label:hover,.subtitle-selection-compact .radio-option input[type=radio]:disabled+label:hover{background-color:var(--md-surface-variant);border-color:var(--md-outline-variant);box-shadow:none;color:var(--md-on-surface-variant);transform:none}.narration-selection-compact .radio-option[style*="display: flex"]{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);padding:8px 16px;transition:all .2s ease}.narration-selection-compact .radio-option[style*="display: flex"]:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.narration-selection-compact .radio-option[style*="display: flex"] input[type=radio]{accent-color:var(--md-primary);height:16px;margin:0;opacity:1;position:relative;width:16px}.narration-selection-compact .radio-option[style*="display: flex"] label{background:none;border:none;box-shadow:none;color:var(--md-on-surface);font-size:.9rem;font-weight:500;height:auto;margin:0;padding:0;transform:none}.narration-selection-compact .radio-option[style*="display: flex"] label:hover{background:none;box-shadow:none;transform:none}.narration-selection-compact .narration-status-container{align-items:center;display:flex;gap:8px;width:100%}.narration-selection-compact .narration-status{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);display:inline-flex;flex:1 1;font-size:.9rem;font-weight:500;height:36px;justify-content:flex-start;min-width:0;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;white-space:nowrap}.narration-selection-compact .narration-status.disabled{color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.38}.narration-selection-compact .narration-status.not-aligned{background-color:var(--md-surface-variant);border-color:var(--md-outline-variant);color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6}.narration-selection-compact .narration-status.clickable{cursor:pointer;transition:all .2s ease}.narration-selection-compact .narration-status.clickable:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.narration-selection-compact .refresh-icon-button{align-items:center;background-color:var(--md-primary);border:none;border-radius:50%;box-shadow:var(--md-elevation-level1);color:var(--md-on-primary);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.narration-selection-compact .refresh-icon-button:hover:not(:disabled){background-color:var(--md-primary-dark);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.narration-selection-compact .refresh-icon-button:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.narration-selection-compact .refresh-icon-button:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.5;transform:none}.narration-selection-compact .refresh-icon-button svg{height:16px;width:16px}.item-count{color:var(--text-secondary);font-size:.85rem;font-weight:400;margin-left:8px}.volume-control{align-items:center;display:flex;gap:1rem;width:100%}.volume-value{color:var(--text-primary);font-size:.9rem;font-weight:500;min-width:40px;text-align:right}.compact-volume-control{display:flex;flex-direction:column;gap:1.75rem;margin:1rem 0}.volume-label{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.compact-volume-control .standard-slider-container{flex:none;max-width:350px!important;width:100%!important}[data-theme=dark] .narration-selection-compact .refresh-icon-button{animation:breathe-dark 2s ease-in-out infinite!important}.setting-select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;height:42px;padding:8px 40px 8px 16px;position:relative;transition:all var(--md-duration-medium2) var(--md-easing-standard)}.setting-select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.setting-select:hover:not(:disabled){background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.setting-select:focus{border-color:var(--md-primary);box-shadow:0 0 0 3px rgba(var(--md-primary-rgb),.12);outline:none}.setting-select:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.setting-select:disabled{background-color:var(--md-surface-variant);box-shadow:none;color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6;transform:none!important}.setting-select option{background-color:var(--md-surface-1);border:none;color:var(--md-on-surface);font-family:var(--font-primary);font-size:.9rem;line-height:1.4;padding:12px 16px;transition:background-color var(--md-duration-medium2) var(--md-easing-standard)}.setting-select option:hover{background-color:var(--md-surface-2)}.setting-select option:checked,.setting-select option:focus{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.setting-select option:disabled{background-color:var(--md-surface-variant);color:var(--md-on-surface-variant);opacity:.5}.video-quality-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.video-quality-modal{animation:fade-in .3s ease-out;background-color:var(--md-surface-1);border-radius:24px;box-shadow:var(--md-elevation-level3);display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:1}.modal-header{background-color:var(--md-surface-2);color:var(--md-on-surface);padding:20px 24px;position:relative;z-index:1}.header-content{align-items:center;display:flex;flex:1 1;gap:12px}.modal-header h3{font-size:1rem;letter-spacing:.1px}.header-badge{align-items:center;background-color:var(--md-primary-container);border-radius:16px;color:var(--md-on-primary-container);cursor:help;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px;transition:background-color .2s ease;white-space:nowrap}.header-badge:hover{background-color:var(--md-primary);color:var(--md-on-primary)}.header-badge.cookie-enabled{background-color:#4caf50;color:#fff}.header-badge.cookie-enabled:hover{background-color:#45a049;color:#fff}.header-badge.cookie-disabled{background-color:#2196f3;color:#fff}.header-badge.cookie-disabled:hover{background-color:#1976d2;color:#fff}.header-badge .badge-text{font-size:.75rem}.video-quality-modal .modal-content{background-color:var(--md-surface-1);flex:1 1;overflow-y:auto;padding:24px}.video-info{grid-gap:16px;background-color:var(--md-surface-2);border-radius:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;padding:13px;transition:all .2s ease}.info-row{display:flex;flex-direction:column;gap:4px}.info-row .label{color:var(--md-on-surface);font-size:.75rem;font-weight:500;letter-spacing:.1px;opacity:.8;text-transform:uppercase}.info-row .value{color:var(--md-on-surface);font-size:.875rem;font-weight:400;line-height:1.4;word-break:break-word}.quality-options{padding-top:20px}.quality-options h4{color:var(--md-on-surface);font-size:1rem;font-weight:500;letter-spacing:.1px;margin:0 0 16px}.option-item{align-items:flex-start;background-color:var(--md-surface-2);border:1px solid #0000;border-radius:16px;box-shadow:var(--md-elevation-level1);cursor:pointer;display:flex;gap:8px;justify-content:flex-start;margin-bottom:12px;padding:16px;transition:all .2s ease}.option-item:hover{box-shadow:var(--md-elevation-level2);transform:translateY(-1px)}.option-item:has(input:checked){background-color:var(--md-surface-3);border:1px solid rgba(var(--md-on-surface-rgb),.12);box-shadow:var(--md-elevation-level2)}.option-item input[type=radio]{accent-color:var(--md-on-surface);flex-basis:auto;flex-shrink:0;height:16px;margin:2px 0 0;max-width:16px;width:16px}.option-content{flex:1 1;min-width:0;width:100%}.option-title{color:var(--md-on-surface);font-size:.875rem;font-weight:500;letter-spacing:.1px;line-height:1.4;margin-bottom:6px}.option-description{font-size:.8rem}.quality-selector,.version-selector{background-color:var(--md-surface-3);border-left:3px solid rgba(var(--md-on-surface-rgb),.2);border-radius:12px;margin-top:12px;padding:10px 14px}.version-selector .radio-pill{margin-bottom:8px;position:relative}.version-selector .radio-pill:last-child{margin-bottom:0}.version-selector .radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.version-selector .radio-pill input[type=radio]:focus{box-shadow:none;outline:none}.version-selector .radio-pill .version-pill-label{align-items:flex-start;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:flex;flex-direction:column;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.version-selector .radio-pill .version-pill-label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.version-selector .radio-pill .version-pill-label:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.version-selector .radio-pill input[type=radio]:checked+.version-pill-label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.version-selector .radio-pill input[type=radio]:checked+.version-pill-label:hover{background-color:var(--md-primary-container);opacity:.9}.version-selector .radio-pill input[type=radio]:checked+.version-pill-label .version-details{color:var(--md-on-primary-container);opacity:.8}.version-title{color:inherit;font-size:.8rem;font-weight:500;letter-spacing:.1px;line-height:1.2;margin-bottom:4px}.version-details{color:var(--md-on-surface-variant);font-size:.7rem;line-height:1.2;opacity:.8}.quality-selector-title{color:var(--md-on-surface);font-size:.8rem;font-weight:500;letter-spacing:.1px;margin-bottom:8px}.no-qualities,.scanning-indicator{background-color:var(--md-surface-2);border:1px dashed rgba(var(--md-on-surface-rgb),.2);border-radius:12px;color:var(--md-on-surface-variant);font-size:.8rem;font-style:italic;padding:12px;text-align:center}.quality-options-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:8px}.quality-options-list .radio-pill{position:relative}.quality-options-list .radio-pill input[type=radio]{height:0;opacity:0;position:absolute;width:0}.quality-options-list .radio-pill input[type=radio]:focus{box-shadow:none;outline:none}.quality-options-list .radio-pill .quality-pill-label{align-items:center;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);box-sizing:border-box;color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;height:48px;justify-content:center;line-height:1.2;padding:12px 8px;text-align:center;transition:all .2s ease;width:100%}.quality-options-list .radio-pill .quality-pill-label:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.quality-options-list .radio-pill .quality-pill-label:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.quality-options-list .radio-pill input[type=radio]:checked+.quality-pill-label{background-color:var(--md-primary-container);border-color:var(--md-primary);color:var(--md-on-primary-container)}.quality-options-list .radio-pill input[type=radio]:checked+.quality-pill-label:hover{background-color:var(--md-primary-container);opacity:.9}.download-progress-container{background-color:var(--md-surface-2);border-top:1px solid rgba(var(--md-on-surface-rgb),.1);padding:16px 24px}.download-progress-bar{border-radius:3px;margin-bottom:8px;overflow:hidden;width:100%}.download-progress-fill{background-color:var(--md-on-surface);border-radius:3px;height:100%;transition:width .3s ease}.download-progress-text{color:var(--md-on-surface-variant);font-size:.75rem;line-height:1.3;text-align:center}.modal-actions{background-color:var(--md-surface-1);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button,.confirm-button{align-items:center;border:none;border-radius:24px;box-shadow:var(--md-elevation-level2);cursor:pointer;display:flex;font-family:Google Sans,Open Sans,sans-serif;font-size:14px;font-weight:500;gap:8px;height:36px;letter-spacing:.1px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.cancel-button{background-color:var(--md-surface-2);color:var(--md-on-surface-variant)}.cancel-button:hover:not(:disabled){background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level3)}.confirm-button{background-color:var(--md-primary);color:var(--md-on-primary)}.confirm-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-primary),rgba(255,255,255,var(--md-state-hover-opacity)));box-shadow:var(--md-elevation-level3)}.cancel-button:disabled,.confirm-button:disabled{color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.5}.cancel-button:disabled,.cancel-button:disabled:hover,.confirm-button:disabled,.confirm-button:disabled:hover{background-color:var(--md-surface-2);box-shadow:var(--md-elevation-level1)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .video-quality-modal{background-color:var(--md-surface)}[data-theme=dark] .video-quality-modal{background-color:var(--md-surface-1)}.video-quality-modal .modal-content{overflow:auto;scrollbar-width:thin}.video-quality-modal .modal-content::-webkit-scrollbar{width:8px}.video-quality-modal .modal-content::-webkit-scrollbar-track{background:#0000;border-radius:8px;margin:4px}.video-quality-modal .modal-content::-webkit-scrollbar-thumb{background-color:#0000004d;background-color:rgba(var(--md-on-surface-rgb,0,0,0),.3);border-radius:8px}.video-quality-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:#00000080;background-color:rgba(var(--md-on-surface-rgb,0,0,0),.5)}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb{background-color:#ffffff4d}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}@media (max-width:768px){.video-quality-modal{max-height:90vh;width:95%}.modal-actions,.modal-header,.video-quality-modal .modal-content{padding:16px 20px}.modal-actions{flex-direction:column;gap:8px}.video-info{gap:12px;grid-template-columns:1fr}.info-row{gap:4px}.info-row .label{font-size:.7rem}.quality-options-list{gap:6px;grid-template-columns:repeat(2,1fr)}.cancel-button,.confirm-button{justify-content:center;width:100%}.option-item{gap:6px;justify-content:flex-start;padding:12px}.option-item input[type=radio]{flex-basis:auto;height:14px;max-width:14px;width:14px}.quality-selector,.version-selector{margin-top:8px;padding:8px 10px}.quality-options-list .radio-pill .quality-pill-label{font-size:.75rem;height:40px;padding:8px 6px}.version-selector .radio-pill .version-pill-label{padding:10px 12px}.version-title{font-size:.75rem}.version-details{font-size:.65rem}}.onboarding-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fcf7ea;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:100000}.onboarding-overlay.can-dismiss{cursor:pointer}.onboarding-overlay.wait-to-dismiss{cursor:default}.onboarding-banner-container{align-items:center;background-color:#fcf7ea;border-radius:20px;display:flex;flex-direction:column;max-width:90%;overflow:visible;padding:30px}.onboarding-banner,.svg-container{animation:scaleInFromOne .5s ease-out;background-color:initial;display:block;margin:0 auto;position:relative}.onboarding-banner,.svg-container,.svg-container svg{height:auto;max-width:800px;overflow:visible;width:100%}.svg-container .onboarding-banner{height:auto;max-width:800px;width:100%}.svg-container>div{height:100%;overflow:visible;width:100%}.onboarding-message{animation:pulseText 2s infinite;color:#333;font-size:1.5rem;font-weight:700;margin-top:30px;text-align:center;text-shadow:0 0 5px #ffffffb3}.countdown{animation:countdownPulse 1s infinite;color:#f04e36;display:inline-block;font-size:1.8rem;font-weight:700;min-width:1.5em}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.fallback-banner{align-items:center;background-color:#5684d133;border-radius:10px;display:flex;height:300px;justify-content:center;width:100%}.onboarding-overlay.dismissing{animation:fadeOut .6s ease-in-out forwards;animation-delay:.5s}.onboarding-overlay.dismissing .onboarding-message{animation:fadeOut .3s ease-in-out forwards}.svg-container svg path{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-origin:center center!important;transform-origin:var(--origin-x,center) var(--origin-y,center)!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;will-change:transform,opacity!important}.onboarding-overlay.dismissing .svg-container svg path{animation:flyOutAndZoom 1.4s cubic-bezier(.05,.7,.3,1) forwards!important;animation:flyOutAndZoom var(--duration,1.4s) var(--easing,cubic-bezier(.05,.7,.3,1)) forwards!important;animation-delay:0ms!important;animation-delay:var(--fly-delay,0ms)!important;opacity:1!important;position:relative!important;transition:none!important;z-index:100001!important}@keyframes flyOutAndZoom{0%{opacity:1;transform:scale(1) translate(0) rotate(0);transform:scale(1) translate(var(--dismissal-start-x,0),var(--dismissal-start-y,0)) rotate(0)}5%{opacity:1;transform:scale(1.02) translate(0) rotate(0);transform:scale(1.02) translate(var(--dismissal-start-x,0),var(--dismissal-start-y,0)) rotate(0)}15%{opacity:1;transform:scale(1.08) translate(5px,5px) rotate(18deg);transform:scale(1.08) translate(calc(var(--dismissal-start-x, 0px) + var(--fly-x, 100px)*.05),calc(var(--dismissal-start-y, 0px) + var(--fly-y, 100px)*.05)) rotate(calc(var(--fly-rotate, 180deg)*.1))}30%{opacity:.95;transform:scale(1.25) translate(15px,15px) rotate(54deg);transform:scale(1.25) translate(calc(var(--dismissal-start-x, 0px) + var(--fly-x, 100px)*.15),calc(var(--dismissal-start-y, 0px) + var(--fly-y, 100px)*.15)) rotate(calc(var(--fly-rotate, 180deg)*.3))}50%{opacity:.7;transform:scale(1.8) translate(40px,40px) rotate(108deg);transform:scale(1.8) translate(calc(var(--dismissal-start-x, 0px) + var(--fly-x, 100px)*.4),calc(var(--dismissal-start-y, 0px) + var(--fly-y, 100px)*.4)) rotate(calc(var(--fly-rotate, 180deg)*.6))}75%{opacity:.3;transform:scale(3.2) translate(75px,75px) rotate(153deg);transform:scale(3.2) translate(calc(var(--dismissal-start-x, 0px) + var(--fly-x, 100px)*.75),calc(var(--dismissal-start-y, 0px) + var(--fly-y, 100px)*.75)) rotate(calc(var(--fly-rotate, 180deg)*.85))}to{opacity:0;transform:scale(5) translate(100px,100px) rotate(180deg);transform:scale(5) translate(calc(var(--dismissal-start-x, 0px) + var(--fly-x, 100px)),calc(var(--dismissal-start-y, 0px) + var(--fly-y, 100px))) rotate(var(--fly-rotate,180deg))}}@keyframes scaleInFromOne{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:992px){.onboarding-banner,.svg-container,.svg-container .onboarding-banner,.svg-container svg{max-width:600px}.onboarding-message{font-size:1.3rem}}@media (max-width:768px){.onboarding-banner,.svg-container,.svg-container .onboarding-banner,.svg-container svg{max-width:90%}.onboarding-message{font-size:1.2rem}}@media (max-width:480px){.onboarding-message{font-size:1rem;margin-top:20px}}.transcription-method-overlay{background-color:#0009;z-index:100000}.transcription-method-overlay,.video-processing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.video-processing-modal-overlay{background-color:#0006;isolation:isolate;z-index:99999}.video-processing-modal{animation:modal-appear .4s var(--md-easing-emphasized);background-color:var(--md-surface-1);border:1px solid rgba(var(--md-outline-variant-rgb),.5);border-radius:32px;box-shadow:var(--md-elevation-level4);display:flex;flex-direction:column;max-height:85vh;max-width:1100px;overflow:hidden;position:relative;transition:height .35s cubic-bezier(.4,0,.2,1);width:90%;z-index:1}.modal-header{align-items:center;background-color:#0000;display:flex;justify-content:space-between;padding:16px 16px 16px 24px}.header-content{display:contents}.video-processing-modal .header-switch-group label{display:inline-block;margin:0;min-width:80px;text-align:right}.video-processing-modal .header-switch-group.disabled{opacity:.6}.header-content h3{align-items:center;display:flex;font-size:1.125rem;font-weight:500;gap:12px;margin:0}.segment-time{color:var(--md-primary);font-family:monospace;font-size:1rem;font-weight:600}.modal-header h3{color:var(--md-on-surface);font-size:1.2rem;font-weight:500;letter-spacing:.25px;margin:0}.modal-content{flex:1 1;padding:1.5rem;scrollbar-color:var(--md-outline-variant) var(--md-surface-1);scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--md-surface-1);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline-variant);border:1px solid var(--md-surface-1);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--md-outline)}.modal-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.segment-info{background-color:var(--md-surface-container);border:1px solid rgba(var(--md-outline-variant-rgb),.3);border-radius:var(--md-shape-large);grid-column:1/-1;margin-bottom:1.5rem;padding:1rem}.segment-token-row{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.segment-details h4,.token-details h4{color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.segment-details p{color:var(--md-on-surface);font-weight:500;margin:0}.segment-details p,.token-details .token-count{font-family:Roboto Mono,Courier New,monospace;font-size:1rem}.token-details .token-count{font-weight:600;margin-bottom:.5rem}.token-details .token-count.within-limit{color:var(--md-tertiary)}.token-details .token-count.exceeds-limit{color:var(--md-error)}.token-details .estimation-note{color:var(--md-on-surface-variant);font-size:.75rem;line-height:1.3;margin:.25rem 0 0}.token-details .warning{color:var(--md-error);font-size:.75rem;font-weight:500;line-height:1.3;margin:.5rem 0 0}.token-details .token-error{color:var(--md-error);font-size:.75rem;font-style:italic;margin:.25rem 0 0}.option-group label{color:var(--md-on-surface);display:block;font-size:.875rem;font-weight:500;letter-spacing:.1px}.language-input,.option-group select{background-color:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-medium);color:var(--md-on-surface);font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s var(--md-easing-standard);width:100%}.language-input:focus,.option-group select:focus{background-color:var(--md-surface-container);border-color:var(--md-primary);box-shadow:0 0 0 3px rgba(var(--md-primary-rgb),.12);outline:none}.option-description{color:var(--md-on-surface-variant);font-size:.75rem;font-style:italic;line-height:1.4;margin:.5rem 0 0}.language-input::placeholder{color:var(--md-on-surface-variant);opacity:.7}.upload-status{align-items:center;background-color:var(--md-surface-container);border:1px solid rgba(var(--md-outline-variant-rgb),.3);border-radius:var(--md-shape-large);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.upload-status span{color:var(--md-on-surface);font-size:.875rem;font-weight:500}.material-switch-container{align-items:center;display:flex;gap:12px}.label-with-description{display:flex;flex-direction:column;gap:4px}.label-with-description .material-switch-label{color:var(--md-on-surface);font-size:.875rem;font-weight:500;margin:0}.label-with-description .option-description{color:var(--md-on-surface-variant);font-size:.8rem;line-height:1.3;margin:0}.combined-options-row{align-items:flex-start;display:flex;gap:16px}.combined-option-half{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:8px}.video-processing-modal .combined-option-half>div{max-width:250px;width:100%}.combined-option-half label{color:var(--md-on-surface);font-size:.875rem;font-weight:500;margin-bottom:0}.modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-surface-2);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface);cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s var(--md-easing-standard);width:100%}.modal-content select:after{color:var(--md-on-surface);content:"expand_more";font-family:var(--ms-font-family);font-size:16px;font-variation-settings:"wght" var(--ms-wght),"GRAD" var(--ms-grad),"opsz" var(--ms-opsz);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.modal-content select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary-container);outline:none}.modal-content select:hover{background-color:var(--md-surface-3);box-shadow:var(--md-elevation-level1)}.combined-option-half select{align-self:stretch}@media (max-width:600px){.combined-options-row{flex-direction:column;gap:12px}}.prompt-settings-row{align-items:flex-start;display:flex;gap:24px}.prompt-preset-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.prompt-preset-section label{color:var(--md-on-surface);font-size:.875rem;font-weight:500;margin-bottom:4px}.settings-group{display:flex;flex:1 1;flex-direction:column}.settings-row{align-items:flex-start;display:flex;gap:16px}.setting-item{display:flex;flex:1 1;flex-direction:column;gap:8px}.setting-item label{color:var(--md-on-surface);font-size:.875rem;font-weight:500;margin-bottom:4px}@media (max-width:800px){.prompt-settings-row{flex-direction:column;gap:16px}.settings-row{flex-direction:column;gap:12px}.footer-content{align-items:flex-start;flex-direction:column;gap:1rem}.footer-buttons{align-self:flex-end}.header-content h3{align-items:flex-start;flex-direction:column;gap:8px}}.video-processing-modal .slider-with-value{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;max-width:none;min-width:0;width:100%}.video-processing-modal .slider-with-value .standard-slider-container{flex:1 1;max-width:none;width:auto}.video-processing-modal .standard-slider-track-container{flex:1 1 auto;width:100%}.video-processing-modal .standard-slider-active-track .track{background-color:#2979ff;background-color:var(--md-secondary,#2979ff)}.video-processing-modal .standard-slider-inactive-track .track{background-color:#cac4d0;background-color:var(--md-outline-variant,#cac4d0)}.video-processing-modal .standard-slider-track-container{height:44px!important}.video-processing-modal .standard-slider-active-track,.video-processing-modal .standard-slider-inactive-track{height:16px!important;min-height:16px!important}.video-processing-modal .standard-slider-active-track .track,.video-processing-modal .standard-slider-inactive-track .track{opacity:1!important}.video-processing-modal .slider-value-display{color:var(--md-on-surface-variant);flex:0 0 auto;font-size:.875rem;font-weight:500;white-space:nowrap}.video-processing-modal .combined-option-half:first-child .custom-dropdown{max-width:250px}.video-processing-modal .slider-with-value .standard-slider-container.disabled~.slider-value-display,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled~.slider-value-display{opacity:.55}.video-processing-modal .slider-with-value .standard-slider-container.disabled,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled{background:none!important;filter:grayscale(50%);opacity:.65;overflow:hidden;position:relative}.video-processing-modal .slider-with-value .standard-slider-container.disabled:after,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled:after{background-color:#ffffff0d;background-color:rgba(var(--md-surface-rgb,255,255,255),.05);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.video-processing-modal .slider-with-value .standard-slider-container.disabled .standard-slider-active-track,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled .standard-slider-active-track{opacity:.35!important}.video-processing-modal .slider-with-value .standard-slider-container.disabled .standard-slider-handle,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled .standard-slider-handle{box-shadow:none!important}.video-processing-modal .slider-value-display .parallel-info{color:var(--md-on-surface-variant);font-size:.7rem;max-width:200px;opacity:.8;text-align:right;white-space:normal}.help-icon-container{align-items:center;cursor:help;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.help-icon{color:var(--md-on-surface-variant);height:16px;opacity:.7;transition:opacity .2s,color .2s;width:16px}.help-icon-container:hover .help-icon{color:var(--md-primary);opacity:1}.label-with-help,.option-note-with-help{align-items:center;display:flex;gap:8px}.label-subtitle{color:var(--md-on-surface-variant);font-size:.75rem;font-weight:400;margin-left:6px;opacity:.8}.video-processing-modal .label-with-help.disabled{opacity:.6;pointer-events:none}.video-processing-modal .slider-with-value .standard-slider-container.disabled,.video-processing-modal .slider-with-value .standard-slider-container.state-Disabled{border:none!important;outline:none!important}.footer-content{align-items:flex-start;display:contents;gap:2rem;justify-content:space-between}.footer-token-info{display:flex;flex:1 1}.token-usage{align-items:center;display:flex;font-size:.875rem;gap:8px}.token-label{color:var(--md-on-surface-variant);font-weight:500}.token-count{font-family:monospace;font-weight:600}.token-count.within-limit{color:var(--md-primary)}.token-count.exceeds-limit,.token-error{color:var(--md-error)}.token-error{font-size:.8rem}.footer-languages-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.supported-languages-label{color:var(--md-on-surface-variant);flex-shrink:0;font-size:.875rem;font-weight:500;white-space:nowrap}.languages-badges{-webkit-overflow-scrolling:touch;cursor:grab;display:flex;flex:1 1;flex-wrap:nowrap;gap:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:none;-webkit-user-select:none;user-select:none}.languages-badges::-webkit-scrollbar{display:none}.languages-badges.dragging{cursor:grabbing}.language-badge{background-color:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-pill);color:var(--md-on-surface);flex-shrink:0;font-size:.75rem;font-stretch:condensed;font-weight:500;padding:3px 4px;text-transform:none;white-space:nowrap}.language-badge-a-f{background-color:#e3f2fd;border-color:#bbdefb;color:#0d47a1}.language-badge-g-l{background-color:#fce4ec;border-color:#f8bbd9;color:#880e4f}.language-badge-m-r{background-color:#e8f5e8;border-color:#c8e6c9;color:#1b5e20}.language-badge-s-z{background-color:#f3e5f5;border-color:#e1bee7;color:#4a148c}[data-theme=dark] .language-badge-a-f{background-color:#1e3a5f;border-color:#42a5f5;color:#90caf9}[data-theme=dark] .language-badge-g-l{background-color:#4a1c3d;border-color:#e91e63;color:#f48fb1}[data-theme=dark] .language-badge-m-r{background-color:#1b3a2a;border-color:#4caf50;color:#81c784}[data-theme=dark] .language-badge-s-z{background-color:#2d1b3d;border-color:#9c27b0;color:#ce93d8}.footer-buttons{display:flex;flex-shrink:0;gap:.75rem}.process-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-size:.875rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;text-align:center;transition:all .2s var(--md-easing-standard)}.process-btn:hover:not(:disabled){background-color:var(--md-primary);box-shadow:var(--md-elevation-level3);opacity:.9;transform:translateY(-1px)}.process-btn:disabled{background-color:var(--md-surface-variant);box-shadow:var(--md-elevation-level1);color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6;transform:none}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .modal-content{scrollbar-color:var(--md-outline) var(--md-surface-2)}[data-theme=dark] .modal-content::-webkit-scrollbar-track{background:var(--md-surface-2)}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb{background-color:var(--md-outline);border:1px solid var(--md-surface-2)}@media (max-width:768px){.video-processing-modal{margin:1rem;max-height:90vh;max-width:none;transition:none;width:95%}.modal-content-grid,.segment-token-row{gap:1rem;grid-template-columns:1fr}.modal-header{padding:1rem 1.25rem}.modal-content{padding:1rem}.cancel-btn,.process-btn{width:100%}}@media (max-width:480px){.video-processing-modal{margin:.5rem}.modal-header h3{font-size:1rem}.segment-info,.token-estimation,.upload-status{padding:.75rem}}.method-selection-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;position:relative;text-align:center}.method-selection-overlay-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;width:100%}.method-selection-overlay-header h2{flex:1 1}.method-selection-overlay-header .close-button-component{position:fixed;right:1.5rem;top:1.5rem;z-index:1300}.method-selection-overlay h2{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:.25px;margin-bottom:0;text-shadow:0 2px 4px #00000080,0 1px 2px #0000004d}.methods-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);max-width:1200px;width:100%}.method-column{align-items:center;background-color:var(--md-surface-container);border:1px solid rgba(var(--md-outline-variant-rgb),.3);border-radius:var(--md-shape-large);cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .2s var(--md-easing-standard)}.method-column:hover{background-color:var(--md-surface-container-high);border-color:var(--md-primary);box-shadow:var(--md-elevation-level2);transform:translateY(-2px)}.method-name{color:var(--md-on-surface);font-size:1rem;font-weight:600;letter-spacing:.1px;margin-bottom:1rem}.method-column img{border-radius:var(--md-shape-medium);height:155px;margin-bottom:1rem;object-fit:contain}.method-desc{color:var(--md-on-surface-variant);font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.methods-grid{gap:1rem;grid-template-columns:1fr}.method-selection-overlay{min-height:300px;padding:1rem}.method-selection-overlay h2{font-size:1.25rem;margin-bottom:1.5rem}.method-column{padding:1rem}.method-column img{height:60px;width:60px}}.music-generator-header{align-items:center;background-color:var(--md-surface-2);border-radius:24px;box-shadow:var(--md-elevation-level1);color:var(--md-on-surface);display:flex;justify-content:space-between;padding:20px 24px;position:relative;z-index:1}.music-generator-header .header-left{align-items:center;display:flex;gap:16px}.music-generator-header h2{color:var(--text-color);font-size:1.3rem;margin:0}.music-generator-section .error{margin-bottom:0!important}.music-generator-section .audio-preview .clear-button{align-self:center;position:static!important;top:0!important}.onboarding-reveal-overlay{align-items:center;animation:onboarding-fade-in .4s var(--md-easing-emphasized) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:99999}.onboarding-starry-canvas{height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.onboarding-reveal-overlay.dismissing{animation:onboarding-fade-out .5s var(--md-easing-emphasized) forwards}.onboarding-reveal-card{align-items:center;animation:onboarding-card-slide-in .5s var(--md-easing-emphasized) forwards;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;pointer-events:auto;position:relative;width:100%;z-index:2}.onboarding-reveal-card.dismissing{animation:onboarding-card-slide-out .5s var(--md-easing-emphasized) forwards}.onboarding-reveal-header{display:none}.onboarding-reveal-body{padding:0}.onboarding-controls-row,.onboarding-reveal-body{align-items:center;display:flex;justify-content:center}.onboarding-controls-row{flex-wrap:wrap;gap:48px;pointer-events:auto;position:relative;z-index:2}.settings-footer-controls.controls-large .theme-toggle{font-size:18px;height:40px;width:40px}.language-selector-container .language-selector-button{border-radius:9999px;height:40px}.onboarding-controls-row .lets-go-btn{align-items:center;background-color:var(--md-primary);border:none;border-radius:var(--md-shape-pill);box-shadow:var(--md-elevation-level2);color:var(--md-on-primary);cursor:pointer;display:flex;font-family:var(--font-title);font-size:var(--md-label-large-size);font-weight:var(--md-label-large-weight);gap:8px;height:40px;justify-content:center;line-height:var(--md-label-large-height);overflow:hidden;padding:10px 20px;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}.onboarding-controls-row .lets-go-btn .lets-go-arrow{flex-shrink:0;height:20px;margin-left:4px;transition:transform var(--md-duration-medium2) var(--md-easing-emphasized);width:20px}.onboarding-controls-row .lets-go-btn .lets-go-text{position:relative;z-index:2}.settings-footer-controls.controls-large.split-layout{align-items:center;display:flex;gap:12px}.settings-footer-controls.controls-large.split-layout .controls-left{display:flex;justify-content:flex-start}.settings-footer-controls.controls-large.split-layout .controls-right{display:flex;justify-content:flex-end}.onboarding-reveal-footer{display:flex;justify-content:center;padding:12px 20px 20px}.onboarding-controls-row .lets-go-btn:hover{background-color:initial!important;box-shadow:var(--md-elevation-level3);color:var(--md-primary);text-shadow:none;transform:translateY(-2px)}.onboarding-controls-row .lets-go-btn:hover .lets-go-arrow{transform:translateX(4px)}.onboarding-controls-row .lets-go-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.onboarding-controls-row .lets-go-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}@keyframes onboarding-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}@keyframes onboarding-fade-out{0%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}@keyframes onboarding-card-slide-in{0%{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);opacity:0;transform:scale(.9) translateY(20px)}to{-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);opacity:1;transform:scale(1) translateY(0)}}@keyframes onboarding-card-slide-out{0%{-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);opacity:1;transform:scale(1) translateY(0)}to{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);opacity:0;transform:scale(.95) translateY(-30px)}}@media (max-width:600px){.settings-footer-controls.controls-large.split-layout{grid-template-columns:1fr}.settings-footer-controls.controls-large.split-layout .controls-left,.settings-footer-controls.controls-large.split-layout .controls-right{justify-content:center}}:root{--tr:all 0.5s ease 0s;--ch1:#05478a;--ch2:#0070e0;--cs1:#005e38;--cs2:#03a65a;--cw1:#c24914;--cw2:#fc8621;--ce1:#851d41;--ce2:#db3056}.toast-panel-wrapper{bottom:0;padding:20px;pointer-events:none;position:fixed;right:0;z-index:100000}.toast-panel{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:.5rem;height:-webkit-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1}.toast-item,.toast-panel{pointer-events:auto}.toast-item.show .toast{animation:show-toast .5s ease forwards}@keyframes show-toast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-item.dismissing .toast{animation:hide-toast .5s ease forwards}@keyframes hide-toast{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast{word-wrap:break-word;background:#f6f9ffe6;border-radius:1.5rem;box-shadow:0 0 1.5rem 0 #1a1f4340;color:#333;max-width:280px;opacity:0;overflow:hidden;padding:1rem 1.5rem 1rem 2.5rem;position:relative;text-align:left;transition:box-shadow .3s ease,background-color .3s ease}.toast:before{background-color:var(--clr);border-radius:8px;bottom:1.1rem;content:"";left:1.1rem;position:absolute;top:1.1rem;width:.3rem}.toast h3{color:var(--clr);font-size:1.2rem;font-weight:600;line-height:1.35rem;margin:0 0 .25rem}.toast p{color:#595959;font-size:.95rem;line-height:1.3rem;margin:0}.toast-time{color:#888;display:block;font-size:.8rem;margin-top:4px}.close-icon{color:#595959;cursor:pointer;font-size:20px;opacity:0;position:absolute;right:1rem;top:1rem;transition:color .2s ease,opacity .2s ease}.close-icon:hover{color:var(--clr)}.toast-item.live:hover .close-icon{opacity:1}.toast-button{background-color:var(--clr);border:none;border-radius:32px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:12px;padding:8px 16px;transition:background-color .2s ease}.toast-button:hover{background-color:color-mix(in srgb,var(--clr),#000 15%)}.toast-item.swiping{opacity:.8}.toast-item.historical .toast{opacity:0;transition:opacity .3s ease,transform .3s ease}.toast-item.historical.show .toast,.toast-panel:hover .toast-item.historical .toast{opacity:1}.toast-item.historical:not(:hover) .toast{box-shadow:0 0 1rem 0 #1a1f431a}.toast-item.historical:hover .toast{box-shadow:0 0 1.5rem 0 #1a1f4340;transform:translateX(-5px)}.toast.toast-help,.toast.toast-info{--clr:var(--ch2)}.toast.toast-loading{--clr:#757575}.toast.toast-success{--clr:var(--cs2)}.toast.toast-warning{--clr:var(--cw2)}.toast.toast-error{--clr:var(--ce2)}[data-theme=dark] .toast{background:#1e1e1ee6;box-shadow:0 0 1.5rem 0 #00000080;color:#e0e0e0}[data-theme=dark] .close-icon,[data-theme=dark] .toast p{color:#b0b0b0}[data-theme=dark] .toast-time{color:#999}[data-theme=dark] .toast-item.historical:not(:hover) .toast{box-shadow:0 0 1rem 0 #0000004d}[data-theme=dark] .toast-item.historical:hover .toast{box-shadow:0 0 1.5rem 0 #00000080}.toast-history-button-container{bottom:0;pointer-events:none;position:fixed;right:0;z-index:2147483646}.toast-history-button{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--md-surface-rgb),.95)!important;border:1px solid rgba(var(--md-outline-variant-rgb),.3)!important;border-radius:50%;bottom:20px;box-shadow:0 8px 32px #00000026!important;color:var(--md-on-surface);cursor:pointer;display:inline-flex;font-size:16px!important;height:48px;justify-content:center;overflow:hidden;padding:12px;pointer-events:auto;position:fixed;position:relative;right:24px;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important;width:48px}.toast-history-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)}.toast-history-button:hover:before{background-color:color-mix(in srgb,var(--md-primary),#0000 var(--md-state-hover-opacity))}.toast-history-button .material-symbols-rounded{font-size:16px;line-height:1}.toast-history-button.floating-visible,.toast-history-button.floating-visible .material-symbols-rounded{filter:none;opacity:1;pointer-events:auto;transform:scale(1)}.toast-history-button.floating-hidden{filter:blur(4px);opacity:0;pointer-events:none;transform:scale(.8)}.toast-history-button:hover{box-shadow:0 16px 56px #00000038;transform:translateY(-4px) scale(1.02)}.toast-history-button.active{background-color:#0070e0;background-color:var(--ch2);box-shadow:0 20px 64px #03a65a2e}[data-theme=dark] .toast-history-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--md-surface-rgb),.95)!important;border:1px solid rgba(var(--md-outline-variant-rgb),.3)!important;box-shadow:0 8px 32px #00000026!important;color:var(--md-on-surface)}[data-theme=dark] .toast-history-button:hover{box-shadow:0 16px 56px #00000038}[data-theme=dark] .toast-history-button.active{background:linear-gradient(180deg,#03a65af2,#03a65ae0);box-shadow:0 20px 64px #000000b3;color:#fff}.toast-history-container{-ms-overflow-style:none;max-height:85vh;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-width:none}.toast-history-container::-webkit-scrollbar{display:none}.toast-history-container.hiding{animation:history-slide-out .5s ease-in-out forwards;pointer-events:none}@keyframes history-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.content-layout-container{display:flex;flex-direction:column;gap:24px;margin-bottom:2rem;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{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 1.5rem 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 .processing-dots,.buttons-container .processing-text,.buttons-container .processing-text-container,.buttons-container button :not(.material-symbols-rounded),.buttons-container button span:not(.material-symbols-rounded){font-family:var(--font-title)!important}.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:var(--font-title);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;text-align:center;white-space:normal}.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:var(--font-title);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);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:initial!important}.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{background-color:initial!important;box-shadow:var(--md-elevation-level3);transform:translateY(-2px)}.buttons-container .generate-btn:hover{color:var(--md-primary);text-shadow:none}.buttons-container .retry-gemini-btn:hover{color:var(--md-tertiary);text-shadow:none}.buttons-container .force-stop-btn:hover{color:var(--md-error);text-shadow:none}.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)}@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}}.buttons-container .cancel-download-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:var(--font-title);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);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 .cancel-download-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 .cancel-download-btn:hover:before{background-color:rgba(255,255,255,var(--md-state-hover-opacity))}.buttons-container .cancel-download-btn:active:before{background-color:rgba(255,255,255,var(--md-state-pressed-opacity))}.buttons-container .cancel-download-btn:hover{box-shadow:var(--md-elevation-level3);transform:translateY(-2px)}.buttons-container .cancel-download-btn:active{box-shadow:var(--md-elevation-level1);transform:translateY(0)}.buttons-container .cancel-download-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.buttons-container .cancel-download-btn svg:not(.gemini-mini-icon svg){stroke:currentColor;stroke-width:2;height:20px;transition:transform var(--md-duration-medium3) var(--md-easing-emphasized);width:20px;z-index:1}.buttons-container .cancel-download-btn:hover svg:not(.gemini-mini-icon svg){transform:rotate(90deg)}.buttons-container .cancel-download-btn .gemini-icon-container{height:100%;left:0;opacity:.15;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.buttons-container .cancel-download-btn:hover .gemini-icon-container{opacity:.25}.buttons-container .cancel-download-btn .gemini-mini-icon{opacity:.5;position:absolute;transition:transform .3s ease,opacity .3s ease}.buttons-container .cancel-download-btn:hover .gemini-mini-icon{opacity:.8}.add-subtitles-button .gemini-icon-container,.force-stop-btn .gemini-icon-container,.generate-btn .gemini-icon-container,.lets-go-btn .gemini-icon-container,.retry-gemini-btn .gemini-icon-container,.srt-upload-button .gemini-icon-container,.video-analysis-button .gemini-icon-container{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.add-subtitles-button .material-symbols-rounded,.add-subtitles-button svg,.force-stop-btn .material-symbols-rounded,.force-stop-btn svg,.generate-btn .material-symbols-rounded,.generate-btn svg,.lets-go-btn .material-symbols-rounded,.lets-go-btn svg,.retry-gemini-btn .material-symbols-rounded,.retry-gemini-btn svg,.srt-upload-button .material-symbols-rounded,.srt-upload-button svg,.video-analysis-button .material-symbols-rounded,.video-analysis-button svg{position:relative;z-index:2}.gemini-mini-icon{stroke:currentColor;fill:none;stroke-width:1.5;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.dynamic{opacity:0;z-index:2}.gemini-mini-icon.pulse{background:none!important;box-shadow:none!important;filter:none!important;transition:opacity .2s var(--md-easing-emphasized)}.gemini-mini-icon.dynamic svg,.gemini-mini-icon.dynamic svg path,.gemini-mini-icon.pulse svg,.gemini-mini-icon.pulse svg path{animation:star-twinkle 3s ease-in-out infinite alternate;box-shadow:none!important;-webkit-filter:none!important}@keyframes star-twinkle{0%{opacity:.9}to{opacity:1}}.gemini-mini-icon.trail,.gemini-mini-icon.trail-particle{background:none!important;box-shadow:none!important;filter:none!important}.gemini-mini-icon.trail-particle{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}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateY(-15px)}}@keyframes float-down{0%{opacity:0;transform:translateY(-10px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateY(15px)}}@keyframes float-left{0%{opacity:0;transform:translateX(10px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateX(-15px)}}@keyframes float-right{0%{opacity:0;transform:translateX(-10px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateX(15px)}}@keyframes float-diagonal-1{0%{opacity:0;transform:translate(5px,5px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translate(-10px,-10px)}}@keyframes float-diagonal-2{0%{opacity:0;transform:translate(-5px,5px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translate(10px,-10px)}}@keyframes float-diagonal-3{0%{opacity:0;transform:translate(5px,-5px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translate(-10px,10px)}}@keyframes float-diagonal-4{0%{opacity:0;transform:translate(-5px,-5px)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translate(10px,10px)}}@keyframes pulse-fade{0%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pulse-fade-rotate{0%{opacity:0;transform:rotate(0deg)}50%{opacity:.3;transform:rotate(180deg)}to{opacity:0;transform:rotate(1turn)}}@keyframes rotate-fade-cw{0%{opacity:0;transform:rotate(0deg)}50%{opacity:.3;transform:rotate(180deg)}to{opacity:0;transform:rotate(1turn)}}@keyframes rotate-fade-ccw{0%{opacity:0;transform:rotate(0deg)}50%{opacity:.3;transform:rotate(-180deg)}to{opacity:0;transform:rotate(-1turn)}}@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)}}@keyframes bounce{0%,to{opacity:0;transform:translateY(0) scale(1)}40%{opacity:.7;transform:translateY(-10px) scale(1.1)}60%{opacity:.6;transform:translateY(-5px) scale(1.05)}80%{opacity:.5;transform:translateY(-8px) scale(1.08)}}.add-subtitles-button.processing .gemini-mini-icon,.generate-btn.processing .gemini-mini-icon,.retry-gemini-btn.processing .gemini-mini-icon,.video-analysis-button.processing .gemini-mini-icon{opacity:.8!important;transition:opacity .3s var(--md-easing-emphasized)}.add-subtitles-button.processing,.force-stop-btn.processing,.generate-btn.processing,.retry-gemini-btn.processing,.srt-upload-button.processing,.video-analysis-button.processing{background-image:linear-gradient(90deg,#ffffff0d 0,#fff0);overflow:hidden;position:relative}.add-subtitles-button.processing:after,.force-stop-btn.processing:after,.generate-btn.processing:after,.retry-gemini-btn.processing:after,.srt-upload-button.processing:after,.video-analysis-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}.add-subtitles-button:hover .gemini-icon-container,.generate-btn:hover .gemini-icon-container,.lets-go-btn:hover .gemini-icon-container,.retry-gemini-btn:hover .gemini-icon-container,.srt-upload-button:hover .gemini-icon-container,.video-analysis-button:hover .gemini-icon-container{--cursor-x:50%;--cursor-y:50%;background:#0000!important}.add-subtitles-button:hover .gemini-mini-icon svg,.generate-btn:hover .gemini-mini-icon svg,.lets-go-btn:hover .gemini-mini-icon svg,.retry-gemini-btn:hover .gemini-mini-icon svg,.srt-upload-button:hover .gemini-mini-icon svg,.video-analysis-button:hover .gemini-mini-icon svg{animation:hover-star-twinkle 1.5s ease-in-out infinite alternate!important;transform:scale(1.2);transition:transform .3s ease-out}.generate-btn .gemini-mini-icon.size-xs{height:8px!important;width:8px!important}.generate-btn .gemini-mini-icon.size-sm{height:12px!important;width:12px!important}.generate-btn:hover .gemini-mini-icon svg{transform:none!important}@keyframes hover-star-twinkle{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.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)}.add-subtitles-button .gemini-mini-icon{stroke:var(--md-on-tertiary)}.lets-go-btn .gemini-mini-icon{stroke:var(--md-on-primary)}.generate-btn:hover .gemini-mini-icon{stroke:var(--md-primary)}.retry-gemini-btn:hover .gemini-mini-icon{stroke:var(--md-tertiary)}.srt-upload-button:hover .gemini-mini-icon{stroke:var(--md-secondary)}.add-subtitles-button .gemini-mini-icon svg path,.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,.video-analysis-button .gemini-mini-icon svg path{transition:opacity .3s var(--md-easing-emphasized)}.add-subtitles-button:hover .gemini-mini-icon svg path,.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,.video-analysis-button:hover .gemini-mini-icon svg path{opacity:1}.add-subtitles-button.processing .gemini-mini-icon svg path,.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,.video-analysis-button.processing .gemini-mini-icon svg path{opacity:.9}.add-subtitles-button:disabled:not(.processing) .gemini-icon-container,.generate-btn:disabled:not(.processing) .gemini-icon-container,.retry-gemini-btn:disabled:not(.processing) .gemini-icon-container,.video-analysis-button:disabled:not(.processing) .gemini-icon-container{display:none}.add-subtitles-button:disabled.processing .gemini-icon-container,.generate-btn:disabled.processing .gemini-icon-container,.retry-gemini-btn:disabled.processing .gemini-icon-container,.video-analysis-button:disabled.processing .gemini-icon-container{display:block;opacity:.8}.processing-text-container{align-items:center;display:inline-flex;gap:8px;position:relative}.processing-text-container .loading-indicator{display:inline-flex;flex-shrink:0}.buttons-container .processing-dots,.buttons-container .processing-text,.buttons-container .processing-text-container{font-family:var(--font-title)}.processing-dots{display:inline-block;height:16px;margin-left:4px;position:relative;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}}button:disabled .processing-text-container{opacity:.8}.generate-btn.auto-generate{animation:gradient-shift 15s ease infinite,subtle-pulse-glow 4s ease-in-out infinite;background:linear-gradient(90deg,#2979ff,#f50057,#7b1fa2,#2979ff);background-size:200% 100%;border:none;color:#fff;isolation:isolate;overflow:hidden;position:relative}.generate-btn.auto-generate:before{background:radial-gradient(circle at 30% 50%,#f500574d,#0000 40%),radial-gradient(circle at 70% 50%,#2979ff4d,#0000 40%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.generate-btn.auto-generate:hover:not(:disabled){animation:none!important;background:#0000!important;box-shadow:var(--md-elevation-level3);color:#2979ff!important;text-shadow:none;transform:translateY(-2px)}.generate-btn.auto-generate:hover:not(:disabled):before{display:none}.generate-btn.auto-generate.processing{animation:gradient-shift 8s ease infinite,auto-processing 1s ease-in-out infinite;background:linear-gradient(90deg,#2979ff,#f50057,#7b1fa2,#2979ff);background-size:200% 100%;color:#fff}@keyframes subtle-pulse-glow{0%,to{box-shadow:var(--md-elevation-level2)}50%{box-shadow:var(--md-elevation-level3)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #667eea4d}50%{box-shadow:0 4px 20px #667eea80}}@keyframes auto-processing{0%,to{opacity:.8}50%{opacity:1}}.generate-btn.semi-auto{background-color:var(--md-primary);color:var(--md-on-primary)}.auto-flow-toast{animation:toast-slide-up .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#424242f2;border-radius:8px;bottom:100px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:10000}.auto-flow-toast.error{background:#dc3545f2}@keyframes toast-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.generate-btn .button-text{text-wrap:balance;display:inline-block;max-width:100%}.generate-btn.auto-generate .gemini-icon-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.generate-btn.auto-generate .gemini-mini-icon{height:20px;opacity:.6;position:absolute;transition:opacity .3s ease;width:20px}.generate-btn.auto-generate .gemini-mini-icon.random-2{left:10%;top:15%}.generate-btn.auto-generate .gemini-mini-icon.random-4{bottom:20%;right:15%}.generate-btn.auto-generate:hover .gemini-mini-icon{opacity:.8}.buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.buttons-container>button.generate-btn{min-width:200px}[data-theme=dark] .auto-flow-toast{background:#2c2c2cf2}[data-theme=dark] .auto-flow-toast.error{background:#b42b3bf2}[data-theme=dark] .generate-btn.auto-generate{animation:gradient-shift 15s ease infinite,subtle-pulse-glow 4s ease-in-out infinite;background:linear-gradient(90deg,#82b1ff,#ff80ab,#ab47bc,#82b1ff);background-size:200% 100%;color:#1a1a1a;isolation:isolate;overflow:hidden;position:relative}[data-theme=dark] .generate-btn.auto-generate:before{background:radial-gradient(circle at 30% 50%,#ff80ab40,#0000 40%),radial-gradient(circle at 70% 50%,#82b1ff40,#0000 40%)}[data-theme=dark] .generate-btn.auto-generate:hover:not(:disabled){animation:none!important;background:#0000!important;color:#82b1ff!important;text-shadow:none}[data-theme=dark] .generate-btn.auto-generate:hover:not(:disabled):before{display:none}.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}}
/*# sourceMappingURL=main.07060390.css.map*/