@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#121214;--primary:#f43f5e;--primary-hover:#be123c;--secondary:#3b82f6;--text-primary:#fafafa;--text-secondary:#a1a1aa;--glass-border:#ffffff14;--glass-bg:#0f0f12a6;--accent-gradient:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--glow-gradient:linear-gradient(135deg, #f43f5e80 0%, #3b82f680 100%);--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#f43f5e0a,#0000 30%),radial-gradient(circle at 85% 30%,#3b82f60a,#0000 30%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}.dark-theme-box{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d,0 0 40px #f43f5e26}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}button,input{border:none;outline:none;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:1000;width:100%;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 4px 30px #0000004d}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-icon-wrapper{background:var(--accent-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #f43f5e59}.logo-icon-svg{transition:transform .4s}.logo-container:hover .logo-icon-wrapper{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #f43f5e80}.logo-container:hover .logo-icon-svg{transform:translateY(-1px)rotate(5deg)}.logo-text{letter-spacing:-.02em;color:var(--text-primary);text-shadow:0 2px 10px #0003;font-size:1.35rem;font-weight:800}.logo-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.header-right{align-items:center;gap:1rem;display:flex}.x-profile-badge{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0003}.x-icon{transition:transform .3s}.x-profile-badge:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0006,0 0 10px #ffffff0d}.x-profile-badge:hover .x-icon{transform:scale(1.1)rotate(-8deg)}.x-badge-text{letter-spacing:.3px}@media (width<=640px){.header-container{padding:.75rem 1rem}.logo-text{font-size:1.15rem}.logo-icon-wrapper{border-radius:10px;width:34px;height:34px}.logo-icon-svg{width:18px;height:18px}.x-profile-badge{padding:.4rem .75rem;font-size:.75rem}}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto 3rem;display:flex}.hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--primary);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.6s fadeIn;display:inline-flex}.badge-icon{animation:4s linear infinite spin}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}.highlight{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.hero-features{justify-content:center;gap:2rem;display:flex}.feature{color:var(--text-secondary);align-items:center;gap:.75rem;font-weight:500;display:flex}.feature-icon-wrapper{color:var(--primary);display:flex}.downloader-container{-webkit-backdrop-filter:blur(24px);background:#14141866;border:1px solid #ffffff0a;border-radius:24px;width:100%;margin-bottom:2rem;padding:2.5rem;animation:.6s fadeInDown;box-shadow:0 30px 60px -15px #0009,inset 0 1px #ffffff0d}.downloader-form{flex-direction:column;gap:1.25rem;display:flex;position:relative}.input-wrapper{width:100%;height:64px;transition:all var(--transition-normal);background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;align-items:center;padding:0 1.5rem;display:flex;box-shadow:inset 0 2px 10px #00000080}.input-wrapper:focus-within{border-color:var(--primary);background:#f43f5e0d;box-shadow:0 0 0 2px #f43f5e33,inset 0 2px 10px #00000080}.native-ads-row{gap:1rem;width:100%;display:flex}.native-ad-placeholder{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex:1;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative}.native-ad-placeholder:hover{background:#ffffff05;border-color:#ffffff1a}.native-badge{color:var(--text-secondary);opacity:.5;text-transform:uppercase;font-size:.6rem;position:absolute;top:.25rem;right:.5rem}.native-ad-image{background:#3b82f633;border-radius:8px;flex-shrink:0;width:48px;height:48px}.native-ad-texts{flex-direction:column;gap:.25rem;display:flex}.native-ad-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.native-ad-desc{color:var(--text-secondary);font-size:.75rem}.input-icon{color:var(--text-secondary);margin-right:1rem}.video-input{width:100%;height:60px;color:var(--text-primary);background:0 0;font-size:1.125rem}.video-input::placeholder{color:var(--text-secondary);opacity:.7}.download-btn{background:var(--accent-gradient);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;height:64px;transition:all var(--transition-normal);border-radius:16px;justify-content:center;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 8px 25px #f43f5e4d}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f43f5e80}.download-btn:active:not(:disabled){transform:translateY(0)}.download-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (width<=640px){.downloader-form{flex-direction:column}.download-btn{justify-content:center;height:60px}}.ad-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.ad-modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.ad-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ad-sponsor-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff0d;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.ad-close-btn{color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.ad-close-btn:hover{background:var(--primary);transform:scale(1.1)}.ad-modal-body{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.ad-countdown-container{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.ad-countdown-number{color:var(--primary);text-shadow:0 0 20px #3b82f680;font-size:3rem;font-weight:800;line-height:1;animation:1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 12px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.ad-placeholder-rectangle{border:1px dashed var(--glass-border);width:336px;height:280px;color:var(--text-secondary);background:#0000004d;border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex;box-shadow:inset 0 0 20px #00000080}.ad-preparing-text{color:var(--text-secondary);margin-top:.5rem;font-size:1rem;font-weight:500;animation:1.5s infinite alternate glowText}@keyframes glowText{0%{opacity:.6}to{opacity:1}}.ad-modal-footer{border-top:1px solid var(--glass-border);background:#0000001a;justify-content:center;padding:1.5rem;display:flex}.ad-action-btn{background:var(--glass-bg);width:100%;color:var(--text-secondary);cursor:not-allowed;transition:all var(--transition-normal);border-radius:12px;padding:1rem;font-size:1rem;font-weight:600}.ad-action-btn.ready{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 15px #3b82f666}.ad-action-btn.ready:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.result-container{width:100%;max-width:768px;margin-top:2rem;padding:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn}.result-success-badge{color:#10b981;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:inline-flex}.result-content{gap:1.5rem;display:flex}.thumbnail-wrapper{border-radius:16px;flex-shrink:0;width:240px;height:135px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0009,inset 0 0 0 1px #ffffff1a}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.thumbnail-wrapper:hover .video-thumbnail{transform:scale(1.05)}.duration-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.play-overlay{opacity:0;transition:opacity var(--transition-normal);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.thumbnail-wrapper:hover .play-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 4px 8px #0006);transition:transform var(--transition-normal);transform:scale(.9)}.thumbnail-wrapper:hover .play-icon{transform:scale(1)}.video-info{flex-direction:column;flex:1;display:flex}.video-title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.25rem;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-secondary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.meta-item{align-items:center;gap:.375rem;display:flex}.meta-icon{opacity:.7}.meta-separator{opacity:.5}.download-options{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.quality-btn{cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-weight:500;display:flex}.quality-btn.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #3b82f64d}.quality-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.quality-btn.secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff0d}.quality-btn.secondary:hover{background:#ffffff1a}.share-x-btn{cursor:pointer;color:#fff;transition:all var(--transition-fast);background:#000;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;padding:.875rem 1.25rem;font-weight:600;display:flex;box-shadow:0 4px 15px #0000004d}.share-x-btn:hover{background:#111;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #00000080}.share-x-btn svg{flex-shrink:0}@media (width<=640px){.result-content{flex-direction:column}.thumbnail-wrapper{width:100%;height:200px}}.features-section{width:100%;max-width:1000px;margin:4rem auto;padding:0 1rem}.section-title{text-align:center;background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:2rem;font-weight:700}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{transition:transform var(--transition-normal);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.feature-card:hover{transform:translateY(-5px)}.feature-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.feature-icon-wrapper.blue{color:#3b82f6;background:#3b82f626}.feature-icon-wrapper.green{color:#10b981;background:#10b98126}.feature-icon-wrapper.purple{color:#a855f7;background:#a855f726}.feature-icon-wrapper.orange{color:#f97316;background:#f9731626}.feature-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.faq-section{width:100%;max-width:800px;margin:4rem auto;padding:0 1rem}.faq-content{flex-direction:column;gap:1rem;display:flex}.faq-item{border-left:4px solid var(--primary);padding:1.5rem}.faq-item h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.seo-content-section{background:0 0;max-width:1200px;margin:0 auto;padding:4rem 2rem}.seo-container{text-align:center;padding:3rem}.seo-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2rem;font-weight:800}.seo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.seo-item{border:1px solid var(--glass-border);transition:all var(--transition-normal);background:#ffffff08;border-radius:12px;padding:1.5rem}.seo-item:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-5px)}.seo-item h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.seo-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.seo-extra{border-top:1px solid var(--glass-border);margin-top:4rem;padding-top:2rem}.seo-extra h3{margin-bottom:1.5rem;font-size:1.5rem}.seo-extra p{color:var(--text-secondary);max-width:800px;margin:0 auto 1.5rem;line-height:1.8}.seo-keywords{opacity:.4;flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.75rem;display:flex}.seo-keywords span{background:#ffffff0d;border-radius:4px;padding:.25rem .5rem}@media (width<=768px){.seo-content-section{padding:2rem 1rem}.seo-container{padding:1.5rem}.seo-title{font-size:1.5rem}}.text-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.text-modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.text-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.text-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.text-modal-close{color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.text-modal-close:hover{color:#ef4444;background:#ef444433}.text-modal-body{color:var(--text-secondary);padding:1.5rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.text-modal-body h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem}.text-modal-body h3:first-child{margin-top:0}.text-modal-body p{margin-bottom:1rem}.text-modal-body a{color:var(--primary);text-decoration:underline}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;border-top:1px solid var(--glass-border);background:var(--bg-secondary);margin-top:auto;padding:3rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.copyright{color:var(--text-primary);font-weight:500}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:var(--primary)}.disclaimer{max-width:600px;color:var(--text-secondary);opacity:.6;margin:0 auto;font-size:.75rem;line-height:1.5}@media (width>=640px){.footer-content{flex-direction:row;justify-content:space-between;padding:0 2rem}}.ad-banner-container{background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:768px;min-height:90px;margin:1.5rem auto;display:flex;position:relative;overflow:hidden}.ad-banner-container .ad-sponsor-badge{display:none}.ad-banner-container.top{margin-top:0;margin-bottom:2rem}.ad-banner-container.bottom{margin-top:2rem;margin-bottom:2rem}.adblock-warning-bar{color:#fff;z-index:1001;background:linear-gradient(90deg,#ef4444,#f59e0b);justify-content:space-between;align-items:center;padding:.75rem 1rem;animation:.5s ease-out slideDownBar;display:flex;position:relative;box-shadow:0 4px 10px #0003}.adblock-content{justify-content:center;align-items:center;gap:.75rem;width:100%;font-size:.9rem;font-weight:500;display:flex}@media (width<=640px){.adblock-content{text-align:left;justify-content:flex-start;font-size:.8rem}}.adblock-close-btn{color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:1rem;padding:.4rem;display:flex}.adblock-close-btn:hover{background:#0000004d;transform:scale(1.1)}@keyframes slideDownBar{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.shorts-page-container{flex-direction:column;gap:2rem;width:100%;max-width:800px;margin:0 auto;animation:.5s fadeIn;display:flex}.shorts-page-header{text-align:center;margin-bottom:.5rem}.shorts-page-title{letter-spacing:-.03em;background:linear-gradient(135deg,red 0%,#f43f5e 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ff000026;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.shorts-page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.5}.shorts-card,.shorts-success-card{-webkit-backdrop-filter:blur(24px);background:#14141873;border:1px solid #ffffff0a;border-radius:24px;width:100%;padding:2.5rem;box-shadow:0 30px 60px -15px #0009,inset 0 1px #ffffff0d}.shorts-form{flex-direction:column;gap:2rem;width:100%;display:flex}.shorts-label{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;font-weight:600}.youtube-input-wrapper{height:64px;transition:all var(--transition-normal);background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;align-items:center;padding:0 1.5rem;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000080}.youtube-input-wrapper:focus-within{background:#ff000008;border-color:red;box-shadow:0 0 20px #ff000026,inset 0 2px 10px #00000080}.meta-loader{color:var(--text-secondary);position:absolute;right:1.5rem}.shorts-error-box{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;animation:.3s fadeIn;display:flex}.shorts-editor-area{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;animation:.4s fadeIn;display:grid}@media (width<=768px){.shorts-editor-area{grid-template-columns:1fr;gap:1.5rem}}.shorts-metadata-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.metadata-thumbnail-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.metadata-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s}.shorts-metadata-card:hover .metadata-thumbnail{transform:scale(1.03)}.metadata-duration-badge{letter-spacing:.5px;background:#000000d9;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.75rem;right:.75rem}.metadata-details{flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.metadata-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.metadata-author{color:var(--text-secondary);font-size:.85rem;font-weight:500}.shorts-time-selector{flex-direction:column;justify-content:center;gap:1.25rem;height:100%;display:flex}.time-input-container{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.time-field{flex-direction:column;gap:.5rem;display:flex}.time-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.time-input-box{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;height:52px;padding:0 1rem;transition:all .3s;display:flex}.time-icon{color:var(--text-secondary);margin-right:.75rem}.time-input{width:100%;height:100%;color:var(--text-primary);letter-spacing:.5px;background:0 0;font-size:.95rem;font-weight:600}.time-input-box:focus-within{border-color:var(--primary);background:#f43f5e08;box-shadow:0 0 12px #f43f5e1a}.time-info-note{color:var(--text-secondary);opacity:.8;font-size:.75rem;line-height:1.4}.shorts-generate-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;height:60px;transition:all var(--transition-normal);background:linear-gradient(135deg,red 0%,#f43f5e 100%);border-radius:16px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 8px 25px #f43f5e4d}.shorts-generate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f43f5e80}.shorts-generate-btn:active{transform:translateY(0)}.shorts-processing-state{flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0;animation:.4s fadeIn;display:flex}.processing-spinner-wrapper{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:50%;padding:1rem}.processing-spinner{color:var(--primary)}.processing-progress-bar-container{background:#ffffff0d;border:1px solid #ffffff05;border-radius:10px;width:100%;max-width:400px;height:6px;overflow:hidden}.processing-progress-bar-fill{background:linear-gradient(90deg,red 0%,#f43f5e 100%);border-radius:10px;width:35%;height:100%;animation:2s ease-in-out infinite shimmerProgressBar;box-shadow:0 0 10px #f43f5e80}.processing-stage-text{color:var(--text-primary);text-align:center;font-size:1.05rem;font-weight:600}.processing-info-subtext{color:var(--text-secondary);text-align:center;max-width:350px;font-size:.8rem}@keyframes shimmerProgressBar{0%{transform:translate(-100%)}50%{transform:translate(120%)}to{transform:translate(300%)}}.shorts-success-card{text-align:center;flex-direction:column;align-items:center;gap:2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.success-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 0 20px #10b98126}.success-badge-icon{color:#10b981}.success-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.success-desc{color:var(--text-secondary);max-width:450px;font-size:.95rem}.success-preview-card{text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:1.25rem;width:100%;max-width:500px;padding:1.5rem;display:flex}.preview-icon-box{background:#f43f5e14;border:1px solid #f43f5e26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.preview-video-icon{color:var(--primary)}.preview-details{flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.preview-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.preview-meta{color:var(--text-secondary);gap:1rem;font-size:.8rem;font-weight:600;display:flex}.success-actions{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:500px;display:grid}@media (width<=500px){.success-actions{grid-template-columns:1fr}}.shorts-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;justify-content:center;align-items:center;height:52px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #10b9814d}.shorts-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.shorts-new-clip-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;height:52px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.shorts-new-clip-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.yt-down-container{flex-direction:column;gap:2rem;width:100%;max-width:800px;margin:0 auto;animation:.5s fadeIn;display:flex}.yt-down-header{text-align:center;margin-bottom:.5rem}.yt-down-title{letter-spacing:-.03em;background:linear-gradient(135deg,red 0%,#dc2626 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ff000026;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.yt-down-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.5}.yt-down-card,.yt-success-card{-webkit-backdrop-filter:blur(24px);background:#14141873;border:1px solid #ffffff0a;border-radius:24px;width:100%;padding:2.5rem;box-shadow:0 30px 60px -15px #0009,inset 0 1px #ffffff0d}.yt-down-form{flex-direction:column;gap:2rem;width:100%;display:flex}.yt-input-group{flex-direction:column;gap:.75rem;display:flex}.yt-label{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;font-weight:600}.yt-input-wrapper{height:64px;transition:all var(--transition-normal);background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;align-items:center;padding:0 1.5rem;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000080}.yt-icon{color:red;filter:drop-shadow(0 0 8px #f006);flex-shrink:0;margin-right:1.25rem}.yt-input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:1.05rem;font-weight:500}.yt-input::placeholder{color:var(--text-secondary);opacity:.6}.yt-input-wrapper:focus-within{background:#ff000008;border-color:red;box-shadow:0 0 20px #ff000026,inset 0 2px 10px #00000080}.yt-meta-loader{color:var(--text-secondary);position:absolute;right:1.5rem}.yt-error-box{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;animation:.3s fadeIn;display:flex}.yt-metadata-preview{animation:.4s fadeIn}.yt-metadata-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;flex-direction:row;align-items:center;gap:1.5rem;padding:1.25rem;display:flex;overflow:hidden}@media (width<=600px){.yt-metadata-card{flex-direction:column;align-items:flex-start;gap:1rem}}.yt-thumbnail-wrapper{aspect-ratio:16/9;background:#000;border-radius:10px;flex-shrink:0;width:200px;position:relative;overflow:hidden}@media (width<=600px){.yt-thumbnail-wrapper{width:100%}}.yt-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s}.yt-metadata-card:hover .yt-thumbnail{transform:scale(1.03)}.yt-duration-badge{letter-spacing:.5px;background:#000000d9;border:1px solid #ffffff1a;border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.yt-details{flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.yt-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.yt-author{color:var(--text-secondary);font-size:.9rem;font-weight:500}.yt-download-full-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;height:60px;transition:all var(--transition-normal);background:linear-gradient(135deg,red 0%,#dc2626 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 8px 25px #dc26264d}.yt-download-full-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262680}.yt-download-full-btn:active{transform:translateY(0)}.yt-processing-state{flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0;animation:.4s fadeIn;display:flex}.yt-spinner-wrapper{background:#dc26261a;border:1px solid #dc262633;border-radius:50%;padding:1rem}.yt-processing-spinner{color:red}.yt-progress-bar-container{background:#ffffff0d;border:1px solid #ffffff05;border-radius:10px;width:100%;max-width:400px;height:6px;overflow:hidden}.yt-progress-bar-fill{background:linear-gradient(90deg,red 0%,#dc2626 100%);border-radius:10px;width:35%;height:100%;animation:2s ease-in-out infinite shimmerProgressBar;box-shadow:0 0 10px #dc262680}.yt-stage-text{color:var(--text-primary);text-align:center;font-size:1.05rem;font-weight:600}.yt-info-subtext{color:var(--text-secondary);text-align:center;max-width:350px;font-size:.8rem}.yt-success-card{text-align:center;flex-direction:column;align-items:center;gap:2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.yt-success-header{flex-direction:column;align-items:center;gap:.75rem;display:flex}.yt-success-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 0 20px #10b98126}.yt-success-badge-icon{color:#10b981}.yt-success-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.yt-success-desc{color:var(--text-secondary);max-width:450px;font-size:.95rem}.yt-success-preview-card{text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:1.25rem;width:100%;max-width:500px;padding:1.5rem;display:flex}.yt-preview-icon-box{background:#dc262614;border:1px solid #dc262626;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.yt-preview-video-icon{color:red;filter:drop-shadow(0 0 4px #ff00004d)}.yt-preview-details{flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.yt-preview-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.yt-preview-meta{color:var(--text-secondary);gap:1rem;font-size:.8rem;font-weight:600;display:flex}.yt-success-actions{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:500px;display:grid}@media (width<=500px){.yt-success-actions{grid-template-columns:1fr}}.yt-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;justify-content:center;align-items:center;height:52px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #10b9814d}.yt-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.yt-new-download-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:none;border-radius:14px;justify-content:center;align-items:center;height:52px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.yt-new-download-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.spinner{animation:1s linear infinite spin}.tool-page-container{flex-direction:column;gap:2rem;width:100%;max-width:800px;margin:0 auto;animation:.5s cubic-bezier(.4,0,.2,1) toolFadeIn;display:flex}.tool-page-title{letter-spacing:-.03em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #f43f5e26;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.tool-page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.5}.tool-card{-webkit-backdrop-filter:blur(24px);background:#14141873;border:1px solid #ffffff0a;border-radius:24px;width:100%;padding:2.5rem;box-shadow:0 30px 60px -15px #0009,inset 0 1px #ffffff0d}.tool-form{flex-direction:column;gap:1.75rem;width:100%;display:flex}.tool-label{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.upload-group{flex-direction:column;display:flex}.drag-drop-zone{cursor:pointer;background:#0003;border:2px dashed #ffffff1a;border-radius:16px;justify-content:center;align-items:center;min-height:160px;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 10px #00000080}.drag-drop-zone:hover,.drag-drop-zone.has-file{border-color:var(--primary);background:#f43f5e08;box-shadow:inset 0 2px 10px #00000080,0 0 15px #f43f5e1a}.upload-zone-label{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.drag-drop-zone:hover .upload-icon{color:var(--primary);transform:translateY(-3px)}.file-info-preview{align-items:center;gap:1.25rem;width:100%;padding:.5rem;display:flex}.file-preview-icon{color:var(--primary);filter:drop-shadow(0 0 8px #f43f5e66);flex-shrink:0;animation:2s ease-in-out infinite pulseIcon}.file-details{text-align:left;flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.settings-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=600px){.settings-row{grid-template-columns:1fr}}.setting-control-group{flex-direction:column;display:flex}.custom-select-wrapper{width:100%;position:relative}.tool-select{width:100%;height:56px;color:var(--text-primary);appearance:none;cursor:pointer;background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;padding:0 1.25rem;font-size:.95rem;font-weight:600;transition:all .25s;box-shadow:inset 0 2px 5px #0000004d}.tool-select:focus{border-color:var(--primary);box-shadow:inset 0 2px 5px #0000004d,0 0 10px #f43f5e26}.custom-select-wrapper:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.tool-action-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;height:60px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #f43f5e40}.tool-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f43f5e59}.success-card{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.success-header{flex-direction:column;align-items:center;gap:.75rem;display:flex}.success-icon{color:#10b981;filter:drop-shadow(0 0 10px #10b98166);animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleSuccess}.success-title{color:var(--text-primary);font-size:1.75rem;font-weight:800}.success-subtitle{color:var(--text-secondary);font-size:1rem}.success-details-box{background:#0003;border:1px solid #ffffff08;border-radius:16px;flex-direction:column;gap:.85rem;width:100%;max-width:450px;padding:1.25rem 1.5rem;display:flex}.detail-item{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);align-items:center;gap:.4rem;font-weight:700;display:flex}.detail-value.font-highlight{color:var(--primary)}.success-actions{flex-direction:column;gap:1rem;width:100%;max-width:450px;display:flex}.download-btn-pulse{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;justify-content:center;align-items:center;height:60px;font-size:1.1rem;font-weight:700;transition:all .3s;animation:2s infinite btnPulse;display:flex;box-shadow:0 4px 18px #10b98140}.reset-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;height:52px;font-size:.95rem;font-weight:600;transition:all .2s}@keyframes toolFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes scaleSuccess{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes btnPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}.compression-control-group{flex-direction:column;gap:.75rem;display:flex}.compression-options-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=650px){.compression-options-grid{grid-template-columns:1fr}}.compression-tier-btn{cursor:pointer;text-align:center;color:var(--text-secondary);background:#00000040;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.compression-tier-btn:hover:not(:disabled){color:var(--text-primary);background:#f43f5e05;border-color:#f43f5e66;transform:translateY(-2px)}.compression-tier-btn.active{border-color:var(--primary);color:var(--text-primary);background:#f43f5e14;box-shadow:0 4px 15px #f43f5e26,inset 0 0 0 1px #f43f5e33}.tier-title{font-size:.95rem;font-weight:700}.tier-desc{opacity:.8;font-size:.75rem;line-height:1.3}.size-estimation-box{color:#93c5fd;background:#3b82f60f;border:1px solid #3b82f626;border-radius:12px;align-items:center;gap:.6rem;margin-top:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #3b82f60d}.font-highlight-green{filter:drop-shadow(0 0 4px #10b98133);color:#10b981!important}.source-tabs{background:#0000004d;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:.35rem;display:grid}.source-tab-btn{height:46px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:flex}.source-tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff04}.source-tab-btn.active{color:var(--text-primary);background:#ffffff0f;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.youtube-input-group{flex-direction:column;gap:.6rem;display:flex}.youtube-input-wrapper{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;height:56px;padding:0 1.25rem;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000080}.youtube-input-wrapper:focus-within{border-color:var(--primary);box-shadow:inset 0 2px 10px #00000080,0 0 12px #f43f5e26}.youtube-icon{color:red;filter:drop-shadow(0 0 4px #ff00004d);flex-shrink:0;margin-right:.85rem}.youtube-input{width:100%;height:100%;color:var(--text-primary);background:0 0;font-size:.95rem;font-weight:500}.youtube-input::placeholder{color:var(--text-secondary);opacity:.6}.crop-editor-layout{grid-template-columns:1.2fr 1fr;gap:2rem;width:100%;display:grid}@media (width<=768px){.crop-editor-layout{grid-template-columns:1fr}}.crop-preview-column{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.video-preview-canvas-container{aspect-ratio:16/9;background:#000;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.crop-video-player{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.crop-visual-overlay-layer{pointer-events:none;position:absolute;inset:0}.crop-layer-badge{background:var(--primary);color:#fff;border-radius:4px;padding:.15rem .35rem;font-size:.65rem;font-weight:700;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #f43f5e4d}.video-native-badge{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.crop-settings-column{flex-direction:column;justify-content:flex-start;gap:1.25rem;display:flex}.panel-section{flex-direction:column;gap:.5rem;display:flex}.aspect-preset-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.preset-btn{cursor:pointer;color:var(--text-secondary);background:#00000040;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .5rem;transition:all .2s;display:flex}.preset-btn:hover:not(.active){color:var(--text-primary);background:#f43f5e04;border-color:#f43f5e66}.preset-btn.active{border-color:var(--primary);color:var(--text-primary);background:#f43f5e14;box-shadow:0 4px 12px #f43f5e1a}.preset-name{font-size:.85rem;font-weight:700}.preset-sub{opacity:.7;font-size:.65rem}.crop-numeric-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.numeric-input-group{background:#00000026;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;gap:.35rem;padding:.6rem .85rem;display:flex}.num-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.num-input{color:var(--text-primary);background:0 0;width:100%;font-size:1.05rem;font-weight:700}.crop-action-buttons{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.cancel-file-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:12px;height:52px;font-size:.95rem;font-weight:600;transition:all .2s}.cancel-file-btn:hover{color:#f87171;background:#ef44440d;border-color:#ef444433}.tall-zone{min-height:250px!important}.speed-preview-container{aspect-ratio:16/9;background:#000;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.speed-video-player{object-fit:contain;cursor:pointer;width:100%;max-width:100%;height:100%;max-height:100%}.speed-play-overlay-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#0f0f12bf;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:12px;left:12px}.speed-play-overlay-btn:hover{background:#f43f5ed9;border-color:#f43f5e33;transform:translateY(-1px)}.speed-selector-group{flex-direction:column;gap:.6rem;display:flex}.speed-dials-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}@media (width<=550px){.speed-dials-grid{grid-template-columns:repeat(2,1fr)}}.speed-dial-btn{cursor:pointer;color:var(--text-secondary);background:#00000040;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:.25rem;padding:1.15rem .5rem;transition:all .25s;display:flex}.speed-dial-btn:hover:not(.active){color:var(--text-primary);background:#f43f5e05;border-color:#f43f5e66;transform:translateY(-2px)}.speed-dial-btn.active{border-color:var(--primary);color:var(--text-primary);background:#f43f5e14;transform:scale(1.02);box-shadow:0 4px 15px #f43f5e1f}.dial-value{letter-spacing:-.5px;font-size:1.35rem;font-weight:800}.dial-label-text{opacity:.75;font-size:.75rem;font-weight:500}.compact-zone{border-style:dashed;min-height:100px!important}.merge-queue-container{flex-direction:column;gap:.75rem;display:flex}.queue-title-header{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.merge-queue-list{flex-direction:column;gap:.75rem;display:flex}.queue-item{background:#0003;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.queue-item:hover{background:#ffffff03;border-color:#ffffff14}.item-index-badge{color:var(--text-primary);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.queue-item-meta{flex:1;align-items:center;gap:.85rem;display:flex;overflow:hidden}.queue-video-icon{color:var(--text-secondary);flex-shrink:0}.queue-item-details{text-align:left;flex-direction:column;display:flex;overflow:hidden}.queue-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.queue-file-size{color:var(--text-secondary);font-size:.75rem}.queue-actions{align-items:center;gap:.4rem;display:flex}.queue-control-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.queue-control-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.queue-control-btn:disabled{opacity:.25;cursor:not-allowed}.delete-btn-item:hover:not(:disabled){color:#f87171!important;background:#ef444426!important;border-color:#ef444433!important}.input-split-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.input-split-grid{grid-template-columns:1fr;gap:1.5rem}}.flex-row{flex-direction:row;display:flex}.justify-end{justify-content:flex-end}.gap-0-25{gap:.25rem}.p-1-5{padding:1.5rem}.p-t-1-5{padding-top:1.5rem}.p-t-1-25{padding-top:1.25rem}.border-t{border-top:1px solid #ffffff14}.text-secondary{color:var(--text-secondary)}.advanced-toggle-btn{width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.advanced-toggle-btn:hover{background:#ffffff0a;border-color:#3b82f64d;box-shadow:0 4px 15px #3b82f614}.advanced-toggle-btn.active{background:#3b82f60f;border-color:#3b82f666}.toggle-icon-spin{transition:transform .5s}.advanced-toggle-btn:hover .toggle-icon-spin{transform:rotate(45deg)}.badge-sparkle-glow{color:#fbbf24;animation:1.5s infinite alternate sparkleGlow}@keyframes sparkleGlow{0%{filter:drop-shadow(0 0 2px #fbbf2480);transform:scale(1)}to{filter:drop-shadow(0 0 8px #fbbf24cc);transform:scale(1.15)}}.advanced-settings-panel{transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid}.advanced-settings-panel.collapsed{grid-template-rows:0fr;overflow:hidden}.advanced-settings-panel.expanded{grid-template-rows:1fr}.advanced-settings-content{min-height:0;transition:visibility .35s}.advanced-settings-panel.collapsed .advanced-settings-content{visibility:hidden}.advanced-settings-panel.expanded .advanced-settings-content{visibility:visible}.drag-drop-zone{cursor:pointer;text-align:center;background:#ffffff03;border:2px dashed #ffffff1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.drag-drop-zone:hover{background:#3b82f605;border-color:#3b82f666;box-shadow:inset 0 0 20px #3b82f605}.drag-drop-zone.drag-active{border-color:var(--secondary);background:#3b82f60f;box-shadow:0 0 20px #3b82f626}.upload-cloud-icon{color:var(--text-secondary);margin-bottom:.75rem;transition:transform .3s,color .3s}.upload-text{color:var(--text-primary);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.upload-text span{color:var(--secondary);text-decoration:underline}.small-badge{color:var(--secondary);letter-spacing:.3px;background:#3b82f626;border:1px solid #3b82f640;border-radius:99px;margin-left:.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.logo-uploaded-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.logo-preview-thumbnail{background:#fff;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:4px;display:flex;box-shadow:0 4px 10px #0003}.logo-preview-thumbnail img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.logo-meta{text-align:left}.logo-meta-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.85rem;font-weight:700;overflow:hidden}.logo-meta-status{font-size:.7rem}.logo-remove-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.logo-remove-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.customizations-grid{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;display:grid}@media (width<=600px){.customizations-grid{grid-template-columns:1fr;gap:1rem}}.custom-option-card{flex-direction:column;gap:.6rem;display:flex}.pixel-style-selector{background:#0003;border:1px solid #ffffff0d;border-radius:10px;width:100%;padding:.3rem}.pixel-style-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s}.pixel-style-btn:hover{color:var(--text-primary)}.pixel-style-btn.active{color:var(--text-primary);background:#ffffff14;box-shadow:0 2px 8px #00000040}.color-value-text{color:var(--secondary);font-family:monospace;font-size:.75rem;font-weight:700}.preset-colors-row{flex-wrap:wrap}.preset-color-bubble{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.preset-color-bubble:hover{transform:scale(1.15)}.preset-color-bubble.selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 10px #fff6}.check-icon-white{color:#fff}.custom-picker-container{cursor:pointer;background:linear-gradient(135deg,#f43f5e,#3b82f6,#10b981,#eab308);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:relative}.custom-picker-container:hover{transform:scale(1.15);box-shadow:0 0 10px #fff3}.palette-picker-icon{color:#fff;pointer-events:none;filter:drop-shadow(0 1px 2px #00000080)}.native-color-picker{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.preview-column{position:sticky;top:1.5rem}.preview-card-title{color:var(--text-primary);letter-spacing:.3px;margin:0;font-size:1rem;font-weight:800}.qr-preview-device-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:320px;padding:1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000004d}.qr-studio-badge{background:var(--secondary);color:#fff;letter-spacing:.5px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:.25rem 1rem;font-size:.62rem;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #3b82f659}.qr-display-box-wrapper{background:#fff;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;padding:.75rem;display:flex;box-shadow:0 10px 25px #0006}.generated-qr-canvas{border-radius:8px;width:180px;height:180px;animation:.6s cubic-bezier(.175,.885,.32,1.275) qrReveal}.qr-scan-instruction{color:var(--text-secondary);letter-spacing:.2px;font-size:.72rem;font-weight:700}.success-details-box{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;padding:1rem}.detail-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;font-size:.8rem;display:flex}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:first-child{padding-top:0}.detail-label{color:var(--text-secondary);flex-shrink:0;font-weight:600}.detail-value{color:var(--text-primary);text-align:right;font-weight:700}.link-anchor-truncate{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;max-width:160px;display:inline-flex;overflow:hidden}.qr-download-pulse{transition:transform .2s,opacity .2s;animation:2.5s infinite qrBtnPulse!important}.qr-download-pulse:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes qrReveal{0%{opacity:0;transform:scale(.85)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes qrBtnPulse{0%{box-shadow:0 0 #3b82f673}70%{box-shadow:0 0 0 12px #3b82f600}to{box-shadow:0 0 #3b82f600}}.qr-actions-row .reset-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .2s}.qr-actions-row .reset-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1f}.mixer-layout-grid{flex-direction:column;gap:1.75rem;width:100%;display:flex}.mixer-inputs-row{grid-template-columns:1.2fr 1fr;gap:1.75rem;width:100%;display:grid}@media (width<=868px){.mixer-inputs-row{grid-template-columns:1fr}}.mixer-box{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:20px;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff0d}.mixer-box.p-1-5{padding:1.75rem}.mixer-box-title{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:1.25rem;font-size:1.15rem;font-weight:700}.drag-drop-zone{cursor:pointer;text-align:center;height:230px;transition:all var(--transition-normal);background:#3b82f605;border:2px dashed #3b82f64d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.drag-drop-zone:hover{border-color:var(--secondary);background:#3b82f60d;transform:translateY(-2px);box-shadow:0 0 25px #3b82f61a}.upload-cloud-icon{color:var(--text-secondary);transition:transform var(--transition-fast), color var(--transition-fast)}.drag-drop-zone:hover .upload-cloud-icon{color:var(--secondary);transform:translateY(-5px)}.hidden-file-input{display:none}.video-player-container{background:#00000080;border:1px solid #ffffff0d;border-radius:14px;width:100%;padding:.5rem;overflow:hidden}.preview-video-element{object-fit:contain;cursor:pointer;width:100%;max-height:250px;transition:filter var(--transition-fast);background:#000;border-radius:10px}.preview-video-element:hover{filter:brightness(1.05)}.player-controls-row{justify-content:space-between;align-items:center;width:100%;padding:.75rem .5rem .25rem;display:flex}.play-circle-btn{width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-circle-btn:hover{background:var(--text-primary);color:var(--bg-primary);transform:scale(1.05);box-shadow:0 0 15px #ffffff40}.player-time-text{color:var(--text-secondary);background:#0000004d;border:1px solid #ffffff08;border-radius:20px;padding:.3rem .75rem;font-family:monospace;font-size:.9rem;font-weight:600}.youtube-input-group{flex-direction:column;gap:.6rem;width:100%;margin-bottom:1.25rem;display:flex}.tool-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.youtube-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.youtube-icon{pointer-events:none;position:absolute;left:1rem}.youtube-input{width:100%;height:50px;color:var(--text-primary);transition:all var(--transition-fast);background:#00000059;border:1px solid #ffffff14;border-radius:12px;padding:0 1rem 0 3rem;font-size:.95rem}.youtube-input:focus{border-color:var(--secondary);background:#0000008c;box-shadow:0 0 15px #3b82f626}.youtube-input:disabled{opacity:.5;cursor:not-allowed}.tool-action-btn{background:linear-gradient(135deg, var(--secondary) 0%, #1d4ed8 100%);color:#fff;cursor:pointer;height:50px;transition:all var(--transition-normal);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 15px #3b82f640}.tool-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px #3b82f666}.tool-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.tool-action-btn.loading{color:var(--text-secondary);box-shadow:none;cursor:wait;background:#ffffff0d;border:1px solid #ffffff14}.spinner-icon.spinning{animation:1s linear infinite spin}.status-success-box{background:#10b9810d;border:1px solid #10b98133;border-radius:14px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.success-status-text{color:#34d399;font-size:.9rem;font-weight:700}.success-status-subtext{color:var(--text-secondary);margin-top:.1rem;font-size:.8rem}.timeline-section-box{width:100%}.mixer-volume-sliders-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}@media (width<=650px){.mixer-volume-sliders-grid{grid-template-columns:1fr;gap:1rem}}.volume-slider-card{background:#00000040;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.slider-card-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.slider-card-label strong{color:var(--text-primary);background:#ffffff0d;border-radius:6px;padding:.15rem .5rem;font-family:monospace;font-weight:700}.mixer-vol-range{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;transition:background .3s}.mixer-vol-range::-webkit-slider-thumb{appearance:none;background:var(--secondary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s,background-color .15s;box-shadow:0 0 10px #3b82f680}.mixer-vol-range::-webkit-slider-thumb:hover{background:var(--text-primary);transform:scale(1.2)}.mixer-vol-range:active::-webkit-slider-thumb{transform:scale(1.3)}.visual-timeline-editor{background:#0006;border:1px solid #ffffff0a;border-radius:16px;width:100%;padding:1.25rem}.timeline-channel-row{align-items:center;gap:1.25rem;width:100%;margin-bottom:.5rem;display:flex}.timeline-channel-row:last-child{margin-bottom:0}.channel-info-col{width:110px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.8rem;font-weight:700}.channel-info-col.font-highlight{color:#a855f7;text-shadow:0 0 10px #a855f733}.channel-track-bar{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex:1;align-items:center;height:48px;padding:0 1rem;display:flex;position:relative;overflow:hidden}.video-track-bar{border-left:4px solid var(--secondary)}.audio-track-bar{border-left:4px solid #a855f7}.timeline-playhead{background:var(--primary);width:2px;box-shadow:0 0 8px var(--primary);z-index:10;pointer-events:none;transition:left .1s linear;position:absolute;top:0;bottom:0}.audio-active-slice-glow{border-left:2px solid var(--secondary);z-index:2;pointer-events:none;background:linear-gradient(135deg,#3b82f633 0%,#a855f733 100%);border-right:2px solid #a855f7;transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;box-shadow:0 0 15px #3b82f626}.timeline-duration-label{z-index:5;color:var(--text-secondary);font-size:.8rem;font-weight:600;position:relative}.timeline-sliders-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.timeline-slider-row{flex-direction:column;gap:.6rem;width:100%;display:flex}.slider-row-label{width:100%;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.slider-row-value{color:var(--text-primary);background:#ffffff0d;border-radius:6px;padding:.15rem .5rem;font-family:monospace;font-weight:700}.timeline-slider-input{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px;transition:background .3s}.timeline-slider-input::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--secondary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 0 10px #3b82f666}.timeline-slider-input::-webkit-slider-thumb:hover{background:var(--secondary);transform:scale(1.2)}.render-section-box{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.reset-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600}.reset-btn:hover{color:var(--text-primary);background:#ffffff1a}.render-progress-card{background:#0003;border:1px solid #ffffff0a;border-radius:16px;width:100%;max-width:500px;padding:1.5rem}.render-status-heading{color:var(--text-primary);margin-top:.5rem;font-size:1.25rem;font-weight:800}.render-status-subtext{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.render-progress-bar-container{background:#ffffff0d;border:1px solid #ffffff05;border-radius:4px;width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.render-progress-fill{background:linear-gradient(90deg, var(--secondary) 0%, #a855f7 100%);border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 10px #3b82f680}.progress-percentage-text{font-family:monospace;font-size:1.1rem;font-weight:700}.render-finished-card{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.rendered-video-preview-wrapper{background:#0009;border:1px solid #10b98133;border-radius:16px;width:100%;max-width:560px;padding:.6rem;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 30px #10b9811a}.final-rendered-video-element{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:320px}.flex-row{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.gap-0-5{gap:.5rem}.gap-0-75{gap:.75rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.m-t-1{margin-top:1rem}.m-t-1-5{margin-top:1.5rem}.m-b-1{margin-bottom:1rem}.w-full{width:100%}.max-w-lg{max-w:32rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-left{text-align:left}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.qr-download-pulse{transition:all var(--transition-normal)}.qr-download-pulse:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.qr-download-pulse:active{transform:translateY(0)}.font-highlight{color:var(--secondary);font-weight:700}.seo-landing-container{flex-direction:column;gap:1.5rem;width:100%;max-width:768px;margin:2.5rem auto 0;display:flex}.seo-landing-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:1px}.seo-landing-hero{text-align:center;margin-bottom:.5rem}.seo-badge{color:#10b981;letter-spacing:.05em;background:#10b98114;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.seo-h1{color:#f3f4f6;letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.85rem;font-weight:800;line-height:1.2}.seo-sub{color:#9ca3af;font-size:.95rem;line-height:1.5}.seo-landing-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.seo-landing-grid{grid-template-columns:1fr 1fr}}.seo-card-panel{border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.seo-card-title{color:#f3f4f6;border-left:3px solid #10b981;padding-left:.75rem;font-size:1.1rem;font-weight:700;line-height:1}.seo-features-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.seo-feature-item{align-items:flex-start;gap:.75rem;display:flex}.seo-check-icon{color:#10b981;background:#10b98126;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:.15rem;display:flex}.seo-feature-text{color:#9ca3af;font-size:.85rem;line-height:1.4}.seo-steps-timeline{flex-direction:column;gap:1rem;display:flex}.seo-step-item{align-items:center;gap:1rem;display:flex}.seo-step-number{color:#f3f4f6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;font-weight:700;display:flex}.seo-step-text{color:#9ca3af;font-size:.85rem;line-height:1.4}.seo-faq-section{border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.faq-section-header{align-items:center;gap:.75rem;display:flex}.faq-section-icon{color:#10b981}.seo-faq-grid{flex-direction:column;gap:1.25rem;display:flex}.seo-faq-item{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.35rem;padding-bottom:1rem;display:flex}.seo-faq-item:last-child{border-bottom:none;padding-bottom:0}.seo-faq-q{color:#e5e7eb;font-size:.95rem;font-weight:700}.seo-faq-a{color:#9ca3af;font-size:.85rem;line-height:1.4}.seo-internal-links-box{text-align:center;flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.internal-links-title{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;font-size:.85rem;font-weight:700}.internal-links-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.internal-link-btn{color:#9ca3af;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:.5rem;outline:none;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.75rem;transition:all .2s;display:inline-flex}.internal-link-btn:hover{color:#10b981;background:#10b9810a;border-color:#10b9814d}.tool-page-container{width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 1rem}.tool-page-header{text-align:center;margin-bottom:2rem}.tool-page-title{background:linear-gradient(135deg,#f43f5e 0%,#a855f7 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #a855f740);-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.tool-page-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:1.05rem}.tool-card{margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.input-split-grid{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}@media (width<=768px){.input-split-grid{grid-template-columns:1fr}}.upload-group{flex-direction:column;gap:.75rem;display:flex}.tool-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:block}.drag-drop-zone{cursor:pointer;height:200px;transition:all var(--transition-normal);background:#ffffff03;border:2px dashed #ffffff26;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.drag-drop-zone:hover:not(.disabled){border-color:var(--primary);background:#f43f5e08;box-shadow:0 0 20px #f43f5e14}.drag-drop-zone.has-file{border-color:var(--secondary);background:#3b82f60a;border-style:solid}.drag-drop-zone.disabled{opacity:.5;cursor:not-allowed;border-color:#ffffff0d}.upload-zone-label{width:100%;height:100%;cursor:inherit;justify-content:center;align-items:center;padding:1.5rem;display:flex}.upload-instructions{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.upload-icon{color:var(--text-secondary);transition:transform var(--transition-fast)}.drag-drop-zone:hover:not(.disabled) .upload-icon{color:var(--primary);transform:translateY(-4px)}.upload-text{color:var(--text-primary);font-size:1rem;font-weight:600}.upload-subtext{color:var(--text-secondary);font-size:.8rem}.file-info-preview{text-align:left;align-items:center;gap:1.25rem;display:flex}.file-preview-icon{color:var(--secondary);filter:drop-shadow(0 0 10px #3b82f64d)}.file-details{flex-direction:column;gap:.25rem;display:flex}.file-name{color:var(--text-primary);word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.file-size{color:var(--text-secondary);font-size:.85rem}.mic-record-panel{border:1px solid var(--glass-border);background:#0003;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;display:flex}.record-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.record-idle-state,.record-active-state{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.mic-inactive-icon{color:var(--text-secondary);opacity:.5}.recording-timer{letter-spacing:.05em;color:var(--text-primary);font-family:monospace;font-size:1.5rem;font-weight:700}.record-info-txt{color:var(--text-secondary);max-width:240px;font-size:.85rem}.record-control-btn{cursor:pointer;height:44px;transition:all var(--transition-fast);border-radius:22px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.start-btn{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1a}.start-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.start-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{color:#fff;background:#ef4444;box-shadow:0 0 15px #ef444466}.stop-btn:hover{background:#dc2626;transform:scale(1.02);box-shadow:0 0 20px #ef444499}.pulse-dot{background:#ef4444;border-radius:50%;width:14px;height:14px;animation:1.5s infinite pulse;box-shadow:0 0 #ef4444b3}.effects-panel-container{border-top:1px solid #ffffff0f;padding-top:2rem}.effects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.effect-selection-card{text-align:left;cursor:pointer;transition:all var(--transition-normal);background:#ffffff04;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.effect-selection-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.effect-selection-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-2px)}.effect-selection-card:hover:before{opacity:1}.effect-selection-card.active{background:#ffffff0d;transform:scale(1.01);box-shadow:0 10px 25px -5px #0006,inset 0 1px #ffffff1a}.effect-card-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.effect-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.effect-card-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.effect-sparkle{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:6px;animation:3s ease-in-out infinite alternate float-soft;display:flex}@keyframes float-soft{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(15deg)}}.processing-indicator{color:var(--text-secondary);background:#0003;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.85rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;display:flex}.spinner-icon.spinning{color:#10b981;filter:drop-shadow(0 0 6px #10b98166);animation:1s linear infinite spin}.tool-error-box{color:#f87171;background:#ef44440d;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.error-icon{flex-shrink:0}.output-player-container{background:#10b98108;padding:2rem;box-shadow:0 10px 30px #0003,0 0 30px #10b9810d;border-color:#10b98126!important}.player-flex-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.player-meta{align-items:center;gap:1rem;display:flex}.meta-icon{color:#10b981;filter:drop-shadow(0 0 8px #10b9814d)}.meta-details{flex-direction:column;gap:.25rem;display:flex}.meta-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.meta-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98126;border-radius:10px;align-self:flex-start;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.audio-widget-player{background:#0006;border-radius:22px;outline:none;flex:1;min-width:250px;max-width:500px;height:44px}.audio-widget-player::-webkit-media-controls-panel{background-color:#141419f2;box-shadow:0 4px 12px #0000004d}.audio-widget-player::-webkit-media-controls-play-button{background-color:#ffffff14;border-radius:50%}.player-actions{justify-content:center;width:100%;display:flex}.download-btn-pulse{color:#fff;cursor:pointer;height:52px;transition:all var(--transition-normal);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:26px;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 10px 20px -5px #10b98166}.download-btn-pulse:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #10b98199,0 0 15px #10b9814d}.download-btn-pulse:active{transform:translateY(0)}.animate-fade-in{animation:.4s forwards fadeIn}.input-group-url{flex-direction:column;gap:.6rem;display:flex}.url-input-wrapper{border:1px solid var(--glass-border);height:58px;transition:all var(--transition-normal);background:#00000059;border-radius:14px;align-items:center;padding:0 1.25rem;display:flex;position:relative;box-shadow:inset 0 2px 10px #0006}.url-input-wrapper:focus-within{border-color:var(--primary);background:#00000073;box-shadow:inset 0 2px 10px #0006,0 0 18px #f43f5e1f}.url-input-icon{color:var(--text-secondary);transition:color var(--transition-fast);flex-shrink:0;margin-right:.85rem}.url-input-wrapper:focus-within .url-input-icon{color:var(--primary);filter:drop-shadow(0 0 4px #f43f5e4d)}.url-input-field{width:100%;height:100%;color:var(--text-primary);background:0 0;font-size:1rem;font-weight:500}.url-input-field::placeholder{color:var(--text-secondary);opacity:.55}.format-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}@media (width<=640px){.format-grid{grid-template-columns:1fr}}.format-selection-card{text-align:left;cursor:pointer;transition:all var(--transition-normal);background:#ffffff04;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.format-selection-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-3px)}.format-selection-card.active{background:#ffffff0a;transform:translateY(-2px);box-shadow:0 15px 30px -5px #0006,inset 0 1px #ffffff14}.format-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.format-icon-bg{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #00000026}.format-badge{letter-spacing:.05em;border:1px solid #ffffff0d;border-radius:8px;padding:2px 10px;font-size:.7rem;font-weight:800}.format-card-info{flex-direction:column;gap:.4rem;display:flex}.format-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.format-card-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.pdf-generate-submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:100%;height:54px;transition:all var(--transition-normal);border-radius:27px;justify-content:center;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 10px 20px -5px #f43f5e59}.pdf-generate-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #f43f5e80,0 0 15px #3b82f64d}.pdf-generate-submit-btn:active{transform:translateY(0)}.pipeline-loading-container{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.pipeline-spinner-ring{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;display:flex;position:relative}.pipeline-spinner{width:100px;height:100px;color:var(--primary);filter:drop-shadow(0 0 12px #f43f5e66);position:absolute}.pipeline-progress-value{color:var(--text-primary);font-family:monospace;font-size:1.25rem;font-weight:800}.pipeline-details{max-width:460px;margin-bottom:2.5rem}.pipeline-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.pipeline-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.pipeline-steps-list{text-align:left;flex-direction:column;gap:.85rem;width:100%;max-width:440px;display:flex}.pipeline-step-item{transition:all var(--transition-normal);background:#ffffff03;border:1px solid #ffffff08;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.pipeline-step-item.pending{opacity:.45}.pipeline-step-item.active{background:#f43f5e08;border-color:#f43f5e26;box-shadow:0 0 15px #f43f5e0d}.pipeline-step-item.completed{opacity:.9;background:#10b98108;border-color:#10b98126}.step-bullet-icon{width:24px;height:24px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.pipeline-step-item.active .step-bullet-icon{background:var(--primary);color:#fff;box-shadow:0 0 10px #f43f5e80}.pipeline-step-item.completed .step-bullet-icon{background:0 0}.step-success-icon{color:#10b981;filter:drop-shadow(0 0 6px #10b9814d)}.step-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.pipeline-step-item.active .step-label{color:var(--text-primary)}.pipeline-step-item.completed .step-label{color:#10b981;opacity:.8;text-decoration:line-through}.success-card-glow{box-shadow:0 25px 50px #0006,0 0 40px #10b98114;border-color:#10b98126!important}.success-screen-layout{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.success-checkmark-circle{background:#10b98114;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounce-scale;display:flex;box-shadow:0 10px 25px #10b9811a}@keyframes bounce-scale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.checkmark-icon{color:#10b981;filter:drop-shadow(0 0 12px #10b98166)}.success-headline{color:var(--text-primary);margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.success-paragraph{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.compiled-file-details{border:1px solid var(--glass-border);text-align:left;background:#00000040;border-radius:12px;align-items:center;gap:1.25rem;width:100%;max-width:480px;margin-bottom:2.25rem;padding:1rem 1.5rem;display:flex}.file-meta-icon-wrapper{background:#3b82f61a;border:1px solid #3b82f626;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.meta-doc-icon{color:var(--secondary);filter:drop-shadow(0 0 8px #3b82f64d)}.file-meta-texts{flex-direction:column;gap:.2rem;min-width:0;display:flex}.compiled-filename{color:var(--text-primary);word-break:break-all;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.compiled-filetype{color:var(--text-secondary);font-size:.8rem}.success-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.convert-another-btn{height:52px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;border-radius:26px;padding:0 2rem;font-size:.95rem;font-weight:600}.convert-another-btn:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.tool-usage-tips{background:#ffffff03;border:1px solid #ffffff0a;border-radius:14px;padding:1.5rem}.tips-headline{color:var(--text-primary);align-items:center;gap:.6rem;margin-bottom:.85rem;font-size:1rem;font-weight:700;display:flex}.tips-icon{color:#eab308;filter:drop-shadow(0 0 4px #eab3084d)}.tips-list{flex-direction:column;gap:.6rem;padding-left:1.25rem;display:flex}.tips-list li{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.dashboard-container{background-color:var(--bg-primary);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.dashboard-sidebar{border-right:1px solid var(--glass-border);z-index:950;-webkit-backdrop-filter:blur(20px);background:#0a0a0ccc;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #00000040}.dashboard-main{flex-direction:column;flex:1;width:calc(100% - 280px);min-height:100vh;margin-left:280px;display:flex}.dashboard-content{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem 4rem;display:flex}.tab-pane-content{flex-direction:column;align-items:center;width:100%;animation:.4s fadeIn;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff08;align-items:center;gap:.75rem;padding:2rem 1.75rem;display:flex}.brand-logo{background:var(--accent-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #f43f5e40}.brand-logo-icon{animation:8s linear infinite rotateGlow}.brand-name{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:.35rem;font-size:1.15rem;font-weight:800;display:flex}.brand-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:6px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff0d transparent;flex-direction:column;flex:1;gap:.35rem;padding:1rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.sidebar-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;opacity:.6;padding:.5rem 1.25rem .25rem;font-size:.7rem;font-weight:800}.nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item-icon{flex-shrink:0;transition:transform .25s}.nav-item-text{flex:1}.nav-item:hover{color:var(--text-primary);background:#ffffff05;transform:translate(2px)}.nav-item:hover .nav-item-icon{transform:scale(1.08)}.nav-item.active{color:var(--text-primary);background:#ffffff08;box-shadow:inset 1px 0 #ffffff0d}.nav-item.active:before{content:"";background:var(--accent-gradient);border-radius:0 4px 4px 0;width:3px;height:50%;position:absolute;top:25%;left:0;box-shadow:0 0 10px #f43f5e99}.nav-item.active .twitter-icon{color:#1da1f2;filter:drop-shadow(0 0 4px #1da1f24d)}.nav-item.active .youtube-downloader-icon,.nav-item.active .youtube-shorts-icon{color:red;filter:drop-shadow(0 0 4px #ff00004d)}.nav-item.active .shorts-creator-icon{color:#f43f5e;filter:drop-shadow(0 0 4px #f43f5e4d)}.nav-item.active .converter-icon{color:var(--primary);filter:drop-shadow(0 0 4px #f43f5e4d)}.nav-item.active .compressor-icon{color:var(--secondary);filter:drop-shadow(0 0 4px #3b82f64d)}.nav-item.active .extractor-icon{color:#a855f7;filter:drop-shadow(0 0 4px #a855f74d)}.nav-item.active .crop-icon{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b4d)}.nav-item.active .speed-icon{color:#10b981;filter:drop-shadow(0 0 4px #10b9814d)}.nav-item.active .merger-icon{color:#ec4899;filter:drop-shadow(0 0 4px #ec48994d)}.nav-item.active .qr-icon{color:#06b6d4;filter:drop-shadow(0 0 4px #06b6d44d)}.nav-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,red 0%,#f43f5e 100%);border-radius:5px;padding:.1rem .35rem;font-size:.55rem;font-weight:800;box-shadow:0 2px 6px #f43f5e4d}.sidebar-footer{border-top:1px solid #ffffff08;padding:1.5rem}.sidebar-footer-info{background:#ffffff04;border:1px solid #ffffff08;border-radius:12px;padding:1rem}.footer-title{color:var(--text-primary);font-size:.8rem;font-weight:700}.footer-status{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem;font-weight:600}.downloader-wrapper{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:768px;margin:2rem auto 4rem;animation:.6s fadeIn;display:flex}.mobile-sidebar-toggle{background:var(--accent-gradient);color:#fff;z-index:1010;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:none;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 15px #f43f5e66}.mobile-sidebar-toggle:active{transform:scale(.95)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:900;background:#0009;width:100vw;height:100vh;animation:.25s fadeIn;position:fixed;top:0;left:0}@media (width<=960px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{width:100%;margin-left:0}.mobile-sidebar-toggle{display:flex}}@media (width<=768px){.dashboard-content{padding:1.5rem 1.25rem 3rem}.downloader-wrapper{margin:1.5rem auto 3rem}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}