*{box-sizing:border-box}*,html{margin:0;padding:0}html{scrollbar-gutter:stable;overflow-y:scroll;width:100%}:root{--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-hover:#333;--text-primary:#e0e0e0;--text-secondary:#ccc;--text-tertiary:#999;--text-quaternary:#888;--border-color:#444;--border-hover:#555;--accent-color:#007bff;--accent-hover:#0056b3;--success-color:#28a745;--success-hover:#218838;--danger-color:#dc3545;--danger-hover:#c82333;--info-color:#17a2b8;--info-hover:#138496;--modal-backdrop:rgba(0,0,0,.6);--scrollbar-thumb:hsla(0,0%,100%,.2);--scrollbar-thumb-hover:hsla(0,0%,100%,.3);--video-bg:#0f0f0f;--text-contrast:#fff;--container-padding-desktop:16px;--container-padding-mobile:12px;--container-padding-tablet:16px}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f9fafb;--bg-hover:#d0d0d0;--text-primary:#1a1a1a;--text-secondary:#333;--text-tertiary:#666;--text-quaternary:#777;--border-color:#ccc;--border-hover:#aaa;--accent-color:#007bff;--accent-hover:#0056b3;--success-color:#28a745;--success-hover:#218838;--danger-color:#dc3545;--danger-hover:#c82333;--info-color:#17a2b8;--info-hover:#138496;--modal-backdrop:rgba(0,0,0,.4);--scrollbar-thumb:rgba(0,0,0,.2);--scrollbar-thumb-hover:rgba(0,0,0,.3);--video-bg:#000;--text-contrast:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:visible;margin:0;padding:0;width:100%}a{text-decoration:underline;font-size:inherit}a,a:link,a:visited{color:var(--accent-color)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:var(--bg-primary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.footer{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:4rem;padding-top:3rem;padding-bottom:2rem}.footer-container{width:100%;max-width:1920px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2.5rem;gap:2.5rem;margin-bottom:2.5rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.footer-logo{height:.625rem;width:auto;object-fit:contain}.footer-description{font-size:.9rem;color:var(--text-tertiary);line-height:1.6;margin:0;max-width:300px}.footer-heading{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li{margin:0}.footer-link{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease;display:inline-block}.footer-link:hover{color:var(--accent-color);text-decoration:none}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.footer-copyright{font-size:.875rem;color:var(--text-tertiary);margin:0}@media (max-width:768px){.footer{margin-top:3rem;padding-top:2rem;padding-bottom:1.5rem}.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-section{gap:.75rem}.footer-description{max-width:100%}.footer-bottom{padding-top:1.5rem;gap:.5rem}.footer-copyright{font-size:.8rem}}@media (min-width:769px) and (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}.app{width:100%!important;color:var(--text-primary);padding-top:0!important;padding-left:0!important;padding-right:0!important;margin:0!important;overflow:visible}body .app-container,html body .app-container{display:flex;max-width:1920px;margin-left:auto!important;margin-right:auto!important;margin-top:0;margin-bottom:0;gap:1.5rem;padding-left:var(--container-padding-desktop,16px)!important;padding-right:var(--container-padding-desktop,16px)!important;padding-top:0!important;padding-bottom:0!important;overflow:visible;box-sizing:border-box!important;width:100%}.ad-space{width:160px;flex-shrink:0;display:none}@media (min-width:1200px){.ad-space{display:block}}.ad-container{position:relative;width:100%;min-height:100px}.ad-vertical{min-height:600px;width:100%;max-width:160px;margin:0 auto}.ad-banner{width:100%;min-height:90px;max-height:250px;margin:1rem 0}.ad-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:4px;z-index:0;pointer-events:none}.ad-container .adsbygoogle{position:relative;z-index:1;min-height:inherit}.ad-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.ad-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ad-banner-mobile{display:block;width:100%}.ad-banner-mobile:empty{display:none}.ad-banner-mobile .ad-banner{margin:1rem 0}@media (min-width:1200px){.ad-banner-mobile{display:none}}.main-content{flex:1 1;min-width:0;max-width:1400px;margin:0 auto;padding:1rem 0;overflow-x:visible;overflow-y:visible}h1{color:var(--text-primary);margin-bottom:3rem;margin-top:0;text-align:center;font-size:2.5rem;font-weight:600}.navbar{width:100vw;position:relative;left:50%;right:50%;background-color:transparent;margin:0 -50vw 2rem;padding-top:0}.navbar-container{width:100%;max-width:1920px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:1.25rem;font-weight:900;letter-spacing:.3px;text-decoration:none;display:inline-flex;align-items:baseline;font-family:Inter,Poppins,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar-brand,.navbar-brand:hover{color:var(--text-primary)}.navbar-logo{height:.875rem;width:auto;object-fit:contain}.logo-free{color:var(--accent-color)}.logo-ai,.logo-free{font-weight:900;text-transform:uppercase}.logo-ai{color:var(--success-color)}.logo-speak{color:#000;font-weight:900;text-transform:uppercase}[data-theme=light] .logo-speak{color:#000}[data-theme=dark] .logo-speak{color:#fff}.navbar-nav{display:flex;gap:1.5rem;align-items:center}.navbar-nav .nav-item{background-color:transparent;color:var(--text-primary);border:none;padding:.5rem 0;font-size:1.2rem;font-family:Inter,Poppins,Montserrat,Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:900;letter-spacing:.5px;cursor:pointer;transition:color .2s;position:relative;text-decoration:none!important;display:inline-block}.navbar-nav .nav-item:not(.active):hover{filter:brightness(.8)}[data-theme=light] .navbar-nav .nav-item:not(.active):hover{filter:none;color:#666}.navbar-nav .nav-item.active{color:var(--accent-color)}.navbar-nav .nav-item.active:after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:2px;background-color:var(--accent-color)}.navbar-nav .nav-item:focus{outline:none}.navbar-nav .nav-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:2px}.main-layout{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:1.5rem;overflow:visible}.tab-content{padding:2rem 3rem;flex:1 1 auto;overflow-x:visible;overflow-y:visible;width:100%}.file-list-container,.tab-content{background-color:var(--bg-secondary);border-radius:8px}.file-list-container{padding:2rem;width:480px;flex-shrink:0;display:flex;flex-direction:column;max-height:80vh}.file-list-bottom{width:100%;max-height:none;margin-top:1.5rem;padding:1.5rem 2rem}.file-list-bottom .file-list-header{margin-bottom:1rem}.file-list-bottom .file-list-scroll{max-height:none;overflow:visible;padding-right:0}.file-list-bottom .file-item{width:100%}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.file-list-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.icon-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;padding:0}.icon-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.file-filters{display:flex;gap:1.5rem}.file-filters label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:1rem}.file-filters input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-color)}.file-list-scroll{overflow:auto;flex:1 1;padding-right:.5rem}.file-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--bg-tertiary);border-radius:8px;border:2px solid var(--border-color)}.file-filename-container{flex:1 1;min-width:0;display:flex;align-items:center;gap:.75rem;overflow:hidden}.file-type-badge{background-color:var(--accent-color);color:var(--text-contrast);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.file-filename{color:var(--text-primary);font-size:.95rem;overflow:hidden;white-space:nowrap;flex:1 1;min-width:0}.file-item:hover .file-filename{overflow:visible}.file-item:hover .file-filename .scroll-text{animation:file-title-scroll var(--scroll-duration,8s) linear infinite}.file-filename .scroll-text{display:inline-block;will-change:transform;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@keyframes file-title-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.file-buttons{display:flex;gap:.5rem;flex-shrink:0}.delete-button{background-color:var(--danger-color);color:var(--text-primary);border:none;padding:.5rem .75rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;min-width:36px}.delete-button:hover{background-color:var(--danger-hover)}.delete-button .trash-icon{color:var(--text-primary)}.modal-actions .delete-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);transition:background-color .2s,border-color .2s}.modal-actions .delete-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.danger-button{background-color:var(--danger-color);color:var(--text-contrast);border:none;padding:1rem 2.5rem;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background-color .2s;font-weight:600}.danger-button:hover:not(:disabled){background-color:var(--danger-hover)}.danger-button:disabled{background-color:var(--border-color);color:var(--text-quaternary);cursor:not-allowed}.danger-button.icon-button{background-color:var(--danger-color);border:none;color:var(--text-contrast);padding:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:inherit}.danger-button.icon-button:hover:not(:disabled){background-color:var(--danger-hover);border:none}.danger-button.icon-button:disabled{background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);opacity:.6}.modal-backdrop{position:fixed;inset:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--bg-secondary);border:2px solid var(--bg-hover);border-radius:10px;padding:1.5rem;width:90%;max-width:420px;color:var(--text-primary)}.modal-large{max-width:800px;max-height:80vh}.modal h3{margin:0 0 .75rem}.modal p,.modal-content{margin:0 0 1.25rem;color:var(--text-secondary)}.modal-content{max-height:50vh;overflow-y:auto;padding-right:.5rem}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.modal-list{max-height:60vh;overflow-y:auto;margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.modal-list-item{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-list-item-content{flex:1 1;min-width:0}.modal-list-item-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.modal-list-item-date{color:var(--text-tertiary);font-size:.9rem;margin-bottom:.5rem}.modal-list-item-preview{color:var(--text-secondary);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-list-item-actions{display:flex;gap:.5rem;flex-shrink:0}.modal-button{padding:.5rem 1rem;font-size:.95rem}.no-files{color:var(--text-quaternary);font-style:italic;text-align:center;padding:2rem}.tab-panel{display:flex;flex-direction:column;overflow-x:visible;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.tab-panel::-webkit-scrollbar{display:none}.now-playing-section{margin-bottom:1.5rem}.tts-main{flex:1 1}.tts-main,.tts-view{display:flex;flex-direction:column;overflow-x:visible;overflow-y:visible}.tts-view{gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.tts-view::-webkit-scrollbar{display:none}.tts-view>.text-input-wrapper{margin-top:0}.tts-view>.transcription-section{margin-bottom:-1.5rem}.tts-view .primary-button{align-self:flex-start}.tts-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.tts-save-button{background-color:var(--success-color)}.tts-save-button:hover:not(:disabled){background-color:var(--success-hover)}.tts-load-button{background-color:var(--info-color)}.tts-load-button:hover:not(:disabled){background-color:var(--info-hover)}.char-count-header{display:flex;align-items:center;height:18px;line-height:1;margin:0;padding:0}.text-input-wrapper{position:relative;display:block;width:100%;margin-top:0;overflow:hidden;min-height:0}.total-sections-count{font-size:.875rem;margin-top:.125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.total-sections-count .sections-ok{color:var(--text-primary);font-weight:500}.total-sections-count .sections-over-limit{color:red;font-weight:500}.text-input-mirror{visibility:hidden;z-index:-1}.part-indicators-overlay,.text-input-mirror{position:absolute;top:0;left:0;pointer-events:none}.part-indicators-overlay{z-index:1;overflow:hidden!important;height:100%;border-right:1px solid var(--border-color);will-change:height}.char-count-info-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:help;pointer-events:auto;transition:color .2s;position:relative;flex-shrink:0}.char-count-info-icon svg{width:18px;height:18px}.char-count-info-icon:hover{color:var(--text-primary)}.char-count-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%) translateY(.5rem);background-color:var(--bg-primary);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;font-size:.875rem;line-height:1.5;white-space:normal;width:240px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;pointer-events:none;z-index:1000}.char-count-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary)}.char-count-info-icon:hover .char-count-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.part-indicators-header{display:flex;align-items:center;gap:.5rem;position:absolute;top:0;left:1.25rem;height:1.25rem;pointer-events:auto;z-index:2;background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-right:.5rem}.part-indicator-item{font-size:1.05rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;margin:0;padding:0 .5rem;pointer-events:none}.part-indicator-item,.text-input{font-family:inherit;line-height:1.6;box-sizing:border-box;color:var(--text-primary)}.text-input{width:100%;padding:1.25rem;font-size:1.25rem;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;resize:vertical;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.text-input::-webkit-scrollbar{width:8px}.text-input::-webkit-scrollbar-track{background:transparent}.text-input::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.text-input::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.title-input{width:100%;padding:1.25rem;font-size:1.25rem;line-height:1.6;background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-family:inherit}.text-input:focus,.title-input:focus{outline:none;border-color:var(--accent-color)}.character-count{margin:-1.5rem 0 0;font-size:.9rem;color:var(--text-tertiary);text-align:right}.info-icon-container{position:relative;display:inline-flex;align-items:center}.info-icon-container svg{transition:color .2s}.info-icon-container:hover svg{color:var(--accent-color)}.info-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:.75rem 1rem;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;line-height:1.5;max-width:300px;white-space:normal;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);text-align:left}.info-icon-container:hover .info-tooltip{opacity:1;pointer-events:auto}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top:6px solid var(--border-color)}.voice-controls{display:flex;flex-direction:column;gap:1.5rem;align-items:center;max-width:800px;width:100%}.voice-controls-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:4rem;align-items:flex-start;width:100%;max-width:900px}.tts-view .voice-controls{align-self:center}.voice-selector{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 2rem);min-width:0;max-width:100%}.voice-selector label{color:var(--text-primary);font-size:1.1rem;font-weight:500}.voice-setting{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 2rem);min-width:0;max-width:100%}.voice-setting label{font-weight:500;white-space:nowrap}.voice-select,.voice-setting label{color:var(--text-primary);font-size:1.1rem}.voice-select{width:100%;padding:.75rem 3.5rem .75rem 1.25rem;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ccc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;max-width:100%}[data-theme=light] .voice-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.voice-select:focus{outline:none;border-color:var(--accent-color)}.voice-select option{background-color:var(--bg-tertiary);color:var(--text-primary)}.slider-container{display:flex;align-items:center;gap:.75rem;width:100%}.voice-slider{flex:1 1;height:6px;background-color:var(--border-color);border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-value{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.voice-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background-color:var(--accent-color);border-radius:50%;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.voice-slider::-webkit-slider-thumb:hover{background-color:var(--accent-hover)}.voice-slider::-moz-range-thumb{width:18px;height:18px;background-color:var(--accent-color);border-radius:50%;cursor:pointer;border:none;-moz-transition:background-color .2s;transition:background-color .2s}.voice-slider::-moz-range-thumb:hover{background-color:var(--accent-hover)}.voice-slider:focus{outline:none}.voice-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(0,123,255,.25)}.voice-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(0,123,255,.25)}.slider-value{color:var(--text-primary);font-size:1.1rem;font-weight:500;min-width:40px;text-align:center}.youtube-view{display:flex;flex-direction:column;gap:1.5rem}.youtube-layout{display:flex;gap:1.5rem;align-items:stretch}.video-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column}.video-list-scroll{overflow:auto;max-height:70vh;padding-right:.5rem}.video-list{display:flex;flex-direction:column;gap:.75rem}.video-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--bg-tertiary);border-radius:8px;border:2px solid var(--border-color)}.youtube-main{flex:1 1}.youtube-controls,.youtube-main{display:flex;flex-direction:column;gap:1rem}.thumb-preview{max-width:480px;width:100%;height:100%;object-fit:contain}.thumb-placeholder{color:var(--text-quaternary);font-style:italic}.thumb-frame{width:100%;max-width:480px;aspect-ratio:16/9;overflow:hidden}.thumb-frame,.video-player-container{background-color:var(--video-bg);border:2px solid var(--bg-hover);border-radius:8px;display:flex;align-items:center;justify-content:center}.video-player-container{min-height:360px}.video-player{width:100%;max-width:960px;max-height:70vh}.video-placeholder{color:var(--text-quaternary);font-style:italic}.top-video-player{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.top-video-player .video-player{width:100%}.url-input{width:100%;padding:1.25rem;font-size:1.25rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-family:inherit}.url-input:focus{outline:none;border-color:var(--accent-color)}.format-selector{display:flex;gap:2rem;align-items:center}.format-selector label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-primary);font-size:1.1rem}.format-selector input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-color)}.primary-button{background-color:var(--accent-color);color:var(--text-contrast);border:none;padding:1rem 2rem;font-size:1.25rem;border-radius:8px;cursor:pointer;transition:background-color .2s;font-weight:600}.primary-button:hover:not(:disabled){background-color:var(--accent-hover)}.primary-button:disabled{background-color:var(--border-color);color:var(--text-quaternary);cursor:not-allowed}.audio-list-section{display:none}.audio-list-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.top-audio-player{display:flex;flex-direction:column;gap:.5rem;padding:0;background-color:transparent;border-radius:0;border:none;margin-bottom:1rem;width:100%}.top-audio-player audio{width:100%}.now-playing{color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-audio{color:var(--text-quaternary);font-style:italic;text-align:center;padding:1.5rem}.audio-list{display:flex;flex-direction:column;gap:.75rem}.audio-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--bg-tertiary);border-radius:8px;border:2px solid var(--border-color)}.audio-filename-container{flex:1 1;min-width:0}.audio-filename{color:var(--text-primary);font-size:.95rem;word-break:break-word;overflow-wrap:break-word;display:block}.audio-buttons{display:flex;gap:.5rem;flex-shrink:0}.play-button{background-color:var(--success-color);color:var(--text-primary);border:none;padding:.5rem .75rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-width:36px}.play-button:hover{background-color:var(--success-hover)}.play-button:disabled{background-color:var(--border-hover);color:var(--text-secondary);cursor:not-allowed}.download-button{background-color:var(--accent-color);color:var(--text-primary);border:none;padding:.5rem .75rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-width:36px}.download-button:hover{background-color:var(--accent-hover)}.stop-button{background-color:#6c757d;color:var(--text-primary);border:none;padding:.5rem .75rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-width:36px}.stop-button:hover{background-color:#5a6268}.audio-item audio{flex:1 1;max-width:400px}.tts-player-wrapper{margin-bottom:.75rem;align-items:center;max-width:800px;margin-left:auto;margin-right:auto}.tts-player-container,.tts-player-wrapper{display:flex;flex-direction:column;width:100%}.tts-player-container{position:relative}.tts-player-wrapper audio{width:100%;max-width:100%}.tts-download-button{position:absolute;top:-.5rem;right:0;margin:0;z-index:10;align-self:flex-end;width:36px;height:36px;flex-shrink:0}.tts-download-button svg{display:block;width:18px;height:18px;flex-shrink:0}.tts-download-button:disabled svg{opacity:.5}.tts-download-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.prompts-view{display:flex;flex-direction:column;gap:1.5rem}.prompts-header{display:flex;justify-content:flex-end;align-items:center}.prompts-header h2{color:var(--text-primary);font-size:1.75rem;margin:0}.no-prompts{color:var(--text-quaternary);font-style:italic;text-align:center;padding:2rem}.prompts-list{display:flex;flex-direction:column;gap:1rem}.prompt-accordion{border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.prompt-accordion,.prompt-header{background-color:var(--bg-tertiary)}.prompt-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background-color .2s}.prompt-header:hover{background-color:var(--bg-hover)}.prompt-toggle{flex:1 1;display:flex;align-items:center;gap:.75rem;background:none;border:none;font-size:1.1rem;cursor:pointer;text-align:left;padding:0}.prompt-toggle,.prompt-toggle:hover{color:var(--text-primary)}.accordion-icon{font-size:.9rem;width:20px;display:inline-flex;align-items:center;justify-content:center}.prompt-title-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-title-input{flex:1 1;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--accent-color);border-radius:4px;padding:.5rem;font-size:1.1rem;font-family:inherit}.prompt-title-input:focus{outline:none;border-color:var(--accent-color)}.prompt-actions{display:flex;gap:.5rem;flex-shrink:0}.prompt-content{padding:1.25rem;border-top:2px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.prompt-text-input{width:100%;padding:1.25rem;font-size:1.1rem;line-height:1.6;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;resize:vertical;font-family:inherit}.prompt-text-input:focus{outline:none;border-color:var(--accent-color)}.copy-button{background-color:var(--success-color);color:var(--text-primary);border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s;align-self:flex-start}.copy-button:hover{background-color:var(--success-hover)}.instructions-view{display:flex;flex-direction:column;gap:2rem}.instructions-view h2{margin:0 0 1rem;color:var(--text-primary);font-size:2rem}.instructions-content{display:flex;flex-direction:column;gap:2rem}.instructions-content h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.5rem;border-bottom:2px solid var(--bg-hover);padding-bottom:.5rem}.instructions-content h4{margin:1.5rem 0 .75rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.instructions-content section{margin-bottom:2rem}.instructions-content section:first-child h4{margin-top:0}.instructions-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6}.instructions-content ul{margin:0;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.instructions-content li{margin-bottom:.5rem}.settings-view{display:flex;flex-direction:column;gap:2rem}.settings-view h2{margin:0 0 1rem;color:var(--text-primary);font-size:2rem}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-content p{margin:0;color:var(--text-secondary);line-height:1.6}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{color:var(--text-primary);font-weight:500;font-size:1rem;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%}.setting-item label[htmlFor]{width:-moz-fit-content!important;width:fit-content!important;max-width:100%;display:inline-flex!important}.api-key-input{padding:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;font-family:monospace;width:100%;max-width:500px;transition:border-color .2s}.api-key-input:focus{outline:none;border-color:var(--accent-color)}.api-key-input::placeholder{color:var(--text-tertiary)}.theme-toggle{position:relative;width:72px;height:36px;border:2px solid var(--border-color);border-radius:18px;background-color:var(--bg-tertiary);cursor:pointer;padding:0;transition:border-color .2s,background-color .2s;outline:none}.theme-toggle:hover{border-color:var(--border-hover)}.theme-toggle:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,123,255,.25)}.theme-toggle-track{width:100%;height:100%;border-radius:18px;justify-content:space-between;padding:3px 6px}.theme-toggle-icon,.theme-toggle-track{position:relative;display:flex;align-items:center}.theme-toggle-icon{z-index:2;width:24px;height:24px;justify-content:center;color:var(--text-tertiary);transition:color .3s ease}.theme-toggle-icon svg{width:18px;height:18px}.theme-toggle.dark .theme-toggle-moon,.theme-toggle.light .theme-toggle-sun{color:var(--text-primary)}.theme-toggle-thumb{position:absolute;left:3px;width:30px;height:30px;border-radius:50%;background-color:var(--text-primary);transition:transform .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:1}.theme-toggle.dark .theme-toggle-thumb{transform:translateX(0)}.theme-toggle.light .theme-toggle-thumb{transform:translateX(36px)}.setting-description{margin:0;color:var(--text-tertiary);font-size:.875rem;line-height:1.4}.landing-page{padding:2rem 0;max-width:1200px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeInUp .6s ease-out forwards;opacity:0}.fade-in-delay-1{animation:fadeInUp .6s ease-out .1s forwards;opacity:0}.fade-in-delay-2{animation:fadeInUp .6s ease-out .2s forwards;opacity:0}.fade-in-delay-3{animation:fadeInUp .6s ease-out .3s forwards;opacity:0}.fade-in-delay-4{animation:fadeInUp .6s ease-out .4s forwards;opacity:0}.fade-in-delay-5{animation:fadeInUp .6s ease-out .5s forwards;opacity:0}.fade-in-delay-6{animation:fadeInUp .6s ease-out .6s forwards;opacity:0}.fade-in-delay-7{animation:fadeInUp .6s ease-out .7s forwards;opacity:0}.fade-in-delay-8{animation:fadeInUp .6s ease-out .8s forwards;opacity:0}.fade-in-left{animation:fadeInLeft .6s ease-out forwards;opacity:0}.fade-in-left-delay-1{animation:fadeInLeft .6s ease-out .1s forwards;opacity:0}.fade-in-left-delay-2{animation:fadeInLeft .6s ease-out .2s forwards;opacity:0}.fade-in-left-delay-3{animation:fadeInLeft .6s ease-out .3s forwards;opacity:0}.fade-in-left-delay-4{animation:fadeInLeft .6s ease-out .4s forwards;opacity:0}.fade-in-left-delay-5{animation:fadeInLeft .6s ease-out .5s forwards;opacity:0}.fade-in-right{animation:fadeInRight .6s ease-out forwards;opacity:0}.fade-in-right-delay-1{animation:fadeInRight .6s ease-out .1s forwards;opacity:0}.fade-in-right-delay-2{animation:fadeInRight .6s ease-out .2s forwards;opacity:0}.fade-in-right-delay-3{animation:fadeInRight .6s ease-out .3s forwards;opacity:0}.fade-in-right-delay-4{animation:fadeInRight .6s ease-out .4s forwards;opacity:0}.fade-in-right-delay-7{animation:fadeInRight .6s ease-out .7s forwards;opacity:0}.fade-in-down{animation:fadeInDown .6s ease-out forwards;opacity:0}.fade-in-down-delay-1{animation:fadeInDown .6s ease-out .1s forwards;opacity:0}.fade-in-down-delay-2{animation:fadeInDown .6s ease-out .2s forwards;opacity:0}.fade-in-down-delay-5{animation:fadeInDown .6s ease-out .5s forwards;opacity:0}.fade-in-down-delay-6{animation:fadeInDown .6s ease-out .6s forwards;opacity:0}.fade-in-down-delay-7{animation:fadeInDown .6s ease-out .7s forwards;opacity:0}.fade-in-scale{animation:fadeInScale .6s ease-out forwards;opacity:0}.fade-in-scale-delay-1{animation:fadeInScale .6s ease-out .1s forwards;opacity:0}.fade-in-scale-delay-2{animation:fadeInScale .6s ease-out .2s forwards;opacity:0}.fade-in-scale-delay-3{animation:fadeInScale .6s ease-out .3s forwards;opacity:0}.fade-in-scale-delay-4{animation:fadeInScale .6s ease-out .4s forwards;opacity:0}.fade-in-scale-delay-5{animation:fadeInScale .6s ease-out .5s forwards;opacity:0}.fade-in-scale-delay-6{animation:fadeInScale .6s ease-out .6s forwards;opacity:0}.fade-in-scale-delay-8{animation:fadeInScale .6s ease-out .8s forwards;opacity:0}.landing-hero{padding:3rem 2rem;margin-bottom:4rem}.landing-hero-content{display:flex;align-items:center;gap:3rem;max-width:1200px;margin:0 auto}.landing-text-content{flex:1 1;text-align:left}.landing-image-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.landing-robot-image{object-fit:contain}.landing-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,var(--accent-color),var(--info-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left}.landing-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;text-align:left}.landing-free-badge{font-size:1.25rem;color:var(--success-color);margin-bottom:1.5rem;font-weight:600;padding:.75rem 1.5rem;background-color:var(--bg-secondary);border:2px solid var(--success-color);border-radius:8px;display:inline-flex;flex-direction:column;gap:.5rem}.landing-attribution{font-size:.75rem;color:var(--text-tertiary);font-weight:400;margin-top:.5rem}.landing-attribution a{color:var(--accent-color);text-decoration:underline;transition:color .2s}.landing-attribution a:hover{color:var(--accent-hover)}.landing-description{font-size:1.1rem;color:var(--text-tertiary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.landing-cta{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.landing-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .2s,box-shadow .2s;min-width:200px;width:200px}.primary-button.landing-button{color:#fff}.transcribe-button{background-color:var(--success-color)}.transcribe-button:hover:not(:disabled){background-color:var(--success-hover)}.secondary-button{background-color:var(--bg-tertiary);border:2px solid var(--border-color);text-decoration:none;border-radius:8px;transition:background-color .2s,border-color .2s,transform .2s;font-weight:600;cursor:pointer}.secondary-button,.secondary-button.landing-button{color:var(--text-primary)}.secondary-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.landing-demo{background-color:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;margin:0 1rem 4rem;text-align:center}.demo-content{max-width:800px;margin:0 auto}.demo-title{color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem;font-weight:600}.demo-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:1.25rem}.demo-settings{color:var(--text-tertiary);font-size:.8rem;margin-bottom:2rem}.demo-audio-container{display:flex;justify-content:center;align-items:center;margin-top:2rem}.demo-audio-player{width:100%;max-width:600px;height:54px}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem;padding:0 1rem}.feature-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.feature-icon svg{width:48px;height:48px;color:inherit}.feature-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem;font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.landing-use-cases{background-color:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;margin:0 1rem 4rem}.landing-use-cases h2{text-align:center;color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;font-weight:600}.use-cases-list{gap:0;max-width:900px;margin:0 auto}.use-case-item,.use-cases-list{display:flex;flex-direction:column}.use-case-item{align-items:center;text-align:center;gap:1.5rem;padding:2.5rem 2rem;border-bottom:2px solid var(--border-color);position:relative}.use-case-item:last-child{border-bottom:none}.use-case-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--accent-color),var(--info-color));opacity:0}.use-case-icon{font-size:3rem;flex-shrink:0;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.use-case-icon svg{width:48px;height:48px;color:inherit}.use-case-content{flex:1 1}.use-case-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.use-case-content p{color:var(--text-secondary);line-height:1.7;margin:0;font-size:1.05rem}.landing-steps{background-color:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;margin:0 1rem}.landing-steps h2{text-align:center;color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;font-weight:600}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.step-item{text-align:center}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--info-color));color:var(--text-contrast);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem}.step-item h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.75rem;font-weight:600}.step-item p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:900px){body .app-container,html body .app-container{padding-left:var(--container-padding-mobile,12px)!important;padding-right:var(--container-padding-mobile,12px)!important;padding-top:0!important;padding-bottom:0!important;gap:0}.main-content{padding:.5rem 0}.navbar-container{padding:.75rem 1rem;flex-wrap:wrap;position:relative;z-index:1001}.navbar-brand{font-size:1.1rem;flex:1 1}.navbar-nav{width:100%;flex-direction:column;gap:.5rem;align-items:flex-start;margin-top:.75rem;padding-top:.75rem;border-top:2px solid var(--border-color);display:none}.navbar-nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);z-index:1000;margin-top:0;padding:1rem 2rem}.navbar-nav .nav-item{width:100%;padding:.75rem 0 .75rem .5rem;font-size:1.1rem}.navbar-nav .nav-item.active:after{display:none}.navbar-nav .nav-item.active{background-color:var(--bg-tertiary);border-radius:4px}.mobile-menu-toggle{display:flex;background:none;border:2px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;font-size:1.25rem;width:40px;height:40px;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.mobile-menu-toggle svg{width:24px;height:24px;color:inherit}.mobile-menu-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.main-layout{flex-direction:column;gap:1rem}.tab-content{padding:1.25rem 1rem;min-height:auto}.file-list-container{width:100%;max-height:none;padding:1.25rem 1rem}.file-list-header{margin-bottom:1rem}.file-list-header h2{font-size:1.1rem}.text-input,.title-input{padding:1rem;font-size:1rem}.voice-controls{gap:1rem}.voice-controls-row{flex-direction:column;gap:1rem;align-items:stretch}.voice-selector,.voice-setting{width:100%;flex-direction:column;align-items:flex-start;gap:.5rem}.voice-select,.voice-selector label,.voice-setting label{font-size:1rem}.voice-select{width:100%;padding:.75rem 3rem .75rem 1rem}.slider-container{width:100%}.voice-slider{flex:1 1}.tts-buttons{flex-direction:column;width:100%;padding-left:0;padding-right:0}.primary-button,.secondary-button{padding:.875rem 1.5rem;font-size:1.1rem;width:auto;min-width:220px}.tts-buttons .primary-button,.tts-view .primary-button{align-self:center;width:auto}.tts-download-button{width:36px;height:36px;min-width:36px;max-width:36px}.landing-page{padding:1rem 0}.landing-hero{padding:2rem 1rem;margin-bottom:2rem}.landing-hero-content{flex-direction:column;gap:2rem;text-align:center}.landing-text-content{text-align:center}.landing-robot-image{width:200px;height:200px}.landing-title{font-size:2rem;margin-bottom:.75rem}.landing-subtitle,.landing-title{text-align:center}.landing-cta{justify-content:center}.landing-cta .landing-button{min-width:220px;width:220px}.landing-subtitle{font-size:1.1rem;margin-bottom:.75rem}.landing-free-badge{font-size:1rem;padding:.5rem 1rem;margin-bottom:1rem}.landing-attribution{font-size:.65rem}.landing-demo{padding:2rem 1rem;margin:0 0 2rem}.demo-title{font-size:1.75rem;margin-bottom:1rem}.demo-description{font-size:1rem;margin-bottom:1.5rem}.demo-audio-container{margin-top:1.5rem}.demo-audio-player{max-width:100%}.landing-features{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:0}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.1rem}.landing-use-cases{padding:2rem 1rem;margin:0 0 2rem}.landing-use-cases h2{font-size:1.75rem;margin-bottom:2rem}.use-case-item{padding:1.5rem;gap:1.5rem;flex-direction:column;text-align:center}.use-case-icon{font-size:2.5rem;margin:0 auto}.use-case-content h3{font-size:1.25rem}.use-case-content p{font-size:1rem}.landing-steps{padding:2rem 1rem;margin:0}.landing-steps h2{font-size:1.75rem;margin-bottom:2rem}.steps-container{grid-template-columns:1fr;gap:1.5rem}.step-number{width:50px;height:50px;font-size:1.5rem}.step-item h3{font-size:1.25rem}.landing-cta{flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;padding-left:0;padding-right:0}.landing-cta .landing-button,.landing-cta .secondary-button{text-align:center;padding:.875rem 1.5rem;font-size:1rem}.modal{width:95%;max-width:95%;padding:1.25rem;margin:1rem}.modal h3{font-size:1.25rem}.modal p{font-size:.95rem}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions .delete-button,.modal-actions .primary-button{width:100%}.instructions-view h2,.settings-view h2{font-size:1.5rem}.setting-item{gap:.75rem}.api-key-input{max-width:100%}.instructions-content h3{font-size:1.25rem}.instructions-content{gap:1.5rem}.character-count{font-size:.85rem}.file-filters{gap:.75rem}.file-filters,.format-selector{flex-direction:column;align-items:flex-start}.format-selector{gap:1rem}.youtube-layout{flex-direction:column}.video-sidebar{width:100%}.video-list-scroll{max-height:40vh}.prompts-header h2{font-size:1.5rem}.prompt-header{padding:.875rem 1rem}.prompt-toggle{font-size:1rem}.prompt-content{padding:1rem}.prompt-text-input{padding:1rem;font-size:1rem}.copy-button{width:auto;padding:.75rem 1.25rem}.part-indicators-overlay{width:35px!important}.tts-view .text-input{padding-left:45px!important}.char-count-tooltip{width:200px;font-size:.8125rem;padding:.625rem .875rem}h1{font-size:1.75rem;margin-bottom:1.5rem}}@media (min-width:901px) and (max-width:1024px){body .app-container,html body .app-container{padding-left:var(--container-padding-tablet,16px)!important;padding-right:var(--container-padding-tablet,16px)!important;padding-top:0!important;padding-bottom:0!important}.tab-content{padding:1.5rem 2rem}.file-list-container{width:400px}.voice-controls-row{flex-wrap:wrap}}@media (min-width:901px){.mobile-menu-toggle{display:none!important}.navbar-nav{display:flex!important}}.stt-view{display:flex;flex-direction:column;gap:1.5rem;overflow-x:visible;overflow-y:visible}.stt-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.stt-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.microphone-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.microphone-label{font-size:.95rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.microphone-select{flex:1 1;padding:.75rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:border-color .2s,background-color .2s}.microphone-select:hover:not(:disabled){border-color:var(--border-hover);background-color:var(--bg-hover)}.microphone-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.microphone-select:disabled{opacity:.6;cursor:not-allowed}.stt-sections-container{gap:1.5rem;margin-bottom:2rem}.stt-section,.stt-sections-container{display:flex;flex-direction:column}.stt-controls{margin-bottom:2rem}.recording-controls{display:flex;justify-content:flex-start;margin-bottom:1rem}.stt-action-buttons{gap:1rem;margin-top:1rem;flex-wrap:wrap}.stt-action-buttons,.stt-divider-inline{display:flex;align-items:center;justify-content:center}.stt-divider-inline{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-transform:lowercase;padding:0 .5rem}.primary-button,.record-button,.secondary-button,.stop-button,.tts-buttons .primary-button,.upload-transcribe-button{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;padding:1rem 2rem;line-height:1.5}.record-button,.stop-button,.upload-transcribe-button{min-width:200px;width:200px;height:auto;box-sizing:border-box}.record-button-group{position:relative;display:inline-flex;align-items:stretch;vertical-align:top;width:200px;max-width:200px}.record-button-group .record-button{flex:1 1 auto;min-width:0;width:auto;margin:0}.record-button-group .record-button:not(:only-child){border-top-right-radius:0;border-bottom-right-radius:0}.record-button-dropdown{display:flex;align-items:center;justify-content:center;padding:1rem .75rem;background-color:var(--accent-color);border-top-right-radius:8px;border-bottom-right-radius:8px;border:none;border-left:1px solid hsla(0,0%,100%,.2);color:var(--text-contrast);cursor:pointer;transition:background-color .2s;font-size:1.1rem;font-weight:600;flex:0 0 44px;min-width:44px;width:44px;box-sizing:border-box;line-height:1.5}.record-button-dropdown:hover:not(:disabled){background-color:var(--accent-hover)}.record-button-dropdown:disabled{background-color:var(--border-color);color:var(--text-quaternary);cursor:not-allowed}.dropdown-arrow{display:inline-block;transition:transform .2s;font-size:.7rem}.record-button-dropdown.active .dropdown-arrow,.record-button-group.show-dropdown .dropdown-arrow{transform:rotate(180deg)}.mic-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:250px;max-width:350px;max-height:300px;overflow-y:auto;z-index:1000;padding:.5rem 0}.mic-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .2s;font-size:.95rem}.mic-dropdown-item:hover{background-color:var(--accent-color)}.mic-dropdown-item-selected{color:var(--text-primary)}.mic-dropdown-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-check{color:var(--text-primary);font-weight:700;flex-shrink:0;width:1.2rem;display:inline-flex;align-items:center;justify-content:center}.stop-button{gap:.75rem}.record-icon,.stop-icon{font-size:1.5rem;line-height:1;display:inline-flex;align-items:center}.stop-button{background-color:#dc3545;position:relative;overflow:hidden;min-height:60px}.stop-button:hover:not(:disabled){background-color:#c82333}.stop-button-fill{position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:0;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2))}.transcribing-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;color:var(--text-secondary);font-size:.95rem}.transcribing-indicator .loading-spinner{width:20px;height:20px;border-width:2px}.cancel-button .loading-spinner{border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)}.stt-divider{display:flex;align-items:center;justify-content:center;margin:1rem 0;position:relative}.stt-divider:after,.stt-divider:before{content:"";flex:1 1;height:1px;background-color:var(--border-color)}.stt-divider-text{padding:0 1.5rem;color:var(--text-secondary);font-size:.95rem;font-weight:500;text-transform:lowercase}.stt-separator{height:1px;background-color:var(--border-color);margin:2rem 0}.transcription-section{margin-bottom:0}.transcription-section>.transcription-actions{display:flex;justify-content:flex-end;margin-bottom:.5rem}.transcription-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}.transcription-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.transcription-actions{display:flex;gap:.75rem}.transcription-actions .icon-button{padding:.75rem;min-width:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.transcription-actions .icon-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-with-tooltip{position:relative}.button-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%) translateY(.5rem);background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;line-height:1.4;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;pointer-events:none;z-index:1000}.button-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary)}.button-with-tooltip:hover .button-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.button-with-tooltip.copy-success{background-color:var(--success-color)!important;border-color:var(--success-hover)!important;transition:background-color .2s,border-color .2s}.transcription-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.transcription-textarea::-webkit-scrollbar{width:8px}.transcription-textarea::-webkit-scrollbar-track{background:transparent}.transcription-textarea::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.transcription-textarea::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.transcription-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.stt-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:2rem}.stt-info h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.stt-info ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary);line-height:1.8}.stt-info ol li{margin-bottom:.5rem}.stt-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.error-message{padding:.75rem 1rem;background-color:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#dc3545;margin-top:1rem}.stt-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.stt-tab{padding:.75rem 1.5rem;background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.stt-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.stt-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.stt-tab-content,.upload-section{display:flex;flex-direction:column;gap:1.5rem}.file-upload-area{position:relative}.file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:120px;position:relative}.file-upload-label:hover{background-color:rgba(40,167,69,.05)}.file-upload-label.drag-over,.file-upload-label:hover{border-color:var(--success-color);color:var(--text-primary)}.file-upload-label.drag-over{background-color:rgba(40,167,69,.1);border-style:solid}.upload-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.upload-icon svg{width:32px;height:32px;color:inherit}.upload-text{font-size:1rem;text-align:center;flex:1 1}.remove-file-button{position:absolute;top:.5rem;right:.5rem;background-color:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc3545;font-size:1rem;transition:all .2s ease}.remove-file-button svg{width:16px;height:16px;color:inherit}.remove-file-button:hover{background-color:rgba(220,53,69,.2);border-color:#dc3545}.file-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem;padding:.75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-secondary)}.file-info span{display:block}.upload-transcribe-button{align-self:flex-start;min-width:200px}@media (max-width:900px){.stt-title{font-size:1.5rem}.stt-sections-container{gap:1rem}.stt-action-buttons{flex-direction:column;align-items:center;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;gap:.75rem}.record-button,.stop-button,.upload-transcribe-button{min-width:220px;width:auto;flex:0 0 auto}.record-button-group .record-button{min-width:0}.transcription-header{flex-direction:column;align-items:flex-start;gap:1rem}.transcription-actions{width:100%}.transcription-actions .secondary-button{flex:1 1}.transcription-actions .icon-button{flex:0 0 auto;width:44px;min-width:44px}.file-upload-label{padding:1.5rem 1rem;min-height:100px}.upload-transcribe-button{flex:0 0 auto;min-width:220px;width:auto}.record-button-group{flex:0 0 auto;min-width:220px;width:220px;max-width:220px}.stt-divider-inline{padding:.5rem 0}}