.tool-page{min-height:100vh;padding-top:80px;overflow-x:hidden}.hero-section{text-align:center;padding:3.5rem 1.5rem 2rem;position:relative;max-width:860px;margin:0 auto}.hero-glow{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:640px;height:280px;background:radial-gradient(ellipse,rgba(255,165,0,.1) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;background:linear-gradient(135deg,#ff6b3526,#ffd70026);border:1px solid rgba(255,165,0,.3);border-radius:50px;font-size:.72rem;font-weight:700;color:orange;margin-bottom:1.25rem;letter-spacing:.08em;text-transform:uppercase}.hero-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;color:#f4f4f5;line-height:1.15;margin:0 0 1rem}.gradient-text{background:linear-gradient(135deg,#ff6b35,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;color:#a1a1aa;max-width:620px;margin:0 auto 1.25rem;line-height:1.65}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:.78rem;color:#a1a1aa;font-weight:600}.hero-chip i{color:#10b981;font-size:.65rem}.read-guide-link{display:inline-flex;align-items:center;gap:8px;color:orange;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,165,0,.3);padding:8px 16px;border-radius:50px;background:#ffa5000d;transition:all .3s}.read-guide-link:hover{background:#ffa50026;transform:translateY(-2px)}.tool-section{padding:1rem 1rem 3rem;max-width:1100px;margin:0 auto}.tool-container{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.input-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.5rem}.card-header{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:orange;margin-bottom:.9rem}.card-header i{font-size:.85rem}.input-row{display:flex;gap:10px}.input-wrapper{flex:1;position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#52525b;font-size:.9rem;pointer-events:none}.styled-input{width:100%;padding:.85rem 1rem .85rem 2.6rem;font-size:.95rem;font-family:Outfit,sans-serif;background:#1e1e23e6;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;color:#f4f4f5;outline:none;transition:border-color .25s,box-shadow .25s;box-sizing:border-box}.styled-input:focus{border-color:orange;box-shadow:0 0 0 3px #ffa50024}.styled-input::placeholder{color:#52525b}.input-hint{font-size:.76rem;color:#52525b;margin-top:.4rem;display:block}.input-hint i{color:orange}.extract-button{display:flex;align-items:center;gap:8px;padding:.85rem 1.4rem;background:linear-gradient(135deg,#ff6b35,orange);color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .25s;box-shadow:0 4px 16px #ff6b354d}.extract-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b3573}.extract-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-msg{padding:.7rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;font-size:.85rem;margin-top:.75rem}.non-shorts-warning{display:flex;align-items:flex-start;gap:12px;padding:1rem 1.25rem;background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-radius:14px;font-size:.88rem;color:#a1a1aa}.non-shorts-warning i{color:#fbbf24;font-size:1rem;margin-top:2px;flex-shrink:0}.non-shorts-warning strong{color:#fbbf24;display:block;margin-bottom:.2rem}.warning-link{color:orange;text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;padding:2.5rem;gap:.75rem;color:#a1a1aa;font-size:.9rem}.loading-sub{font-size:.78rem;color:#71717a;margin-top:-.25rem}.loader-ring{width:42px;height:42px;border:3px solid rgba(255,107,53,.15);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-grid{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:start}.preview-panel{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.thumb-link{position:relative;display:block;width:100%;border-radius:12px;overflow:hidden;background:#ffffff0a}.vid-thumb{width:100%;display:block;object-fit:cover;aspect-ratio:9/16;max-height:200px;transition:transform .3s ease}.thumb-link:hover .vid-thumb{transform:scale(1.05)}.thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .25s ease}.thumb-link:hover .thumb-overlay{opacity:1}.thumb-overlay i{color:#ff6b35;font-size:1.8rem}.thumb-overlay span{color:#fff;font-size:.75rem;font-weight:700}.vid-info{display:flex;flex-direction:column;gap:.5rem}.vid-title{font-size:.95rem;font-weight:700;color:#f4f4f5;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vid-channel{font-size:.8rem;color:#71717a}.vid-stats{display:flex;gap:.75rem;flex-wrap:wrap}.vid-stat{font-size:.78rem;color:#a1a1aa;display:flex;align-items:center;gap:5px}.vid-stat i{color:#ff6b35;font-size:.72rem}.transcript-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.35rem 0}.ts-stat{background:#ffa50012;border:1px solid rgba(255,165,0,.15);border-radius:10px;padding:.5rem .4rem;text-align:center}.ts-label{display:block;font-size:.63rem;color:#71717a;text-transform:uppercase;font-weight:700;letter-spacing:.3px;margin-bottom:2px}.ts-value{font-size:.95rem;font-weight:800;color:orange}.yt-open-link{font-size:.78rem;color:#ff6b35;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.yt-open-link:hover{color:gold}.output-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:380px}.tabs-bar{display:flex;gap:6px;background:#0000004d;border-radius:12px;padding:5px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.55rem .5rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:#71717a;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn.active{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.25)}.tab-btn:hover:not(.active){color:#a1a1aa;background:#ffffff0a}.tab-btn i{font-size:.75rem}.tab-content{display:none}.tab-content.active{display:block}.timed-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.timed-list::-webkit-scrollbar{width:4px}.timed-list::-webkit-scrollbar-track{background:#ffffff08}.timed-list::-webkit-scrollbar-thumb{background:#ffa5004d;border-radius:2px}.timed-row{display:flex;gap:10px;padding:5px 8px;border-radius:8px;transition:background .15s;align-items:flex-start}.timed-row:hover{background:#ffffff0a}.timed-ts{font-size:.72rem;color:orange;font-weight:700;font-family:monospace;min-width:42px;margin-top:2px;flex-shrink:0}.timed-text{font-size:.88rem;color:#d4d4d8;line-height:1.5}.plain-text{max-height:320px;overflow-y:auto;font-size:.88rem;color:#d4d4d8;line-height:1.75;white-space:pre-wrap;padding-right:4px}.plain-text::-webkit-scrollbar{width:4px}.plain-text::-webkit-scrollbar-thumb{background:#ffa5004d;border-radius:2px}.srt-text{max-height:270px;overflow-y:auto;font-size:.78rem;color:#a1a1aa;line-height:1.6;font-family:monospace;white-space:pre-wrap;margin:0;padding-right:4px}.srt-text::-webkit-scrollbar{width:4px}.srt-text::-webkit-scrollbar-thumb{background:#ffa5004d;border-radius:2px}.srt-tip{display:flex;align-items:center;gap:8px;padding:.65rem .9rem;background:#ffa5000f;border:1px solid rgba(255,165,0,.15);border-radius:10px;font-size:.78rem;color:orange;margin-bottom:.6rem;font-weight:500}.srt-tip i{font-size:.82rem;flex-shrink:0}.filter-bar{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.switch-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.switch-toggle input{display:none}.switch-slider{width:36px;height:18px;background:#ffffff1a;border-radius:18px;position:relative;transition:background .25s ease;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#a1a1aa;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease}.switch-toggle input:checked+.switch-slider{background:linear-gradient(135deg,#ff6b35,orange)}.switch-toggle input:checked+.switch-slider:before{transform:translate(18px);background:#fff}.switch-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#a1a1aa;font-weight:500;transition:color .2s}.switch-toggle:hover .switch-label{color:#f4f4f5}.switch-label i{color:orange;font-size:.72rem}.action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:.8rem .5rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .25s;white-space:nowrap}.copy-btn{background:linear-gradient(135deg,#ff6b35,orange);color:#fff;box-shadow:0 4px 14px #ff6b3540}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3566}.dl-txt-btn{background:#18181b;border:1.5px solid rgba(255,255,255,.08);color:#e4e4e7}.dl-txt-btn:hover{background:#27272a;border-color:#ffffff26;transform:translateY(-1px)}.dl-srt-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98140}.dl-srt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.new-btn{background:transparent;border:1.5px solid rgba(255,255,255,.12);color:#a1a1aa}.new-btn:hover{background:#ffffff08;border-color:#ffa5004d;color:orange;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;background:#ffffff04;border:1px dashed rgba(255,255,255,.08);border-radius:18px;text-align:center;gap:12px}.empty-state-icon{width:52px;height:52px;border-radius:50%;background:#ffa50014;border:1px solid rgba(255,165,0,.15);display:flex;align-items:center;justify-content:center}.empty-state-icon i{color:orange;font-size:1.3rem}.empty-state-text{font-size:.88rem;color:#71717a;font-weight:500;margin:0}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#1e1e28f7;border:1px solid rgba(255,165,0,.3);border-radius:12px;padding:.75rem 1.25rem;color:#fff;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:9px;z-index:9999;box-shadow:0 8px 30px #0006;animation:toastIn .3s ease}.toast i{color:orange}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.seo-section{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.content-block{margin-bottom:3rem}.content-block h2{font-size:1.3rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.content-block h2 i{color:orange}.content-block p{font-size:.97rem;color:#a1a1aa;line-height:1.75;margin-bottom:.75rem}.steps-grid{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:border-color .2s}.step-item:hover{border-color:#ffa50033}.step-num{width:34px;height:34px;background:linear-gradient(135deg,#ff6b35,orange);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;color:#fff;flex-shrink:0}.step-text strong{color:#f4f4f5;font-size:.95rem;display:block;margin-bottom:.3rem}.step-text p{color:#a1a1aa;font-size:.86rem;line-height:1.55;margin:0}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.use-case-item{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.25rem;transition:all .3s}.use-case-item:hover{border-color:#ffa50040;transform:translateY(-2px)}.use-case-icon{width:38px;height:38px;background:#ffa5001a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.use-case-icon i{color:orange;font-size:1rem}.use-case-item strong{color:#f4f4f5;font-size:.92rem;display:block;margin-bottom:.35rem}.use-case-item p{color:#71717a;font-size:.83rem;line-height:1.55;margin:0}.comparison-table{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}.comp-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.7rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.comp-row:last-child{border-bottom:none}.comp-header{background:#ffa5000f;font-weight:700;font-size:.78rem;color:orange;text-transform:uppercase;letter-spacing:.04em}.comp-row span:first-child{color:#a1a1aa}.comp-yes{color:#10b981;font-weight:700;min-width:100px;text-align:center}.comp-no{color:#71717a;font-size:.8rem;min-width:100px;text-align:right}.section-title{text-align:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.75rem}.faq-section{padding:2.5rem 1.5rem;max-width:900px;margin:0 auto}.faq-container{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:all .3s}.faq-item:hover{border-color:#ffa50033}.faq-item[open]{border-color:#ffa5004d;background:#ffffff09}.faq-question{display:flex;align-items:center;gap:12px;padding:1.1rem 1.4rem;font-size:.97rem;font-weight:600;color:#f4f4f5;cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question i.fa-question-circle{color:orange;flex-shrink:0}.faq-question span{flex:1}.faq-arrow{font-size:.78rem;color:#71717a;transition:transform .3s}.faq-item[open] .faq-arrow{transform:rotate(180deg);color:orange}.faq-answer{padding:.75rem 1.4rem .9rem;border-top:1px solid rgba(255,255,255,.05)}.faq-answer p{font-size:.92rem;color:#a1a1aa;line-height:1.7;margin:0}.related-section{padding:2rem 1.5rem;max-width:900px;margin:0 auto}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-card{text-decoration:none;color:inherit;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s;display:block}.related-card:hover{background:#ffffff0a;border-color:#ffa5004d;transform:translateY(-4px)}.related-icon{width:46px;height:46px;background:linear-gradient(135deg,#ff6b3526,#ffa50026);border:1px solid rgba(255,165,0,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .85rem}.related-icon i{font-size:1.2rem;color:orange}.related-card h4{font-size:.97rem;color:#fff;margin-bottom:.35rem}.related-card p{font-size:.8rem;color:#71717a;margin:0}.cta-section{padding:2rem 1.5rem;max-width:560px;margin:0 auto}.cta-card{background:linear-gradient(135deg,#ff6b3512,#ffa50012);border:1px solid rgba(255,165,0,.2);border-radius:20px;padding:2rem;text-align:center}.cta-icon{width:58px;height:58px;background:linear-gradient(135deg,#ff6b35,orange);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem}.cta-icon i{font-size:1.6rem;color:#fff}.cta-card h2{font-size:1.35rem;color:#fff;margin-bottom:.65rem}.cta-card p{font-size:.95rem;color:#a1a1aa;margin-bottom:1.25rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:9px;padding:.85rem 1.75rem;background:linear-gradient(135deg,#ff6b35,orange);color:#fff;font-family:Outfit,sans-serif;font-size:.97rem;font-weight:700;border:none;border-radius:12px;text-decoration:none;transition:all .3s;box-shadow:0 6px 20px #ffa5004d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 32px #ffa50073}@media(max-width:768px){.result-grid{grid-template-columns:1fr}.vid-thumb{aspect-ratio:16/9;max-height:180px}.action-bar{grid-template-columns:repeat(2,1fr)}.use-cases-grid,.related-grid{grid-template-columns:1fr}.comp-row{grid-template-columns:1fr auto}.comp-row span:nth-child(3){display:none}.tabs-bar{flex-direction:column}}@media(max-width:520px){.action-bar{grid-template-columns:1fr 1fr}.tabs-bar{flex-direction:row}.tab-btn{font-size:.72rem;padding:.5rem .25rem}.input-row{flex-direction:column}.extract-button{width:100%;justify-content:center}}