*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e8e6e3;background:#12141a}body{margin:0;min-height:100vh}#root{min-height:100vh}button,input,textarea,select{font:inherit}a{color:#7db8ff}.app{max-width:52rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.app-header h1{margin:0}.btn-logout{font-size:.8rem;padding:.25rem .55rem;border-radius:6px;border:1px solid #3d3a35;background:#14161c;color:#b0aaa4;cursor:pointer}.btn-logout:hover{background:#1c1f26;color:#e8e6e3}.auth-gate{min-height:100vh;max-width:none;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem;box-sizing:border-box}.auth-gate h1{text-align:center;margin-bottom:1.25rem}.auth-gate .panel{max-width:20rem;width:100%;border:1px solid #2e323c;border-radius:10px;padding:1rem 1.1rem;background:#181b20}.auth-gate .panel button.primary{margin-top:1.35rem}.login-err{color:#e07070;font-size:.85rem;margin:.5rem 0 0}h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;letter-spacing:-.02em}.sub{color:#9a9590;font-size:.9rem;margin:0 0 1.5rem}nav.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.25rem}.tabs-main{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 auto;min-width:0}nav.tabs>a.tabs-completed{margin-left:auto;flex-shrink:0}nav.tabs a{display:inline-block;text-decoration:none;border:1px solid #2e323c;background:#1a1d26;color:#c9c4c0;padding:.4rem .75rem;border-radius:6px;cursor:pointer}nav.tabs a:hover{background:#22262f}nav.tabs a.active{border-color:#4a6fa5;background:#243044;color:#e8e6e3}section.panel{border:1px solid #2e323c;border-radius:10px;padding:1rem 1.1rem;background:#181b20}section.panel h2{font-size:1rem;font-weight:600;margin:0 0 .75rem}label{display:block;font-size:.8rem;color:#b0aaa4;margin-bottom:.2rem}.field{margin-bottom:.75rem}input[type=text],input[type=password],input[type=number],textarea{width:100%;padding:.45rem .55rem;border-radius:6px;border:1px solid #2e323c;background:#12141a;color:#e8e6e3}textarea{min-height:5rem;resize:vertical}.field-modify-toggle .modify-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}textarea.modify-script-json{min-height:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.35}.modify-edit-mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.25rem}.modify-edit-mode-label{font-weight:600}.modify-edit-mode-toggle{display:flex;flex-wrap:wrap;gap:.35rem}.modify-line-count{margin-top:.15rem;margin-bottom:.35rem;opacity:.9}.modify-narration-lines{max-height:min(70vh,36rem);overflow-y:auto;padding-right:.25rem}.modify-narration-row{align-items:flex-start}.modify-line-num{flex-shrink:0;min-width:2.25rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.8rem;padding-top:.42rem;color:#8a8580}.modify-narration-row-inputs{align-items:stretch}.modify-narration-row-inputs textarea{flex:1;min-width:0;min-height:2.6rem;resize:vertical;line-height:1.35}.modify-source-final-wrap .modify-source-final-video{width:100%;margin-top:.35rem;border-radius:.5rem;background:#0a0b0e}input:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}button.primary{border:none;background:#3d6b9e;color:#fff;padding:.45rem .9rem;border-radius:6px;cursor:pointer}button.primary:hover{background:#4a7ab8}button.danger{border:1px solid #8a3a3a;background:#2a1818;color:#f0a8a8;padding:.45rem .9rem;border-radius:6px;cursor:pointer}button.secondary{border:1px solid #3a4244;background:#1f2328;color:#c9c4c0;padding:.45rem .9rem;border-radius:6px;cursor:pointer}button.small{padding:.25rem .55rem;font-size:.8rem}.exclude-label-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.exclude-label-row label{margin-bottom:0}.field-hint{font-size:.75rem;color:#7a756f;margin:0 0 .5rem;line-height:1.35}.field-empty{font-size:.85rem;color:#9a9590;margin:0;padding:.5rem .55rem;border:1px dashed #2e323c;border-radius:6px}ul.exclude-ranges{list-style:none;padding:0;margin:0}.exclude-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.45rem}.exclude-row:last-child{margin-bottom:0}.exclude-row-times{display:flex;flex:1;min-width:0;align-items:center;gap:.35rem}.exclude-row-times input{flex:1;min-width:5rem}.exclude-sep{color:#6a655e;font-size:.85rem;flex-shrink:0}.status-bar{font-size:.85rem;padding:.5rem .65rem;border-radius:6px;background:#1c2028;border:1px solid #2e323c;margin-bottom:1rem}.status-bar.busy{border-color:#6b5a3a;background:#2a2418}.msg{font-size:.85rem;margin-top:.5rem;white-space:pre-wrap}.msg.error{color:#f0a8a8}.msg.ok{color:#7dd87d}.bundles-list{list-style:none;padding:0;margin:0}.bundles-list li{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:.9rem;padding:.6rem 0;border-bottom:1px solid #2a2e36}.bundles-list li:last-child{border-bottom:none}.bundles-list-explore>li{flex-direction:column;align-items:stretch;gap:.65rem}.explore-result-embed.bundle-source-yt{margin-top:0}.explore-result-text{min-width:0}.explore-result-id-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.explore-result-id{font-size:.9rem;word-break:break-all}.bundle-main{flex:1;min-width:0}.bundle-title{display:block;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-meta{font-size:.8rem;color:#9a9590}.bundle-source-yt{margin-top:.75rem;width:100%}.bundle-source-yt .yt-cache-embed-wrap{max-width:none}.generate-video-preview{margin-bottom:.75rem}.bundle-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.35rem;flex-shrink:0}.bundles-list-saved li{flex-direction:column;align-items:stretch}.bundles-list-saved>li>.bundle-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.youtube-cache-groups>li{gap:0;border-bottom:none;padding-bottom:.65rem}.youtube-cache-groups>li:last-child{padding-bottom:0}.yt-cache-group{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start;width:100%;padding:.75rem;border-radius:.5rem;border:1px solid #2e323c;background:#14161c}@media(min-width:52rem){.yt-cache-group:has(.yt-cache-embed-block){grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:1rem}}.yt-cache-embed-block{min-width:0}.yt-cache-files{min-width:0;display:flex;flex-direction:column;gap:0}.yt-cache-embed-wrap{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 9;border-radius:.5rem;overflow:hidden;background:#0d0f12;border:1px solid #2e323c}.yt-cache-embed-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-cache-open-yt{display:inline-block;margin-top:.35rem;font-size:.85rem;color:#8ab4e8}.yt-cache-open-yt:hover{color:#b8d4ff}.yt-cache-file-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;width:100%;padding-top:.5rem;border-top:1px solid #2a2e36}.yt-cache-files>.yt-cache-file-row:first-child{border-top:none;padding-top:0}@media(max-width:760px){.bundles-list li{flex-wrap:wrap}.bundles-list-saved>li>.bundle-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}code{font-size:.85em;background:#12141a;padding:.1em .35em;border-radius:4px}