.ripple{position:absolute;border-radius:50%;background-color:#fff9;transform:scale(0);animation:ripple-animation .4s linear;pointer-events:none;z-index:0}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}:root{--expire-modal-overlay-bg: rgba(0, 0, 0, .5);--expire-modal-bg: #ffffff;--expire-modal-shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--expire-modal-radius: 12px;--expire-modal-padding: 24px;--expire-modal-z-index: 10000;--expire-modal-warning-color: #ffc107;--expire-modal-primary-color: #ff9800;--expire-modal-primary-hover: #f57c00}.expire-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--expire-modal-overlay-bg);z-index:var(--expire-modal-z-index);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden}.expire-modal-overlay.visible{opacity:1;visibility:visible;transition:opacity .2s ease-out}.expire-modal{background-color:var(--expire-modal-bg);border-radius:var(--expire-modal-radius);box-shadow:var(--expire-modal-shadow);padding:var(--expire-modal-padding);width:90%;max-width:420px;text-align:left;transform:scale(1)}.expire-modal-overlay.visible .expire-modal{transform:scale(1);transition:transform .2s ease-out}.expire-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:12px}.expire-modal-title{font-size:1.25rem;font-weight:600;color:#333}.expire-modal-close-btn{background:none;border:none;font-size:1.8rem;font-weight:300;line-height:1;color:#555;cursor:pointer;padding:0 4px;transition:color .2s ease}.expire-modal-close-btn:hover{color:#000}.expire-modal-body{margin-bottom:24px;font-size:1.1rem;color:#555;line-height:1.6;display:flex;align-items:center;gap:15px}.expire-modal-icon{font-size:2.5rem;color:var(--expire-modal-warning-color);flex-shrink:0}.expire-modal-footer{display:flex;justify-content:center;gap:12px}.expire-modal-btn{border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.expire-modal-btn-primary{background-color:var(--expire-modal-primary-color);color:#fff}.expire-modal-btn-primary:hover{background-color:var(--expire-modal-primary-hover)}.expire-modal-btn-secondary{background-color:transparent;color:var(--expire-modal-primary-color);border:1px solid var(--expire-modal-primary-color)}.expire-modal-btn-secondary:hover{background-color:var(--expire-modal-primary-color);color:#fff}@media(max-width:480px){.expire-modal-title{font-size:1.1rem}.expire-modal-footer{flex-direction:column-reverse;width:100%;align-items:center}.expire-modal-btn{width:fit-content}}:root{--skeleton-color-dark: #e0e0e0;--skeleton-color-light: #f0f0f0;--skeleton-duration: 1.5s;--skeleton-easing: linear;--skeleton-radius-sm: 4px;--skeleton-radius-md: 6px;--skeleton-radius-lg: 8px;--skeleton-radius-xl: 20px;--skeleton-radius-full: 50%}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--skeleton-radius-sm);display:block;line-height:1;width:100%;animation:shimmer 1.5s linear infinite;position:relative;overflow:hidden;will-change:background-position}.skeleton-text{height:.75em;margin:.4em 0;border-radius:var(--skeleton-radius-sm);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-text{height:.8125em}}@media(min-width:840px){.skeleton-text{height:.875em}}@media(min-width:1920px){.skeleton-text{height:.9375em}}@media(min-width:2560px){.skeleton-text{height:1em}}.skeleton-text--short{width:40%}.skeleton-text--medium{width:60%}.skeleton-text--long{width:85%}.skeleton-text--full{width:100%}@media(max-width:599px){.skeleton-text--desktop-only{display:none}}.skeleton-title{height:14px;margin:.5em 0;border-radius:var(--skeleton-radius-md);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-title{height:16px}}@media(min-width:840px){.skeleton-title{height:18px}}.skeleton-subtitle{height:1em;width:70%;margin:.5em 0;border-radius:var(--skeleton-radius-sm);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-thumbnail{width:100%;height:100%;border-radius:var(--skeleton-radius-lg);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-img{width:100%;aspect-ratio:16 / 9;border-radius:var(--skeleton-radius-lg);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}.skeleton-button{width:80px;height:36px;border-radius:var(--skeleton-radius-xl);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position}@media(min-width:351px){.skeleton-button{width:90px;height:38px}}@media(min-width:840px){.skeleton-button{width:100px;height:40px}}@media(min-width:1920px){.skeleton-button{width:110px;height:44px}}@media(min-width:2560px){.skeleton-button{width:120px;height:48px}}.skeleton-avatar{width:32px;height:32px;border-radius:var(--skeleton-radius-full);background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;will-change:background-position;flex-shrink:0}@media(min-width:351px){.skeleton-avatar{width:36px;height:36px}}@media(min-width:840px){.skeleton-avatar{width:40px;height:40px}}@media(min-width:1240px){.skeleton-avatar{width:48px;height:48px}}@media(min-width:1920px){.skeleton-avatar{width:52px;height:52px}}@media(min-width:2560px){.skeleton-avatar{width:56px;height:56px}}.skeleton,.skeleton *,.skeleton-text,.skeleton-title,.skeleton-subtitle,.skeleton-thumbnail,.skeleton-img,.skeleton-button,.skeleton-avatar{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.skeleton:hover,.skeleton-button:hover,.skeleton-avatar:hover{transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.skeleton,.skeleton-text,.skeleton-title,.skeleton-subtitle,.skeleton-thumbnail,.skeleton-img,.skeleton-button,.skeleton-avatar{animation:none;background:#c7c7c7}}.skeleton-container{width:100%;padding:1rem}.skeleton-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-group--inline{flex-direction:row;align-items:center}.skeleton-card{border:1px solid #f0f0f0;border-radius:var(--skeleton-radius-lg);background:#fff}.skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid #f0f0f0}.yt-preview-card.skeleton .yt-preview-thumbnail{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite}.yt-preview-card.skeleton .skeleton-line{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite;border-radius:36px}.yt-preview-card.skeleton .skeleton-line.skeleton-title{width:80%;padding:0!important;margin:0!important}.yt-preview-card.skeleton .yt-preview-format{width:100%}.yt-preview-card.skeleton .skeleton-line.skeleton-audio-track{width:35%;height:var(--skeleton-audio-track-height, 20px);padding:0!important;margin:0!important}.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:20%;padding:0!important;margin:0!important}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:600px){.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:50%}}@media(max-width:400px){.yt-preview-card.skeleton .skeleton-line.skeleton-author{height:16px}}#search-results-section{width:100%;padding-top:0!important;padding-bottom:40px!important;min-height:0}@media(min-width:600px){.search-results-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px}}@media(min-width:840px){.search-results-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px;margin:0 auto}}.search-results{width:100%}.search-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.search-result-card{background:var(--pkg-search-results-card-bg);border-radius:var(--pkg-search-results-card-radius);border:none;overflow:hidden;cursor:pointer;transition:transform var(--pkg-search-results-transition-duration) var(--pkg-search-results-transition-easing)}.card-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#e0e0e0;overflow:hidden}.card-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.duration-badge{position:absolute;bottom:var(--pkg-space-2);right:var(--pkg-space-2);background:var(--pkg-search-results-duration-bg);color:var(--pkg-search-results-duration-color);padding:2px var(--pkg-space-2);border-radius:var(--pkg-radius-xs);font-size:var(--pkg-label-small-size);font-weight:var(--pkg-label-small-weight);line-height:var(--pkg-label-small-line-height);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card-content{margin:10px}.card-title{font-size:14px;font-weight:500;color:var(--pkg-search-results-title-color);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-channel{display:none}.card-metadata{align-items:center;flex-wrap:nowrap;gap:var(--pkg-space-1);font-size:.75rem;font-weight:500;color:#666;line-height:1.5;text-align:left;overflow:hidden;white-space:nowrap}.card-metadata span{white-space:nowrap;flex-shrink:0}.search-result-card:hover,.search-result-card:active{transform:none}.infinite-scroll-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pkg-space-8) 0;gap:var(--pkg-space-3)}.loader-spinner{width:32px;height:32px;border:3px solid var(--pkg-color-surface-container);border-top-color:var(--pkg-color-primary);border-radius:var(--pkg-radius-full);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loader-text{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-on-surface-variant);font-weight:var(--pkg-body-medium-weight)}.infinite-scroll-sentinel{height:1px;width:100%;visibility:hidden;pointer-events:none}.end-of-results{display:flex;justify-content:center;align-items:center;padding:var(--pkg-space-8) 0;width:100%}.end-message{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-on-surface-variant);font-weight:var(--pkg-body-medium-weight);text-align:center;margin:0}.load-more-error{display:flex;flex-direction:column;align-items:center;gap:var(--pkg-space-4);padding:var(--pkg-space-8) 0}.error-message{font-size:var(--pkg-body-medium-size);color:var(--pkg-color-error);text-align:center;margin:0}.btn-retry{background:var(--pkg-search-results-retry-bg);color:var(--pkg-search-results-retry-color);border:none;border-radius:var(--pkg-radius-sm);padding:var(--pkg-space-2) var(--pkg-space-5);font-size:var(--pkg-label-large-size);font-weight:var(--pkg-label-large-weight);cursor:pointer;transition:all var(--pkg-duration-short3) var(--pkg-easing-standard)}.btn-retry:hover{background:var(--pkg-search-results-retry-hover-bg);transform:translateY(-1px);box-shadow:var(--pkg-elevation-1)}.btn-retry:active{transform:translateY(0)}.search-result-card.skeleton-card{pointer-events:none;cursor:default}.skeleton-card{border:none}.skeleton-card .card-channel,.skeleton-card .card-metadata{color:transparent}.skeleton-card .skeleton-thumbnail,.skeleton-card .skeleton-line,.skeleton-card .skeleton-segment{background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.card-thumbnail .skeleton-thumbnail{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:0;aspect-ratio:16 / 9}.skeleton-title{display:flex;flex-direction:column;gap:4px;height:fit-content;text-align:left;padding:1px 0}.skeleton-title .skeleton-line{display:block}.skeleton-channel{display:block;margin:0;text-align:left;padding:1px 0}.skeleton-channel .skeleton-line{display:block}.skeleton-line{display:block;height:1em;height:13px;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--pkg-radius-xs);margin-bottom:6px;color:transparent}.skeleton-line:last-child{margin-bottom:0}.skeleton-line--long{width:90%}.skeleton-line--medium{width:70%}.skeleton-line--short{width:60%}.skeleton-metadata{display:none;flex-wrap:wrap;gap:var(--pkg-space-1);align-items:center;text-align:left;padding:1px 0}.skeleton-segment{height:.75em;width:50px;background:linear-gradient(90deg,var(--skeleton-base, #d7d7d7) 25%,var(--skeleton-shimmer, #c7c7c7) 50%,var(--skeleton-base, #d7d7d7) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--pkg-radius-xs)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.content-empty{padding:var(--pkg-space-12) var(--pkg-space-6);text-align:center;color:var(--pkg-color-on-surface-variant)}.empty-icon{font-size:3rem;margin-bottom:var(--pkg-space-4);opacity:.5}.empty-text{font-size:var(--pkg-title-medium-size);margin:0;color:var(--pkg-color-on-surface-variant)}@media(prefers-reduced-motion:reduce){.search-result-card{transition:none}.skeleton-thumbnail,.skeleton-line,.skeleton-segment{animation:none}.loader-spinner{animation:none;border-top-color:var(--pkg-color-primary)}}@media(min-width:0px)and (max-width:350px){.suggestion-container{font-size:14px!important;max-height:200px!important;max-width:150px;border-radius:var(--pkg-radius-sm)}.suggestion-item{padding:6px var(--pkg-space-3);font-size:14px!important}}@media(min-width:351px)and (max-width:599px){.suggestion-container{font-size:14px!important;max-height:280px!important;max-width:200px;border-radius:var(--pkg-radius-md)}.suggestion-item{padding:6px var(--pkg-space-4);font-size:14px!important}}@media(min-width:600px)and (max-width:839px){.suggestion-container{font-size:14px!important;max-height:320px;box-shadow:var(--pkg-elevation-2)}.suggestion-item{padding:6px var(--pkg-space-5);font-size:14px!important}}@media(min-width:840px)and (max-width:1239px){.suggestion-container{max-height:360px;box-shadow:var(--pkg-elevation-3)}.suggestion-item{padding:8px var(--pkg-space-5);transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}@media(min-width:1240px)and (max-width:1919px){.suggestion-item{padding:8px var(--pkg-space-6);font-size:14px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}.suggestion-container{max-height:400px}}@media(min-width:1920px)and (max-width:2559px){.suggestion-container{font-size:var(--pkg-body-large-size);max-height:450px;border-radius:var(--pkg-radius-lg)}.suggestion-item{padding:10px var(--pkg-space-6);font-size:15px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}@media(min-width:2560px){.suggestion-container{font-size:var(--pkg-title-medium-size);max-height:500px;border-radius:var(--pkg-radius-lg)}.suggestion-item{padding:12px var(--pkg-space-7);font-size:16px;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard)}.suggestion-item:hover{background-color:var(--pkg-suggestions-hover-bg);cursor:pointer}}.suggestion-container{position:absolute;top:var(--pkg-suggestions-offset-top);left:0;right:0;z-index:var(--pkg-suggestions-z-index);display:none;background-color:var(--pkg-suggestions-bg);border-radius:var(--pkg-suggestions-radius);overflow:hidden;box-shadow:var(--pkg-suggestions-shadow);opacity:0;transform:translateY(-8px);transition:opacity var(--pkg-suggestions-duration) var(--pkg-suggestions-easing),transform var(--pkg-suggestions-duration) var(--pkg-suggestions-easing);contain:layout style paint;will-change:opacity,transform;color:var(--pkg-suggestions-text-color);font-family:var(--pkg-body-medium-font);font-weight:var(--pkg-body-medium-weight);line-height:var(--pkg-body-medium-line-height)}#suggestion-container.suggestion-container--visible{display:block;opacity:1;transform:translateY(0);background-color:var(--pkg-suggestions-bg);top:105px;overflow:hidden}.suggestion-list{list-style:none;margin:0;padding:0;max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.suggestion-list::-webkit-scrollbar{width:8px}.suggestion-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:var(--pkg-radius-sm)}.suggestion-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:var(--pkg-radius-sm)}.suggestion-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.suggestion-item{color:var(--pkg-suggestions-text-color);background-color:var(--pkg-suggestions-bg);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transition:background-color var(--pkg-duration-short1) var(--pkg-easing-standard);font-family:inherit;font-size:inherit;font-weight:400;line-height:1.5}.suggestion-item:last-child{border-bottom:none}.suggestion-item--highlighted{background-color:var(--pkg-suggestions-highlight-bg)!important;color:var(--pkg-suggestions-highlight-color)!important}.suggestion-item--original{background-color:color-mix(in srgb,var(--pkg-color-primary-container) 20%,transparent)}@media(prefers-reduced-motion:reduce){.suggestion-container{transition:none;transform:none}.suggestion-item{transition:none}}@media(prefers-contrast:high){.suggestion-container{border-width:2px;border-color:var(--pkg-color-outline)}.suggestion-item--highlighted{outline-width:3px}}@media print{.suggestion-container{display:none!important}}@media(pointer:coarse){.suggestion-item{min-height:var(--pkg-space-10);display:flex;align-items:center}}.maintenance-popup-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;transition:opacity .25s ease;padding:20px}.maintenance-popup-overlay.is-visible{opacity:1}.maintenance-popup-box{background:#fff;border-radius:18px;padding:24px 24px 20px;max-width:380px;width:min(92%,380px);text-align:center;color:#0f172a;transform:scale(.96);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.maintenance-popup-box.is-visible{transform:scale(1)}.maintenance-popup-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-align:left}.maintenance-popup-header-icon{flex-shrink:0}.maintenance-popup-header-copy{text-align:left}.maintenance-popup-label{margin-bottom:2px;font-size:.68rem;font-weight:700;color:#c2410c;text-transform:uppercase;letter-spacing:.6px}.maintenance-popup-subtitle{margin:0;font-size:.92rem;color:#475569;line-height:1.4}.maintenance-popup-countdown{color:#f97316;font-variant-numeric:tabular-nums}.maintenance-popup-cta-card{background:linear-gradient(135deg,#fff9f0,#fff4e6);border:1.5px solid #fed7aa;border-radius:14px;padding:18px 16px 16px;margin-bottom:14px}.maintenance-popup-cta-title{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;font-size:.78rem;font-weight:800;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.maintenance-popup-cta-description{margin:0 0 14px;color:#78350f;font-size:.88rem;line-height:1.5}.maintenance-popup-cta-button,.maintenance-popup-primary-button,.maintenance-popup-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ff5e5b;color:#fff;border:none;border-radius:10px;padding:11px 22px;font-size:.92rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease}.maintenance-popup-cta-button:hover,.maintenance-popup-primary-button:hover,.maintenance-popup-secondary-button:hover{transform:translateY(-1px)}.maintenance-popup-cta-button img{border-radius:4px;object-fit:contain}.maintenance-popup-link-button{background:none;border:none;color:#94a3b8;font-size:.82rem;cursor:pointer;padding:2px 8px;transition:color .15s ease}.maintenance-popup-link-button:hover{color:#64748b}.maintenance-popup-actions{display:flex;flex-direction:column;gap:10px}.maintenance-popup-actions .maintenance-popup-cta-button,.maintenance-popup-actions .maintenance-popup-secondary-button{width:100%}.maintenance-popup-secondary-button{background:#fff;color:#c2410c;border:1px solid #fdba74}.maintenance-popup-box:has(.maintenance-popup-hero-icon){max-width:440px;width:min(92%,440px);padding:34px 30px 26px}.maintenance-popup-hero-icon{margin:0 auto 18px;width:84px;height:84px;border-radius:22px;background:linear-gradient(135deg,#f0f7ff,#f8fbff);display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.maintenance-popup-badge{display:inline-block;background:#eef2ff;color:#4338ca;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:999px;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.maintenance-popup-title{margin:0 0 10px;font-size:1.4rem;color:#0f172a;font-weight:700}.maintenance-popup-description{margin:0 0 22px;color:#475569;font-size:.96rem;line-height:1.6}.maintenance-popup-primary-button{background:#2563eb;padding:12px 34px;font-size:.95rem}@media(max-width:480px){.maintenance-popup-overlay{padding:16px}.maintenance-popup-box{width:100%;padding:22px 18px 18px}.maintenance-popup-box:has(.maintenance-popup-hero-icon){padding:28px 20px 22px}}#suggestion-container.suggestion-container--visible{top:60px!important}@media(min-width:768px){#suggestion-container.suggestion-container--visible{top:65px!important}}.suggestion-container{background-color:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:0 4px 12px #00000026!important;border-radius:16px!important;overflow:hidden!important}.suggestion-item{background-color:var(--bg-card)!important;color:var(--text-body)!important;border-bottom:1px solid var(--border-subtle)!important;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none!important}.suggestion-item:hover,.suggestion-item.active,.suggestion-item:focus,.suggestion-item.suggestion-item--highlighted{background-color:var(--accent-fill-soft)!important;color:var(--brand)!important}.suggestion-item strong{color:var(--brand)!important}.search-result-card{background:var(--bg-card)!important;border:none!important}.search-result-card .card-title{color:var(--text-heading)!important}.search-result-card .meta-info{color:var(--text-secondary)!important}.skeleton-card{background-color:var(--bg-card)!important}:root{--brand: #4C5B29;--brand-hover: #3F4C22;--text: #2F2F2F;--muted: #5C5C5C;--surface-weak: #EBE7E0;--radius-xl: 36px;--container-width: 1100px;--container-padding-sm: 12px;--container-padding-tablet: 22px;--transition-normal: .2s ease;--primary-color: var(--brand);--primary-color-hover: var(--brand-hover);--color-primary: var(--primary-color);--background-hero-section: #4C5B29;--hero-section-bg: #4C5B29;--secondary-color: var(--bg-card);--color-black: #2F2F2F;--color-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #F3F1ED;--text-primary: #3A3A3A;--hero-title-color: #2F2F2F;--bg-badge: #EBE7E0;--meta-badge-bg: rgba(76, 91, 41, .12);--meta-badge-color: #4c5b29f5;--text-main: var(--text);--text-muted: var(--muted);--color-text-muted: #9B9B9B;--color-text-soft: #9B9B9B;--color-input-placeholder: #9B9B9B;--color-text-disabled: #9B9B9B;--color-control-placeholder: var(--color-text-disabled);--text-accent: var(--brand);--border-glass: 1px solid #E3E0DA;--border-secondary: #E3E0DA;--color-accent: var(--brand);--color-accent-hover: var(--brand-hover);--color-accent-soft-05: rgba(76, 91, 41, .05);--color-accent-soft-08: rgba(76, 91, 41, .08);--color-accent-soft-10: rgba(76, 91, 41, .1);--color-accent-soft-12: rgba(76, 91, 41, .12);--color-accent-dark: rgba(76, 91, 41, .12);--color-status-error: #e74c3c;--video-input-active-border: var(--color-primary);--radius-small: 8px;--radius-md: 12px;--radius-lg: 16px;--font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bg-page: #E9E4D6;--bg-404-page: #fff;--bg-card: #FFFFFF;--yt-preview-card-bg: rgba(76, 91, 41, .08);--bg-surface-soft: #EBE7E0;--bg-hover: #EFECE7;--text-heading: #2F2F2F;--text-body: #3A3A3A;--text-secondary: #5C5C5C;--text-placeholder: #9B9B9B;--theme-toggle-border: rgba(255, 255, 255, .3);--theme-toggle-bg: transparent;--theme-toggle-color: var(--color-white);--status-container-bg: #ECF0E5;--status-container-border: rgba(76, 91, 41, .25);--status-text-color: var(--brand-hover);--status-progress-bg: #DBE3CE;--spinner-border-color: #BFCCA6;--spinner-top-color: var(--brand);--header-control-color: var(--color-white);--header-control-border: rgba(255, 255, 255, .3);--border-default: #E3E0DA;--color-border: #DCD7CF;--border-input: var(--color-border);--border-subtle: #ECE9E4;--link-visited: #888888;--accent-fill-soft: rgba(76, 91, 41, .08);--accent-fill-strong: rgba(76, 91, 41, .16);--multi-list-playlist-tabs-bg: #EFECE7;--multi-list-selection-accent: var(--brand);--multi-list-extracting-glow-color: rgba(76, 91, 41, .38);--multi-list-group-action-bg: var(--accent-fill-soft);--multi-list-group-action-text: var(--brand);--multi-list-group-action-hover-bg: var(--accent-fill-strong);--multi-list-group-action-hover-text: var(--brand);--multi-list-group-action-active-bg: var(--accent-fill-strong);--multi-list-group-action-active-text: var(--brand);--multi-list-group-action-disabled-bg: var(--accent-fill-soft);--multi-list-group-action-disabled-text: var(--brand);--multi-list-group-action-disabled-opacity: .6;--color-tooltip-bg: var(--text-heading);--color-tooltip-text: #ffffff;--color-tooltip-border: transparent;--color-tooltip-arrow: var(--text-heading);--input-border-glow-rgb: 76, 91, 41;--input-glow-radial-rgb: 76, 91, 41;--input-caret-color: var(--text-body);--status-ready-bg: rgba(76, 91, 41, .08);--status-ready-color: #4C5B29;--status-success-bg: #dcfce7;--status-success-color: #166534;--status-error-bg: #fee2e2;--status-error-color: #b91c1c;--status-pending-bg: #EFECE7;--status-pending-color: #5C5C5C;--status-analyzing-bg: rgba(76, 91, 41, .08);--status-analyzing-color: #4C5B29;--status-converting-bg: rgba(76, 91, 41, .08);--status-converting-color: #4C5B29;--color-next-btn-bg: var(--bg-card);--color-next-btn-text: var(--text-main);--color-next-btn-border: var(--border-secondary);--color-next-btn-hover-bg: #EFECE7;--color-next-btn-hover-border: #DCD7CF;--main-content-bg: #ffffff;--main-content-shadow: 0 1px 3px rgba(0, 0, 0, .06);--main-content-text: var(--text-body);--main-content-heading: var(--text-heading);--main-content-link: var(--brand);--main-content-link-hover: var(--brand-hover);--main-content-font-family: var(--font-display);--main-content-line-height: 1.65;--main-content-radius: 8px;--main-content-margin-inline: 12px;--main-content-max-width-sm: 600px;--main-content-max-width-md: 700px;--main-content-max-width-lg: 800px;--main-content-max-width-xl: 900px;--main-content-max-width-2xl: 1000px;--main-content-max-width-3xl: 1200px;--container-max-width-3xl: 1200px;--padding-card: 12px;--hero-feature-link-text: #3A3A3A;--hero-feature-link-text-hover: #2F2F2F;--hero-feature-links-bg: #ffffff;--hero-feature-link-desktop-bg: #ffffff;--hero-feature-links-icon: var(--primary-color);--hero-feature-links-divider: var(--border-default);--header-license-button-bg: #ffffff;--header-license-button-text: #000000;--header-license-button-icon: #000000;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-border: #f59e0b;--color-warning-text: #92400e;--color-warning-strong: #92400e;--processing-bg: linear-gradient(90deg, var(--color-accent-soft-10) 0%, var(--color-accent-soft-12) 100%);--logo-text-color: #ffffff;--brand-light: var(--brand);--brand-light-hover: var(--brand-hover);--license-status-bg: #ecfdf5;--license-status-color: #16a34a;--license-status-border: rgba(22, 163, 74, .15);--license-status-indicator: #22c55e;--license-active-bg: var(--header-license-button-bg);--license-active-text: var(--header-license-button-text);--license-active-hover-bg: var(--license-hover-bg);--license-active-hover-text: var(--header-license-button-text);--license-hover-bg: color-mix(in srgb, var(--header-license-button-bg) 86%, #000);--popup-warning-bg: #fff9c4;--popup-warning-icon: #fbc02d;--popup-warning-btn-bg: #ffca28;--popup-warning-btn-text: #332100;--popup-warning-btn-hover: #ffb300;--popup-info-bg: #e3f2fd;--popup-info-color: #1976d2;--popup-error-bg: #ffebee;--popup-error-color: #d32f2f;--player-bg: #000;--slider-track-bg: #EBE7E0;--color-form-error: #dc3545;--color-skeleton-dark: #E3E0DA;--color-skeleton-light: #EFECE7;--copyright-checkbox-bg: rgba(76, 91, 41, .05);--copyright-checkbox-bg-hover: rgba(76, 91, 41, .08);--copyright-checkbox-border: rgba(76, 91, 41, .15);--copyright-checkbox-border-hover: rgba(76, 91, 41, .3);--copyright-checkbox-text: var(--text-secondary);--copyright-checkbox-link: var(--brand);--copyright-checkbox-accent: var(--brand)}@media(min-width:768px){:root{--padding-card: 16px}}@media(min-width:840px){:root{--padding-card: 20px}}@media(min-width:1240px){:root{--padding-card: 24px}}@media(min-width:1920px){:root{--padding-card: 28px}}@media(min-width:2560px){:root{--padding-card: 32px}}:root[data-theme=dark]{--color-accent-soft-05: rgba(76, 91, 41, .1);--color-accent-soft-08: rgba(76, 91, 41, .08);--color-accent-soft-10: rgba(76, 91, 41, .1);--color-accent-soft-12: rgba(76, 91, 41, .12);--color-accent-dark: rgba(76, 91, 41, .2);--background-hero-section: var(--bg-secondary);--hero-section-bg: var(--bg-secondary);--bg-page: #262624;--bg-404-page: var(--bg-page);--bg-card: #30302E;--yt-preview-card-bg: rgb(66 66 66);--bg-primary: #1F1F1E;--bg-secondary: #262624;--bg-surface-soft: #383836;--bg-hover: #383836;--surface-weak: rgba(76, 91, 41, .1);--text-heading: #E8E6E3;--text-body: #D6D4CF;--text-secondary: #C9C7C2;--text: #D6D4CF;--text-main: #D6D4CF;--text-muted: #C9C7C2;--color-text-muted: #C9C7C2;--color-text-soft: #C9C7C2;--color-input-placeholder: rgba(255, 255, 255, .56);--color-text-disabled: rgba(255, 255, 255, .56);--color-control-placeholder: var(--color-text-disabled);--text-placeholder: #8A8884;--text-primary: #E8E6E3;--hero-title-color: var(--text-heading);--muted: #C9C7C2;--theme-toggle-border: #4A4A48;--theme-toggle-bg: transparent;--theme-toggle-color: var(--text);--status-container-bg: rgba(233, 228, 214, .08);--status-container-border: rgba(233, 228, 214, .3);--status-text-color: #E9E4D6;--status-progress-bg: rgba(233, 228, 214, .12);--spinner-border-color: rgba(233, 228, 214, .25);--spinner-top-color: #E9E4D6;--header-control-color: var(--text);--header-control-border: var(--theme-toggle-border);--border-default: #4A4A48;--color-border: #555553;--border-input: var(--color-border);--border-subtle: #3A3A38;--border-secondary: #4A4A48;--border-glass: 1px solid #4A4A48;--video-input-active-border: var(--color-primary);--link-visited: var(--brand);--accent-fill-soft: rgba(76, 91, 41, .12);--accent-fill-strong: rgba(76, 91, 41, .2);--multi-list-playlist-tabs-bg: var(--border-subtle);--multi-list-selection-accent: var(--brand);--multi-list-extracting-glow-color: rgba(76, 91, 41, .38);--multi-list-group-action-bg: color-mix(in srgb, var(--primary-color) 34%, transparent);--multi-list-group-action-text: var(--primary-color);--multi-list-group-action-hover-bg: var(--primary-color);--multi-list-group-action-hover-text: var(--text-heading);--multi-list-group-action-active-bg: color-mix(in srgb, var(--primary-color) 42%, transparent);--multi-list-group-action-active-text: var(--primary-color);--multi-list-group-action-disabled-bg: var(--accent-fill-soft);--multi-list-group-action-disabled-text: var(--brand);--multi-list-group-action-disabled-opacity: 1;--color-tooltip-bg: #2a2a2c;--color-tooltip-text: #ffffff;--color-tooltip-border: rgba(255, 255, 255, .08);--color-tooltip-arrow: #2a2a2c;--meta-badge-bg: #14141394;--meta-badge-color: #d6d4cf;--input-border-glow-rgb: 76, 91, 41;--input-glow-radial-rgb: 76, 91, 41;--input-caret-color: #ffffff;--status-ready-bg: rgba(76, 91, 41, .12);--status-ready-color: #8AAD4E;--status-success-bg: rgba(16, 185, 129, .15);--status-success-color: #10B981;--status-error-bg: rgba(231, 76, 60, .15);--status-error-color: #E74C3C;--status-pending-bg: #383836;--status-pending-color: #C9C7C2;--status-analyzing-bg: rgba(76, 91, 41, .1);--status-analyzing-color: #8AAD4E;--status-converting-bg: rgba(76, 91, 41, .1);--status-converting-color: #4C5B29;--color-next-btn-bg: var(--bg-card);--color-next-btn-text: var(--text-main);--color-next-btn-border: var(--border-secondary);--color-next-btn-hover-bg: #3f3f3d;--color-next-btn-hover-border: #6a6a66;--color-status-error: #E74C3C;--main-content-bg: var(--bg-card);--main-content-shadow: none;--main-content-text: var(--text-body);--main-content-heading: var(--text-heading);--main-content-link: var(--brand);--main-content-link-hover: var(--brand-hover);--hero-feature-link-text: rgba(255, 255, 255, .72);--hero-feature-link-text-hover: rgba(255, 255, 255, .92);--hero-feature-links-bg: transparent;--hero-feature-link-desktop-bg: #2d2d2d;--hero-feature-links-icon: #ffffff;--hero-feature-links-divider: #ffffff;--header-license-button-bg: #ffffff;--header-license-button-text: #000000;--header-license-button-icon: #000000;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .5);--color-warning-text: #f59e0b;--color-warning-strong: #fbbf24;--processing-bg: linear-gradient(90deg, rgba(76, 91, 41, .18) 0%, rgba(76, 91, 41, .24) 100%);--logo-text-color: #4C5B29;--brand-light: #99B85E;--brand-light-hover: #B0CC7A;--license-status-bg: color-mix(in srgb, var(--status-success-color) 12%, transparent);--license-status-color: #4ade80;--license-status-border: color-mix(in srgb, var(--status-success-color) 15%, transparent);--license-status-indicator: #22c55e;--license-active-bg: var(--header-license-button-bg);--license-active-text: var(--header-license-button-text);--license-active-hover-bg: var(--license-hover-bg);--license-active-hover-text: var(--header-license-button-text);--license-hover-bg: color-mix(in srgb, var(--header-license-button-bg) 86%, #000);--popup-warning-bg: rgba(245, 158, 11, .15);--popup-warning-icon: #fbbf24;--popup-warning-btn-bg: #ffca28;--popup-warning-btn-text: #ffffff;--popup-warning-btn-hover: #ffb300;--popup-info-bg: rgba(59, 130, 246, .12);--popup-info-color: #60a5fa;--popup-error-bg: rgba(231, 76, 60, .15);--popup-error-color: #E74C3C;--player-bg: #000;--slider-track-bg: #383836;--color-form-error: #E74C3C;--color-skeleton-dark: rgba(255, 255, 255, .1);--color-skeleton-light: rgba(255, 255, 255, .05);--copyright-checkbox-bg: rgba(76, 91, 41, .1);--copyright-checkbox-bg-hover: rgba(76, 91, 41, .16);--copyright-checkbox-border: rgba(76, 91, 41, .25);--copyright-checkbox-border-hover: rgba(76, 91, 41, .45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-display);color:var(--text-body);background:var(--bg-page);line-height:1;text-rendering:optimizeSpeed;min-height:100vh}p{font-size:16px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:100%;margin:0 auto;padding-left:12px;padding-right:12px;box-sizing:border-box}.max-w-5xl{max-width:1024px}.bg-tech-grid{background-color:var(--bg-card, #fff);background-image:linear-gradient(rgba(46,145,124,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(46,145,124,.03) 1px,transparent 1px);background-size:40px 40px}.container{width:100%;max-width:100%;margin:0 auto;padding-right:0px 12px;box-sizing:border-box}@media(min-width:351px){.container{max-width:600px!important}}@media(min-width:600px){.container{max-width:700px!important}}@media(min-width:840px){.container{max-width:800px!important}}@media(min-width:1240px){.container{max-width:900px!important}}@media(min-width:1920px){.container{max-width:1000px!important}}@media(min-width:2560px){.container{max-width:var(--container-max-width-3xl)!important}}.site-header{position:relative;z-index:210;background:var(--background-hero-section);padding:5px 0;display:flex;justify-content:center}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}.header-logo{display:inline-flex;align-items:center;gap:8px;color:var(--header-control-color);text-decoration:none;font-weight:700;font-size:18px}.header-logo-icon{display:block;width:60px;height:auto;flex-shrink:0}.header-logo-text,.drawer-logo-text{font-family:Fredoka SemiCondensed,sans-serif;letter-spacing:1px}.header-logo-text{font-size:40px;color:var(--logo-text-color)}@media(min-width:768px){.header-logo-text{font-size:48px}}.header-nav{display:flex;align-items:center;gap:18px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);border-radius:50%;cursor:pointer;color:var(--theme-toggle-color);transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0;margin-left:10px}.theme-toggle-btn:hover{background:var(--bg-hover)}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-toggle-icon{display:block;width:18px;height:18px}.icon-moon,[data-theme=dark] .theme-toggle-btn .icon-sun{display:none}[data-theme=dark] .theme-toggle-btn .icon-moon{display:block}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--header-control-color);cursor:pointer}.mobile-menu-bars{position:relative;display:block;width:22px;height:2px;background:currentColor;border-radius:2px}.mobile-menu-bars:before,.mobile-menu-bars:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px}.mobile-menu-bars:before{top:-7px}.mobile-menu-bars:after{top:7px}.mobile-drawer{position:fixed;inset:0;background:#0808088c;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:500}.mobile-drawer.open{opacity:1;visibility:visible}.drawer-content{position:absolute;top:0;left:0;height:100%;width:min(82vw,320px);background:var(--bg-card);color:var(--text-body);padding:0;display:flex;flex-direction:column;gap:18px;overflow:hidden;transform:translate(-100%);transition:transform .25s ease}.mobile-drawer.open .drawer-content{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--primary-color);color:var(--color-white)}.drawer-scroll{display:flex;flex-direction:column;gap:18px;padding:6px 18px 18px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.drawer-scroll>.theme-toggle-btn{align-self:flex-start;margin-left:0}.drawer-scroll>.theme-toggle-btn:hover{background:var(--bg-hover)}.drawer-logo{display:inline-flex;align-items:center;gap:8px;color:var(--color-white);text-decoration:none;font-weight:700;font-size:16px}.drawer-logo-icon{display:block;width:42px;height:auto;flex-shrink:0}.drawer-close{border:0;background:transparent;color:var(--color-white);font-size:28px;line-height:1;cursor:pointer}.drawer-nav{display:flex;flex-direction:column;gap:12px}.drawer-link,.drawer-sublink{color:var(--text-body);text-decoration:none;font-weight:500;font-size:16px}.drawer-link:hover,.drawer-sublink:hover{opacity:.85}.drawer-lang-selector{display:flex;flex-direction:column;gap:10px}.drawer-lang-button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:10px 12px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface-soft);color:var(--text-body);font-weight:600;cursor:pointer}.drawer-lang-menu{display:none;flex-direction:column;gap:10px;padding-left:12px}.drawer-lang-selector.active .drawer-lang-menu{display:flex}.drawer-sublink.active{font-weight:700;color:var(--primary-color)}.header-link{color:var(--header-control-color);text-decoration:none;font-weight:500;font-size:16px}.header-link:hover{color:var(--header-control-color);opacity:.85}.license-menu,.drawer-license-menu{position:relative}.license-menu{display:flex;align-items:center}.drawer-license-menu{display:flex;flex-direction:column;align-items:flex-start}.license-button,.drawer-license-trigger,.drawer-license-reset,.drawer-license-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:0;cursor:pointer;font:inherit}.license-button{display:flex;align-items:center;gap:4px;background:var(--header-license-button-bg);border:1.5px solid var(--header-license-button-bg);border-radius:8px;padding:6px 10px;color:var(--header-license-button-text);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}@media(min-width:351px){.license-button{font-size:12px;padding:7px 12px}}@media(min-width:840px){.license-button,.lang-button{font-size:14px;padding:9px 16px}.header-nav .license-button{font-size:13px;padding:8px 14px;gap:6px;background:var(--header-license-button-bg);color:var(--header-license-button-text);border-color:var(--header-license-button-bg);width:auto}}@media(min-width:1920px){.license-button,.lang-button{font-size:15px;padding:10px 18px}}.drawer-license-trigger{gap:8px;width:max-content;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 32%,rgba(20,20,20,.12));color:var(--primary-color);font-weight:700;line-height:1;transition:background .18s ease,border-color .18s ease,transform .18s ease}.license-button:hover{opacity:1;background:var(--license-hover-bg);border-color:var(--license-hover-bg);color:var(--header-license-button-text)}@media(min-width:840px){.header-nav .license-button:hover{background:var(--license-hover-bg);border-color:var(--license-hover-bg);color:var(--header-license-button-text)}}.license-button.license-active,.header-nav .license-button.license-active{background:var(--license-active-bg);border-color:var(--license-active-bg);color:var(--license-active-text)}.license-button.license-active .license-icon{color:var(--header-license-button-icon)}.license-arrow{flex-shrink:0;transition:transform .18s ease}.license-button[aria-expanded=true] .license-arrow,.drawer-license-trigger[aria-expanded=true] .license-arrow{transform:rotate(180deg)}.license-button.license-active:hover,.header-nav .license-button.license-active:hover{background:var(--license-active-hover-bg);border-color:var(--license-active-hover-bg);color:var(--license-active-hover-text)}.drawer-license-trigger:hover{color:var(--primary-color);opacity:1;background:color-mix(in srgb,var(--primary-color) 22%,transparent);border-color:color-mix(in srgb,var(--primary-color) 42%,rgba(20,20,20,.12));transform:translateY(-1px)}.drawer-license-trigger:focus-visible,.license-button:focus-visible,.license-dropdown-item:focus-visible,.drawer-license-link:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 55%,white);outline-offset:2px}.license-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.license-button .license-icon{color:var(--header-license-button-icon)}.drawer-license-trigger .license-icon{color:inherit}.license-icon svg{width:16px;height:16px}.license-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:6px;display:none;z-index:35;box-shadow:0 12px 30px #0f172a2e}.license-dropdown.open{display:block}.license-menu:focus-within .license-dropdown{display:block}.drawer-license-menu .license-dropdown{position:static;right:auto;top:auto;min-width:0;width:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.license-dropdown-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text-body);text-decoration:none;font:inherit;cursor:pointer}.license-dropdown-item:hover{background:var(--bg-hover)}.license-dropdown-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.license-dropdown-icon svg{width:16px;height:16px}.drawer-license-actions{display:none;flex-direction:column;gap:8px;padding:10px;margin-top:10px;align-self:stretch}.license-dropdown.drawer-license-actions.open{display:flex;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-soft)}.drawer-license-menu:focus-within .drawer-license-actions{display:flex;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface-soft)}.drawer-license-link{color:var(--text-body);font-weight:500}.drawer-license-menu .license-dropdown-item{padding:10px 12px}.drawer-license-trigger.license-active{background:color-mix(in srgb,var(--license-status-color) 14%,transparent);border-color:color-mix(in srgb,var(--license-status-color) 32%,rgba(20,20,20,.12));color:var(--license-status-color)}.license-dropdown-status{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--license-status-color);background:var(--license-status-bg);border-bottom:1px solid var(--license-status-border);border-radius:6px 6px 0 0;margin:-6px -6px 4px;line-height:1.3}.license-status-dot{width:8px;height:8px;border-radius:50%;background:var(--license-status-indicator);flex-shrink:0;animation:license-dot-pulse 2s ease-in-out infinite}@keyframes license-dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.license-dropdown-status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-license-actions .license-dropdown-status{margin:-10px -10px 6px;border-radius:14px 14px 0 0;padding:10px 14px}.license-button.is-hidden,.license-menu.is-hidden,.drawer-license-menu.is-hidden{display:none}[data-license-button][hidden]{display:none!important}.lang-selector{position:relative}.lang-button{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:0;background:transparent;color:var(--header-control-color);font-weight:600;font-size:16px;cursor:pointer}.lang-button:hover{color:var(--header-control-color);opacity:.85}.lang-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--bg-card);color:var(--text-body);border-radius:12px;box-shadow:0 12px 30px #0f172a2e;padding:0;display:none;overflow:hidden;z-index:30}.lang-selector.active .lang-dropdown{display:block}.lang-dropdown-scroll{max-height:400px;overflow-y:auto;overflow-x:hidden;padding:8px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.lang-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:inherit;text-decoration:none;font-size:14px}.lang-option:hover{background:var(--bg-hover)}.lang-flag{width:18px;height:14px;object-fit:cover;border-radius:2px}.lang-arrow{display:block}.lang-dropdown-scroll::-webkit-scrollbar,.drawer-scroll::-webkit-scrollbar{width:4px}.lang-dropdown-scroll::-webkit-scrollbar-thumb,.drawer-scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}.lang-dropdown-scroll::-webkit-scrollbar-track,.drawer-scroll::-webkit-scrollbar-track{background:transparent}@media(max-width:640px){.header-inner{flex-direction:row;gap:12px;padding:8px 0}.header-logo{justify-content:flex-start;font-size:16px}.header-logo-icon{width:57px}.header-logo-text{font-size:34px}.header-nav{display:none}.mobile-menu-btn{display:inline-flex}.lang-dropdown{right:0;max-width:calc(100vw - 24px)}.lang-dropdown-scroll{max-height:calc(100vh - 120px)}}footer{background:var(--primary-color);color:var(--color-white);padding:25px 12px 12px;margin-top:30px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:10px 0 0}.footer-nav a{color:#ffffffd9;text-decoration:none;font-size:14px}.footer-nav a:hover{color:#fff;text-decoration:underline}.copyright{text-align:center;padding:40px 0 20px;border-top:1px solid rgba(255,255,255,.1);opacity:.7}.hero-section{background-color:var(--hero-section-bg);padding:40px 0 24px;color:var(--color-white);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.hero-section>*{z-index:2}.hero-container{display:flex;align-items:center;width:100%;max-width:var(--main-content-max-width-3xl);position:relative;z-index:200}.hero-header{margin-top:30px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.logo-hero{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;margin-bottom:24px}.logo-hero svg rect[fill=white]{fill:#fff}.logo-hero svg rect[fill="#CB0E35"]{fill:var(--brand)}.logo-hero svg path[fill="#8D021F"]{fill:var(--brand-hover)}.logo-text-hero{font-size:48px;font-weight:700;font-family:Fredoka SemiCondensed,sans-serif;color:var(--color-white);letter-spacing:1px}.title-hero{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--hero-title-color);line-height:1.25;margin:0 0 20px;text-align:center;font-family:var(--font-display);letter-spacing:0}@media(min-width:351px){.title-hero{font-size:clamp(1.0625rem,3vw,1.375rem);margin:0 0 22px}}@media(min-width:840px){.title-hero{font-size:clamp(1.25rem,3.5vw,1.75rem);margin:0 0 24px}}@media(min-width:1920px){.title-hero{font-size:clamp(1.375rem,4vw,2rem);margin:0 0 28px}}@media(min-width:2560px){.title-hero{font-size:clamp(1.5rem,4.5vw,2.25rem);margin:0 0 32px;line-height:1.2}}.subtitle-hero{font-size:1.25rem;font-weight:400;opacity:1;color:var(--text-heading);margin:0}.hero-card{background:var(--bg-card);border-radius:12px;padding:var(--padding-card);padding-bottom:16px!important;width:100%;max-width:100%!important;margin-bottom:0;position:relative;z-index:10;display:flex;flex-direction:column;border:0}@media(min-width:351px){.hero-card{max-width:var(--main-content-max-width-sm)!important}}@media(min-width:600px){.hero-card{max-width:var(--main-content-max-width-md)!important}}@media(min-width:840px){.hero-card{max-width:var(--main-content-max-width-lg)!important}}@media(min-width:1240px){.hero-card{max-width:var(--main-content-max-width-xl)!important}}@media(min-width:1920px){.hero-card{max-width:var(--main-content-max-width-2xl)!important}}@media(min-width:2560px){.hero-card{max-width:var(--main-content-max-width-3xl)!important}}.input-group{background:transparent;padding:0;box-shadow:none}.fade-in{animation:fadeIn .3s ease-out}@media(max-width:768px){.hero-section{padding:20px 0}.title-hero{padding:0 20px;font-size:22px}.subtitle-hero{font-size:16px;padding:0 20px}.hero-header{margin-top:0;margin-bottom:30px;gap:12px}.logo-hero{margin-bottom:16px;gap:8px}.logo-hero svg{width:40px;height:40px}.logo-text-hero{font-size:40px}}#search-results-container{margin-top:30px}#hero-inline-message{margin-top:12px;text-align:center;font-size:14px;color:var(--primary-color);font-weight:500;min-height:20px}.support-platforms-bar{padding:12px 0;display:flex;align-items:center;justify-content:center;gap:12px}.support-platforms-label{font-size:12px;color:var(--text-heading);font-weight:700;white-space:nowrap}.support-platforms-icons{display:flex;align-items:center;gap:8px}.support-platform-icon{width:18px;height:18px;flex-shrink:0}.support-platforms-icons img.support-platform-icon{object-fit:contain;display:block}.support-platforms-icons svg.support-platform-icon{display:none}.tip-message-content{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 16px 0;text-align:center;font-size:14px}.tip-message-content svg{width:1rem;height:1rem;fill:#f45d22;flex-shrink:0}.tip-message-text{color:var(--text-body)}#tip-message-kofi-link{text-decoration:underline;font-weight:700;color:#f45d22!important}@media(max-width:768px){.tip-message-content svg{display:none}}@media(max-width:400px){.tip-message-content{padding-top:0}}.copyright-checkbox-wrapper{margin-top:16px}.dmca-report-link-wrapper.copyright-report-link{margin-top:10px}npm run .main-content{width:100%;padding:20px 0 32px;box-sizing:border-box;scroll-margin-top:24px;display:flex;justify-content:center;padding-top:20px!important;flex-direction:column;align-items:center}@media(max-width:599px){.main-content{padding-top:10px}}#multi-playlist-banner-wrapper{width:100%;max-width:100%!important;margin-left:auto;margin-right:auto;padding:0!important;box-sizing:border-box}@media(min-width:351px){#multi-playlist-banner-wrapper{max-width:600px!important}}@media(min-width:600px){#multi-playlist-banner-wrapper{max-width:700px!important}}@media(min-width:840px){#multi-playlist-banner-wrapper{max-width:800px!important}}@media(min-width:1240px){#multi-playlist-banner-wrapper{max-width:900px!important}}@media(min-width:1920px){#multi-playlist-banner-wrapper{max-width:1000px!important}}@media(min-width:2560px){#multi-playlist-banner-wrapper{max-width:var(--container-max-width-3xl)!important}}.main-content .main-content-card{background:var(--main-content-bg);border-radius:12px;padding:clamp(12px,2.5vw,24px);font-family:var(--main-content-font-family);box-shadow:var(--main-content-shadow);margin:25px 0 0;width:100%;max-width:100%!important;box-sizing:border-box;border:0;padding-left:clamp(12px,2.5vw,24px);padding-right:clamp(12px,2.5vw,24px)}.main-content .main-content-card.container{padding-top:clamp(12px,2.5vw,24px);padding-bottom:clamp(12px,2.5vw,24px)}@media(min-width:351px){.main-content .main-content-card{max-width:var(--main-content-max-width-sm)!important;padding:clamp(16px,2.5vw,24px)}}@media(min-width:600px){.main-content .main-content-card{max-width:var(--main-content-max-width-md)!important}.main-content{padding:28px 0;display:flex;flex-direction:column;align-items:center}}@media(min-width:840px){.main-content .main-content-card{max-width:var(--main-content-max-width-lg)!important;padding:clamp(20px,2vw,28px);margin-top:45px}.main-content{padding:20px 0 32px;display:flex;flex-direction:column;align-items:center}}@media(min-width:1240px){.main-content .main-content-card{max-width:var(--main-content-max-width-xl)!important;padding:clamp(24px,2vw,32px)}}@media(min-width:1920px){.main-content .main-content-card{max-width:var(--main-content-max-width-2xl)!important;padding:28px}}@media(min-width:2560px){.main-content .main-content-card{max-width:var(--main-content-max-width-3xl)!important;padding:32px}}.main-content-card .content-section+.content-section{margin-top:clamp(10px,1vw,14px)}.main-content-card .content-section h2{margin:clamp(16px,2vw,24px) 0 clamp(8px,1vw,12px);color:var(--main-content-heading);font-size:clamp(20px,2.2vw,26px);line-height:1.25;font-weight:700;letter-spacing:-.01em}.main-content-card .content-section:first-child h2{margin-top:0}.main-content-card .content-section h3{margin:clamp(16px,1.8vw,20px) 0 clamp(6px,.9vw,10px);color:var(--main-content-heading);font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:700}.main-content-card .content-section p{margin:0 0 clamp(10px,1vw,14px);color:var(--main-content-text);line-height:var(--main-content-line-height)}.main-content-card .content-section ul,.main-content-card .content-section ol{margin:0 0 clamp(10px,1vw,14px);padding-left:0;list-style:none;color:var(--main-content-text)}.main-content-card .content-section ol{counter-reset:main-content-step}.main-content-card .content-section ul{counter-reset:main-content-unordered-step}.main-content-card .content-section li{margin:clamp(6px,1vw,10px) 0}.main-content-card .content-section ul>li{counter-increment:main-content-unordered-step;position:relative;padding-left:30px}.main-content-card .content-section ul>li:before{content:counter(main-content-unordered-step) ".";position:absolute;left:0;top:8px;color:var(--main-content-heading);font-weight:700}.main-content-card .content-section ol>li{counter-increment:main-content-step;position:relative;padding-left:30px}.main-content-card .content-section ol>li:before{content:counter(main-content-step) ".";position:absolute;left:0;top:8px;color:var(--main-content-heading);font-weight:700}.main-content-card .content-section a{color:var(--main-content-link);text-decoration:none}.main-content-card .content-section a:hover{color:var(--main-content-link-hover);text-decoration:underline}.main-content-card .content-section>:last-child{margin-bottom:0!important}.seo-section.container{max-width:100%}.seo-section,.content-section.content-section--white{width:100%;padding:24px 0;box-sizing:border-box;scroll-margin-top:24px;display:flex;justify-content:center;padding-top:20px!important}.seo-container,.content-section.content-section--white>.container{background:var(--main-content-bg);border-radius:var(--main-content-radius);padding:clamp(12px,2.5vw,24px);font-family:var(--main-content-font-family);box-shadow:var(--main-content-shadow);margin:0 var(--main-content-margin-inline);width:100%;max-width:100%!important;border:0;color:var(--main-content-text);box-sizing:border-box}@media(min-width:351px){.seo-container,.content-section.content-section--white>.container{padding:clamp(16px,2.5vw,24px);max-width:var(--main-content-max-width-sm)!important}}@media(min-width:600px){.seo-container,.content-section.content-section--white>.container{max-width:var(--main-content-max-width-md)!important}.seo-section,.content-section.content-section--white{padding:28px 0}}@media(min-width:840px){.seo-container,.content-section.content-section--white>.container{padding:clamp(20px,2vw,28px);margin:40px var(--main-content-margin-inline);max-width:var(--main-content-max-width-lg)!important}.seo-section,.content-section.content-section--white{padding:32px 0}}@media(min-width:1240px){.seo-container,.content-section.content-section--white>.container{padding:clamp(24px,2vw,32px);max-width:var(--main-content-max-width-xl)!important}}@media(min-width:1920px){.seo-container,.content-section.content-section--white>.container{padding:28px;max-width:var(--main-content-max-width-2xl)!important}}@media(min-width:2560px){.seo-container,.content-section.content-section--white>.container{padding:32px;max-width:var(--main-content-max-width-3xl)!important}}.seo-container .prose{max-width:none}.seo-container .prose h1,.content-section.content-section--white .page-title{margin:clamp(20px,2.2vw,28px) 0 clamp(8px,1.2vw,16px);color:var(--main-content-heading);font-size:clamp(26px,3.2vw,36px);line-height:1.2;font-weight:700;letter-spacing:-.015em;text-align:center}.content-section.content-section--white .page-subtitle{text-align:center;margin:0 auto clamp(10px,1vw,14px);color:var(--main-content-text);line-height:var(--main-content-line-height);max-width:780px}.seo-container .prose h2,.content-section.content-section--white .titles{margin:clamp(16px,2vw,24px) 0 clamp(8px,1vw,12px);color:var(--main-content-heading);font-size:clamp(20px,2.2vw,26px);line-height:1.25;font-weight:700;letter-spacing:-.01em}.seo-container .prose h3,.content-section.content-section--white .subsection h3{margin:clamp(16px,1.8vw,20px) 0 clamp(6px,.9vw,10px);color:var(--main-content-heading);font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:700}.seo-container .prose p,.seo-container .prose li,.content-section.content-section--white p,.content-section.content-section--white li{margin:0 0 clamp(10px,1vw,14px);color:var(--main-content-text);line-height:var(--main-content-line-height)}.seo-container .prose ul,.seo-container .prose ol,.content-section.content-section--white ul,.content-section.content-section--white ol{margin:0 0 clamp(10px,1vw,14px);padding-left:0;list-style:none;color:var(--main-content-text)}.seo-container .prose ol,.content-section.content-section--white ol{counter-reset:main-content-ordered-step}.seo-container .prose ul,.content-section.content-section--white ul{counter-reset:main-content-unordered-step}.seo-container .prose ul>li,.content-section.content-section--white ul>li{counter-increment:main-content-unordered-step;position:relative;padding-left:28px}.seo-container .prose ul>li:before,.content-section.content-section--white ul>li:before{content:counter(main-content-unordered-step) ".";position:absolute;left:0;top:0;color:var(--main-content-heading);font-weight:600}.seo-container .prose ol>li,.content-section.content-section--white ol>li{counter-increment:main-content-ordered-step;position:relative;padding-left:28px}.seo-container .prose ol>li:before,.content-section.content-section--white ol>li:before{content:counter(main-content-ordered-step) ".";position:absolute;left:0;top:0;color:var(--main-content-heading);font-weight:600}.seo-container .prose li::marker,.content-section.content-section--white li::marker{content:""}.seo-container .prose a,.content-section.content-section--white a{color:var(--main-content-link);text-decoration:none}.seo-container .prose a:hover,.content-section.content-section--white a:hover{color:var(--main-content-link-hover);text-decoration:underline}.seo-container .faq-section,.content-section.content-section--white .faq-section{counter-reset:faq-counter;margin:clamp(14px,2vw,20px) 0 0}.seo-container .faq-title,.content-section.content-section--white .faq-title{display:block;margin:clamp(16px,2vw,24px) 0 clamp(8px,1vw,12px)}.seo-container .faq-icon,.content-section.content-section--white .faq-icon{display:none}.seo-container .faq-grid,.content-section.content-section--white .faq-grid{display:block}.seo-container .faq-item,.content-section.content-section--white .faq-item{background:transparent;border:0;padding:0;margin:0}.seo-container .faq-question,.content-section.content-section--white .faq-question{counter-increment:faq-counter;position:relative;margin:clamp(10px,1.2vw,14px) 0 clamp(6px,.9vw,10px);color:var(--main-content-heading);font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:700}.seo-container .faq-question:before,.content-section.content-section--white .faq-question:before{content:counter(faq-counter) ". ";font-weight:600;margin-right:8px}.seo-container .faq-answer,.content-section.content-section--white .faq-answer{padding-left:30px;margin-bottom:clamp(8px,1vw,12px);color:var(--main-content-text);line-height:var(--main-content-line-height);font-size:inherit}@media(min-width:351px){.main-content-card,.seo-container,.content-section.content-section--white>.container{padding:clamp(16px,2.5vw,24px);max-width:var(--main-content-max-width-sm)!important}}@media(min-width:600px){.main-content-card,.seo-container,.content-section.content-section--white>.container{max-width:var(--main-content-max-width-md)!important}}@media(min-width:840px){.main-content-card,.seo-container,.content-section.content-section--white>.container{padding:clamp(20px,2vw,28px);margin:40px var(--container-padding-sm);max-width:var(--main-content-max-width-lg)!important}}@media(min-width:1240px){.main-content-card,.seo-container,.content-section.content-section--white>.container{padding:clamp(24px,2vw,32px);max-width:var(--main-content-max-width-xl)!important}}@media(min-width:1920px){.main-content-card,.seo-container,.content-section.content-section--white>.container{padding:28px;max-width:var(--main-content-max-width-2xl)!important}}@media(min-width:2560px){.main-content-card,.seo-container,.content-section.content-section--white>.container{padding:32px;max-width:var(--main-content-max-width-3xl)!important}}.form-container{display:flex;flex-direction:column}.input-shell{position:relative;border-radius:var(--radius-xl)}.input-shell:focus-within .input-wrapper,.input-wrapper:focus-within{border-color:var(--video-input-active-border, var(--color-primary, var(--primary-color)))}.input-group{position:relative}.input-wrapper{display:flex;align-items:center;width:100%;min-width:0;background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-xl);overflow:hidden;transition:none}.video-input{flex:1;min-width:0;height:52px;padding:0 16px;font-size:18px;line-height:1.5;border:none;outline:none;background:transparent;color:var(--text-main);caret-color:var(--input-caret-color)}.video-input::placeholder{color:var(--color-input-placeholder);opacity:1}.input-actions{display:flex;align-items:center;flex-shrink:0;padding-right:12px}.btn-paste{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,color .2s ease;height:40px}.btn-paste:hover{background:var(--color-accent-dark);color:var(--brand)}.btn-paste:active{transform:translateY(0)}.btn-paste svg{flex-shrink:0;color:inherit}.btn-paste .hidden{display:none!important}.suggestion-container{position:absolute;top:100%;left:0;right:0;z-index:100}.error-message{display:none;color:var(--color-form-error);font-size:14px;margin-top:12px;min-height:20px}.error-message.show{display:block}.btn-convert{background:var(--brand);border:none;color:var(--color-white);border-radius:var(--radius-xl);cursor:pointer}.btn-convert:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.video-input{height:48px;font-size:16px}.input-actions{padding-right:6px}.btn-paste,#input-action-button{width:40px;min-width:40px;height:40px;padding:0;justify-content:center;gap:0}.btn-paste .btn-state--paste,.btn-paste .btn-state--clear{display:none!important}}@media(max-width:480px){.video-input{height:48px;font-size:16px}.input-wrapper{border-radius:calc(var(--radius-xl) - 10px)}}#format-selector-container{margin-top:12px}@media(max-width:768px){#format-selector-container{margin-top:14px}}.format-selector-wrapper{border-radius:var(--radius-xl);min-height:46px}.format-selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.format-btn[data-format=mp4],.format-btn[data-format=mp4]:hover{background:var(--brand);color:var(--color-white);box-shadow:none}[data-theme=light] .format-btn[data-format=mp4],[data-theme=light] .format-btn[data-format=mp4]:hover{box-shadow:none}html[data-format=mp3] .format-btn[data-format=mp4]{background:transparent;color:var(--text);box-shadow:none}html:not([data-format=mp3]) .format-btn[data-format=mp3]:hover{background:transparent;color:var(--text)}html[data-format=mp3] .format-btn[data-format=mp3],html[data-format=mp3] .format-btn[data-format=mp3]:hover{background:var(--brand);color:var(--color-white);box-shadow:none}html[data-format=mp3][data-theme=light] .format-btn[data-format=mp3],html[data-format=mp3][data-theme=light] .format-btn[data-format=mp3]:hover{box-shadow:none}html[data-format=mp3] .quality-select--mp4{display:none}html[data-format=mp3] .quality-select--mp3{display:block}html[data-format=mp3] .quality-dropdown-wrapper .video-group-dropdown{display:none}.format-toggle{display:flex;background:var(--bg-card);border-radius:var(--radius-xl);padding:4px;border:1px solid var(--border-input)}.format-btn{padding:7px 24px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--text);transition:background .3s,color .3s,box-shadow .3s;border-radius:var(--radius-xl)}.format-btn.active{background:var(--brand);color:var(--color-white)}.format-btn:hover:not(.active){background:var(--brand);color:var(--color-white)}.quality-wrapper{display:flex;align-items:center;gap:8px;margin-right:auto}.quality-dropdown-wrapper{position:relative}.quality-select{height:40px;padding:0 40px 0 18px;border:1px solid var(--border-input);border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-body);outline:none;appearance:none;transition:border-color .3s;min-width:180px}.quality-select:hover,.quality-select:focus{border-color:var(--video-input-active-border, var(--color-primary, var(--primary-color)))}.quality-select--mp4{display:block}.quality-select--mp3{display:none}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text)}.quality-select--native-hidden{display:none!important}.video-group-dropdown{position:relative;width:fit-content;min-width:180px}.video-group-trigger{height:40px;border:1px solid var(--border-input);border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-body);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 0 18px;text-align:left;transition:border-color .3s;width:100%}.video-group-trigger:hover,.video-group-trigger:focus-visible{border-color:var(--video-input-active-border, var(--color-primary, var(--primary-color)));outline:none}.video-group-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-group-trigger-icon{flex-shrink:0;color:var(--text)}.video-group-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:200px;z-index:1200;border:1px solid var(--border-input);border-radius:14px;background:var(--bg-card);box-shadow:0 12px 30px #00000026;padding:8px;max-height:360px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.video-group-section{border-radius:10px}.video-group-section+.video-group-section{margin-top:6px}.video-group-header{width:100%;border:none;background:var(--bg-surface-soft);color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.video-group-header:hover{background:var(--bg-hover)}.video-group-header-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.video-group-header-icon svg{display:block;transition:transform .2s ease}.video-group-section.is-open .video-group-header-icon svg{transform:rotate(90deg)}.video-group-items{padding:2px 0 4px}.video-group-item{width:100%;border:none;background:transparent;color:var(--muted);cursor:pointer;text-align:left;padding:8px 12px 8px 30px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:400}.video-group-item:hover{background:var(--accent-fill-soft);color:var(--text-body)}.video-group-item.is-selected{background:var(--accent-fill-soft);color:var(--text-body);font-weight:500}.btn-convert{font-size:16px;font-weight:700;height:40px;max-height:40px;padding:0 30px;transition:filter .3s,transform .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-convert:hover{opacity:.85;transform:translateY(-1px)}.btn-convert:active{transform:scale(.98)}@media(max-width:768px){.format-selector{flex-direction:row;flex-wrap:wrap;gap:8px}.quality-wrapper{width:100%;order:1;padding-right:0}.quality-dropdown-wrapper{flex:1;min-width:0}.format-toggle{order:2;flex:0 0 auto;height:40px;box-sizing:border-box;align-items:center}.btn-convert{order:3;flex:0 0 auto;margin-left:auto;height:40px;max-height:40px;min-height:40px;padding:0 20px}.format-btn{height:100%;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}.quality-select{width:100%;min-width:0;height:40px}.quality-dropdown-wrapper--grouped .video-group-dropdown{width:100%;min-width:0}.quality-dropdown-wrapper--grouped .video-group-trigger{width:100%}.btn-convert span{display:inline}}@media(max-width:480px){.format-toggle{border-radius:calc(var(--radius-xl) - 10px)}.quality-select{height:40px;font-size:13px;border-radius:calc(var(--radius-xl) - 10px)}.video-group-trigger{font-size:13px;border-radius:calc(var(--radius-xl) - 10px)}.format-selector-wrapper{border-radius:calc(var(--radius-xl) - 10px);margin-top:0}.btn-convert{height:40px;max-height:40px;min-height:40px;font-size:14px;border-radius:calc(var(--radius-xl) - 10px)}}.audio-dropdown-wrapper,.custom-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-xl);cursor:pointer;transition:border-color .3s;min-width:160px;position:relative;height:40px}.audio-dropdown-wrapper .dropdown-trigger{padding:0 10px;justify-content:flex-start;gap:10px}.audio-dropdown-wrapper .dropdown-arrow{margin-left:auto}.audio-dropdown-wrapper .selected-icon{flex-shrink:0}.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger{padding:0 10px;justify-content:flex-start}.audio-dropdown-wrapper:has(.custom-dropdown.active) .selected-content,.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-arrow{opacity:1;max-width:200px;transition:opacity .5s,max-width .5s;pointer-events:auto}.dropdown-trigger:hover,.dropdown-trigger:focus{border-color:var(--video-input-active-border, var(--color-primary, var(--primary-color)));outline:none}.selected-icon{display:flex;align-items:center;color:var(--text)}.selected-content{flex:1}.selected-text{font-size:14px;font-weight:600;color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.dropdown-arrow{color:var(--text);transition:transform .3s}.custom-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:auto;right:0;min-width:0;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;white-space:nowrap;max-width:0;visibility:hidden;transition:none;contain:layout style}.custom-dropdown.active .dropdown-menu{max-width:300px;visibility:visible;transition:max-width .5s ease,visibility .5s ease;will-change:max-width}.dropdown-search{position:relative;padding:12px;border-bottom:1px solid var(--border-subtle)}.dropdown-search input{width:100%;padding:10px 36px 10px 14px;border:2px solid var(--border-subtle);border-radius:12px;font-size:16px;background:var(--bg-card);color:var(--text-body);outline:none;transition:border-color .3s}.dropdown-search input:focus{border-color:var(--video-input-active-border, var(--color-primary, var(--primary-color)))}.dropdown-search .search-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--muted)}.dropdown-options{max-height:240px;overflow-y:auto;padding:8px 0;width:100%;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.dropdown-options::-webkit-scrollbar{width:2px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--muted);border-radius:2px}.dropdown-option{padding:12px 16px;cursor:pointer;font-size:14px;color:var(--text);transition:background .2s;display:flex;gap:10px}.dropdown-option:hover{background:var(--accent-fill-soft)}.dropdown-option.active{background:var(--accent-fill-soft);color:var(--brand);font-weight:600}@media(max-width:768px){.audio-dropdown-wrapper{flex:0 0 auto;width:42px;margin-left:auto;transition:width .5s ease;will-change:width;contain:layout style;z-index:20}.audio-dropdown-wrapper:has(.custom-dropdown.active){width:200px}.audio-dropdown-wrapper .selected-content,.audio-dropdown-wrapper .dropdown-arrow{opacity:0;max-width:0;overflow:hidden;transition:opacity .5s,max-width .5s;pointer-events:none}.audio-dropdown-wrapper:has(.custom-dropdown.active) .selected-content,.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-arrow{opacity:1;max-width:200px;transition:opacity .5s,max-width .5s;pointer-events:auto}.audio-dropdown-wrapper .dropdown-trigger{justify-content:center;gap:0;transition:padding .5s,gap .5s;min-width:42px;height:42px}.audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger{justify-content:flex-start;gap:10px;padding:0 10px}.audio-dropdown-wrapper .dropdown-menu{left:auto;right:0}}.m3-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.m3-dialog-overlay.is-visible{opacity:1}.m3-dialog{background-color:var(--bg-card);border-radius:40px;max-width:400px;width:90%;transform:translateY(20px);transition:transform .3s cubic-bezier(0,0,.2,1),opacity .3s linear;opacity:0;box-shadow:none!important;display:flex;flex-direction:column;padding:40px 32px 32px;box-sizing:border-box;align-items:center}.m3-dialog-overlay.is-visible .m3-dialog{transform:translateY(0);opacity:1}.m3-dialog-icon-wrapper{width:64px;height:64px;border-radius:50%;background-color:var(--popup-warning-bg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--popup-warning-icon)}.m3-dialog-icon-wrapper svg{width:32px;height:32px}.m3-dialog-title{font-size:26px;line-height:1;font-weight:700;color:var(--text-heading);margin:0 0 12px;text-align:center}.m3-dialog-body{width:100%;margin-bottom:28px}.m3-dialog-message{font-size:15px;line-height:1.45;letter-spacing:.1px;color:var(--text-secondary);text-align:center;margin:0}.m3-dialog-message strong{color:var(--text-heading);font-weight:700}.m3-dialog-actions{width:100%;display:flex;flex-direction:column;gap:12px}.m3-dialog-actions-inline{flex-direction:row}.m3-button-solid{height:48px;width:100%;border-radius:99px;border:none;background-color:var(--popup-warning-btn-bg);color:var(--popup-warning-btn-text);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;box-shadow:none!important}.m3-button-solid:hover{background-color:var(--popup-warning-btn-hover)}.m3-button-solid:active{transform:scale(.98)}.m3-button-text{height:48px;width:100%;border-radius:99px;border:1px solid var(--border-default);background-color:var(--bg-card);color:var(--text-body);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.m3-button-text:hover{background-color:var(--bg-surface-soft)}.m3-button-text:active{transform:scale(.98)}.m3-dialog.info .m3-dialog-icon-wrapper{background-color:var(--popup-info-bg);color:var(--popup-info-color)}.m3-dialog.error .m3-dialog-icon-wrapper{background-color:var(--popup-error-bg);color:var(--popup-error-color)}.m3-dialog.error .m3-button-solid{background-color:var(--popup-error-color);color:var(--color-white)}.hero-feature-links-wrap{width:100%;margin-top:15px;display:flex;justify-content:center}.hero-feature-links-desktop{width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:4px;margin-inline:auto;border-radius:36px;background:transparent}.hero-feature-link.hero-feature-link-desktop{flex:1 1 0;width:100%;min-width:0;display:flex;justify-content:center;padding-inline:0;border-radius:12px;background:var(--hero-feature-link-desktop-bg)}.hero-feature-links-mobile{display:none}.hero-feature-link{padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;transition:color var(--transition-normal)}.hero-feature-link svg{color:var(--hero-feature-links-icon);transition:transform var(--transition-normal),color var(--transition-normal);flex-shrink:0}.hero-feature-link:hover svg,.hero-feature-link:focus-visible svg{transform:scale(1.1)}.hero-feature-link span{font-size:14px;font-weight:600;color:var(--hero-feature-link-text);transition:color var(--transition-normal);white-space:nowrap;line-height:1.4}.hero-feature-link:hover span,.hero-feature-link:focus-visible span{color:var(--hero-feature-link-text-hover)}.hero-feature-divider-desktop{display:block;width:4px;height:4px;border-radius:50%;background:var(--hero-feature-links-divider)}.hero-feature-links-desktop .hero-feature-divider-desktop{display:none}@media(max-width:839px){.hero-feature-links-wrap{width:100%;margin-top:0}.hero-feature-links-desktop{display:none}.hero-feature-links-mobile{display:flex;width:100%;align-items:stretch;justify-content:flex-start;gap:4px;border-radius:12px;background:var(--hero-feature-links-bg)}.hero-feature-link-mobile{position:static;width:100%;opacity:1;transform:none;pointer-events:auto;justify-content:flex-start;padding-inline:10px;border:0;background:transparent;cursor:pointer}.hero-feature-link-mobile span{font-size:12px}.hero-feature-link-mobile svg{width:14px;height:14px}}@media(max-width:839px){:root[data-theme=dark] .hero-feature-links-mobile{background:#2d2d2d}}@media(max-width:350px){.hero-feature-link-mobile{padding:10px}}@media(min-width:840px){.hero-feature-links-desktop{gap:16px;padding-inline:0}}body[data-page=strim-downloader] .form-container{max-width:1000px}body[data-page=strim-downloader] .hero-card{max-width:1000px!important}body[data-page=strim-downloader] .hero-card{padding-top:24px;padding-bottom:24px!important}body[data-page=strim-downloader] .stream-input-row{display:flex;gap:10px;align-items:stretch}body[data-page=strim-downloader] .stream-hero-note{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.5}body[data-page=strim-downloader] .stream-hero-card-title{margin:0 0 18px;color:var(--text-heading);font-size:1.45rem;line-height:1.2;font-weight:700}body[data-page=strim-downloader] #result-view{margin-top:0!important}body[data-page=strim-downloader] .yt-preview-format{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:flex-start;gap:8px;width:100%;text-align:left}body[data-page=strim-downloader] .stream-input-row .input-shell{flex:1;min-width:0}body[data-page=strim-downloader] .stream-start-btn{min-width:120px;height:50px;max-height:50px;border:none;border-radius:999px;background:var(--brand);color:var(--color-white);font-weight:700;padding:0 22px;cursor:pointer}body[data-page=strim-downloader] .stream-start-btn:hover{background:var(--primary-color-hover)}body[data-page=strim-downloader] .stream-editor{display:grid;grid-template-columns:4fr 6fr;gap:16px;margin-top:24px}body[data-page=strim-downloader] .stream-player-wrap{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:12px;background:var(--player-bg)}body[data-page=strim-downloader] .stream-player,body[data-page=strim-downloader] .stream-player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}body[data-page=strim-downloader] .stream-settings{display:flex;flex-direction:column;gap:16px}body[data-page=strim-downloader] .stream-input-row .video-input{height:50px;max-height:50px}body[data-page=strim-downloader] .stream-step{display:flex;flex-direction:column;gap:6px}body[data-page=strim-downloader] .stream-step-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-page=strim-downloader] .stream-step-label{font-size:13px;font-weight:600;color:var(--text-muted);text-align:left;width:100%}body[data-page=strim-downloader] #stream-format-toggle{display:flex;border-radius:999px;overflow:hidden;border:1px solid var(--border-default)}body[data-page=strim-downloader] #stream-format-toggle .format-btn{flex:1;border:none;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-weight:600}body[data-page=strim-downloader] #stream-format-toggle .format-btn.selected{background:var(--brand);color:var(--color-white)}body[data-page=strim-downloader] #stream-quality-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px}body[data-page=strim-downloader] .stream-settings .quality-dropdown-wrapper{position:relative;overflow:visible}body[data-page=strim-downloader] .stream-settings .quality-dropdown-wrapper .dropdown-arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%);opacity:.8;z-index:2;pointer-events:none;color:var(--text-primary)}body[data-page=strim-downloader] .stream-settings .quality-dropdown-wrapper--grouped .dropdown-arrow{display:none}body[data-page=strim-downloader] .stream-settings .stream-video-group-dropdown,body[data-page=strim-downloader] .stream-settings .stream-video-group-dropdown .video-group-trigger{width:100%}body[data-page=strim-downloader] .stream-settings .stream-video-group-dropdown .video-group-menu{z-index:60;max-height:380px}body[data-page=strim-downloader] .trim-slider{margin:8px 0 6px}body[data-page=strim-downloader] .stream-time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-page=strim-downloader] .stream-time-field{display:flex;flex-direction:column;gap:4px}body[data-page=strim-downloader] .stream-time-label{font-size:12px;color:var(--text-muted)}body[data-page=strim-downloader] .time-input{width:100%;min-height:38px;border:1px solid var(--border-secondary);border-radius:999px;padding:0 12px;text-align:center;font-weight:600}body[data-page=strim-downloader] .stream-convert-btn{width:100%}body[data-page=strim-downloader] .stream-convert-row{margin-top:4px}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper,body[data-page=strim-downloader] .stream-settings .custom-dropdown{width:100%}body[data-page=strim-downloader] .stream-settings .dropdown-trigger{min-height:40px;display:flex;align-items:center}body[data-page=strim-downloader] .stream-settings .dropdown-trigger .selected-content{flex:1;text-align:left}body[data-page=strim-downloader] .stream-settings .dropdown-trigger .selected-text{text-align:left}body[data-page=strim-downloader] .stream-settings .dropdown-trigger .dropdown-arrow{margin-left:auto;flex-shrink:0;opacity:1;visibility:visible;display:inline-block}body[data-page=strim-downloader] .stream-settings .dropdown-menu{z-index:20}body[data-page=strim-downloader] .noUi-target{background:var(--slider-track-bg);border:none;border-radius:999px;box-shadow:none;height:8px}body[data-page=strim-downloader] .noUi-connect{background:var(--primary-color)}body[data-page=strim-downloader] .noUi-horizontal .noUi-handle{width:16px;height:16px;right:-8px;top:-4px;border-radius:50%;border:2px solid var(--color-white);background:var(--primary-color);box-shadow:0 0 0 1px #0000000d}body[data-page=strim-downloader] .noUi-handle:before,body[data-page=strim-downloader] .noUi-handle:after{display:none}body[data-page=strim-downloader] .noUi-touch-area{transform:translateY(2px)}@media(max-width:768px){body[data-page=strim-downloader] .yt-preview-format{justify-content:center;align-content:center;text-align:center}body[data-page=strim-downloader] .stream-input-row{flex-direction:column}body[data-page=strim-downloader] .stream-start-btn{min-height:44px}body[data-page=strim-downloader] .stream-editor{grid-template-columns:1fr}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper{width:100%!important;flex:1 1 auto!important;margin-left:0!important;transition:none!important}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper:has(.custom-dropdown.active){width:100%!important}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper .selected-content,body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper .dropdown-arrow,body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper:has(.custom-dropdown.active) .selected-content,body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-arrow{opacity:1!important;max-width:none!important;overflow:visible!important;pointer-events:auto!important;transition:none!important}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper .dropdown-trigger,body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper:has(.custom-dropdown.active) .dropdown-trigger{justify-content:flex-start!important;gap:8px!important;padding:0 12px!important;min-width:100%!important;width:100%!important;transition:none!important}body[data-page=strim-downloader] .stream-settings .audio-dropdown-wrapper .dropdown-menu{left:0!important;right:auto!important}}@media(min-width:1024px){body[data-page=strim-downloader] .stream-hero-card-title{font-size:1.9rem;margin-bottom:24px}}:root{--pkg-radius-none: 0;--pkg-radius-xs: 4px;--pkg-radius-sm: 8px;--pkg-radius-md: 12px;--pkg-radius-lg: 16px;--pkg-radius-xl: 28px;--pkg-radius-full: 9999px;--pkg-space-0: 0;--pkg-space-1: 4px;--pkg-space-2: 8px;--pkg-space-3: 12px;--pkg-space-4: 16px;--pkg-space-5: 20px;--pkg-space-6: 24px;--pkg-space-7: 28px;--pkg-space-8: 32px;--pkg-space-9: 36px;--pkg-space-10: 40px;--pkg-space-12: 48px;--pkg-space-14: 56px;--pkg-space-16: 64px;--pkg-space-20: 80px;--pkg-font-size-xs: .6875rem;--pkg-font-size-sm: .75rem;--pkg-font-size-base: .875rem;--pkg-font-size-md: 1rem;--pkg-font-size-lg: 1.125rem;--pkg-font-size-xl: 1.25rem;--pkg-font-size-2xl: 1.375rem;--pkg-font-size-3xl: 1.5rem;--pkg-font-weight-regular: 400;--pkg-font-weight-medium: 500;--pkg-font-weight-semibold: 600;--pkg-font-weight-bold: 700;--pkg-line-height-tight: 1.2;--pkg-line-height-snug: 1.375;--pkg-line-height-normal: 1.5;--pkg-line-height-relaxed: 1.625;--pkg-line-height-loose: 2;--pkg-letter-spacing-tight: -.015625rem;--pkg-letter-spacing-normal: 0;--pkg-letter-spacing-wide: .03125rem;--pkg-body-large-size: 1rem;--pkg-body-large-line-height: 1.5rem;--pkg-body-large-weight: 400;--pkg-body-medium-size: .875rem;--pkg-body-medium-line-height: 1.25rem;--pkg-body-medium-weight: 400;--pkg-body-medium-weight-prominent: 500;--pkg-body-medium-font: system-ui, -apple-system, sans-serif;--pkg-body-small-size: .75rem;--pkg-body-small-line-height: 1rem;--pkg-body-small-weight: 400;--pkg-label-large-size: .875rem;--pkg-label-large-line-height: 1.25rem;--pkg-label-large-weight: 500;--pkg-label-medium-size: .75rem;--pkg-label-medium-line-height: 1rem;--pkg-label-medium-weight: 500;--pkg-label-small-size: .6875rem;--pkg-label-small-line-height: .9375rem;--pkg-label-small-weight: 500;--pkg-title-large-size: 1.375rem;--pkg-title-medium-size: 1rem;--pkg-title-small-size: .875rem;--pkg-z-dropdown: 1030;--pkg-z-overlay: 1040;--pkg-z-modal: 1050;--pkg-z-popover: 1030;--pkg-elevation-0: none;--pkg-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--pkg-elevation-2: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--pkg-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);--pkg-elevation-4: 0 6px 10px 4px rgba(0, 0, 0, .15), 0 2px 3px 0 rgba(0, 0, 0, .3);--pkg-elevation-5: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);--pkg-shadow-none: var(--pkg-elevation-0);--pkg-shadow-xs: var(--pkg-elevation-1);--pkg-shadow-sm: var(--pkg-elevation-2);--pkg-shadow-md: var(--pkg-elevation-3);--pkg-shadow-lg: var(--pkg-elevation-4);--pkg-shadow-xl: var(--pkg-elevation-5);--pkg-color-white: #ffffff;--pkg-color-black: #000000;--pkg-color-gray-50: #F7F5F2;--pkg-color-gray-100: #EFECE7;--pkg-color-gray-200: #E3E0DA;--pkg-color-gray-300: #DCD7CF;--pkg-color-gray-400: #9B9B9B;--pkg-color-gray-500: #5C5C5C;--pkg-color-gray-600: #3A3A3A;--pkg-color-gray-700: #2F2F2F;--pkg-color-gray-800: #1F1F1E;--pkg-color-gray-900: #1F1F1E;--pkg-color-primary: #2E917C;--pkg-color-on-primary: #ffffff;--pkg-color-primary-container: rgba(46, 145, 124, .1);--pkg-color-on-primary-container: #267A69;--pkg-color-accent: #267A69;--pkg-color-accent-bright: #4DB8A3;--pkg-color-surface: var(--bg-card, rgba(255, 255, 255, .03));--pkg-color-surface-variant: var(--bg-body, #030014);--pkg-color-surface-container: rgba(255, 255, 255, .05);--pkg-color-surface-container-low: rgba(255, 255, 255, .02);--pkg-color-on-surface: var(--text-main, #ffffff);--pkg-color-on-surface-variant: var(--text-muted, #94a3b8);--pkg-color-outline: rgba(255, 255, 255, .08);--pkg-color-outline-variant: rgba(255, 255, 255, .05);--pkg-color-error: #ef4444;--pkg-color-on-error: #ffffff;--pkg-color-warning: #f59e0b;--pkg-color-success: #10b981;--pkg-color-success-border: #059669;--pkg-color-overlay-light: rgba(0, 0, 0, .6);--pkg-color-overlay-dark: rgba(0, 0, 0, .8);--pkg-duration-instant: 0s;--pkg-duration-short1: 50ms;--pkg-duration-short2: .1s;--pkg-duration-short3: .15s;--pkg-duration-short4: .2s;--pkg-duration-medium1: .25s;--pkg-duration-medium2: .3s;--pkg-duration-long: .4s;--pkg-duration-extra-long: .5s;--pkg-duration-fast: var(--pkg-duration-short4);--pkg-duration-normal: var(--pkg-duration-medium2);--pkg-duration-slow: var(--pkg-duration-extra-long);--pkg-easing-standard: cubic-bezier(.2, 0, 0, 1);--pkg-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--pkg-easing-linear: linear;--pkg-easing-ease-in: ease-in;--pkg-easing-ease-out: ease-out;--pkg-easing-default: var(--pkg-easing-standard);--pkg-skeleton-color-dark: rgba(255, 255, 255, .08);--pkg-skeleton-color-light: rgba(255, 255, 255, .04);--pkg-skeleton-duration: var(--pkg-duration-slow);--pkg-skeleton-easing: var(--pkg-easing-linear);--pkg-skeleton-radius-sm: var(--pkg-radius-xs);--pkg-skeleton-radius-md: var(--pkg-radius-sm);--pkg-skeleton-radius-lg: var(--pkg-radius-md);--pkg-skeleton-radius-xl: var(--pkg-radius-xl);--pkg-skeleton-radius-full: var(--pkg-radius-full);--pkg-expire-modal-overlay-bg: var(--pkg-color-overlay-dark);--pkg-expire-modal-bg: var(--pkg-color-gray-800);--pkg-expire-modal-shadow: 0 8px 32px rgba(0, 0, 0, .5);--pkg-expire-modal-radius: var(--pkg-radius-lg);--pkg-expire-modal-padding: var(--pkg-space-6);--pkg-expire-modal-z-index: var(--pkg-z-modal);--pkg-expire-modal-warning-color: var(--pkg-color-warning);--pkg-expire-modal-text-color: var(--pkg-color-white);--pkg-expire-modal-button-bg: var(--pkg-color-primary);--pkg-expire-modal-button-color: var(--pkg-color-white);--pkg-captcha-modal-overlay-bg: var(--pkg-color-overlay-dark);--pkg-captcha-modal-bg: var(--pkg-color-gray-900);--pkg-captcha-modal-text-color: var(--pkg-color-white);--pkg-captcha-modal-shadow: var(--pkg-shadow-lg);--pkg-captcha-modal-radius: var(--pkg-radius-md);--pkg-captcha-modal-padding: var(--pkg-space-6);--pkg-captcha-modal-z-index: var(--pkg-z-modal);--pkg-captcha-modal-border-color: var(--pkg-color-gray-700);--pkg-captcha-modal-title-size: var(--pkg-font-size-xl);--pkg-captcha-modal-close-color: var(--pkg-color-gray-500);--pkg-captcha-modal-close-hover-color: var(--pkg-color-white);--pkg-captcha-modal-close-size: var(--pkg-font-size-2xl);--pkg-captcha-modal-body-text-color: var(--pkg-color-gray-400);--pkg-captcha-modal-body-text-size: var(--pkg-font-size-base);--pkg-captcha-container-min-height: 80px;--pkg-modal-animation-duration: var(--pkg-duration-fast);--pkg-modal-animation-easing: var(--pkg-easing-default);--pkg-modal-mobile-padding: var(--pkg-space-5);--pkg-modal-desktop-padding: var(--pkg-space-6);--pkg-modal-max-width: 420px;--pkg-modal-mobile-max-width: 90%;--pkg-suggestions-z-index: var(--pkg-z-popover);--pkg-suggestions-bg: var(--pkg-color-gray-800);--pkg-suggestions-shadow: 0 10px 40px rgba(0, 0, 0, .5);--pkg-suggestions-radius: var(--pkg-radius-md);--pkg-suggestions-offset-top: 55px;--pkg-suggestions-text-color: var(--pkg-color-white);--pkg-suggestions-hover-bg: rgba(255, 255, 255, .1);--pkg-suggestions-highlight-bg: var(--pkg-color-primary-container);--pkg-suggestions-highlight-color: var(--pkg-color-on-primary-container);--pkg-suggestions-duration: var(--pkg-duration-short3);--pkg-suggestions-easing: var(--pkg-easing-standard);--pkg-search-results-section-bg: var(--pkg-color-gray-900);--pkg-search-results-card-bg: var(--pkg-color-surface);--pkg-search-results-card-shadow: var(--pkg-elevation-0);--pkg-search-results-card-shadow-hover: 0 4px 20px rgba(139, 92, 246, .2);--pkg-search-results-card-radius: var(--pkg-radius-sm);--pkg-search-results-gap-mobile: 12px;--pkg-search-results-gap-tablet: var(--pkg-space-4);--pkg-search-results-title-color: var(--pkg-color-white);--pkg-search-results-channel-color: var(--pkg-color-gray-300);--pkg-search-results-metadata-color: var(--pkg-color-gray-400);--pkg-search-results-duration-bg: rgba(0, 0, 0, .6);--pkg-search-results-duration-color: var(--pkg-color-white);--pkg-search-results-retry-bg: var(--pkg-color-error);--pkg-search-results-retry-color: var(--pkg-color-white);--pkg-search-results-retry-hover-bg: #dc2626;--pkg-search-results-transition-duration: var(--pkg-duration-short4);--pkg-search-results-transition-easing: var(--pkg-easing-standard)}[data-theme=light]{--pkg-search-results-title-color: var(--text-heading)}[data-theme=dark]{--pkg-color-primary: #2E917C;--pkg-color-on-primary: #ffffff;--pkg-color-primary-container: rgba(46, 145, 124, .12);--pkg-color-on-primary-container: #4DB8A3;--pkg-color-surface: #2A2A28;--pkg-color-surface-variant: #1F1F1E;--pkg-color-surface-container: #383836;--pkg-color-on-surface: #E8E6E3;--pkg-color-on-surface-variant: #C9C7C2;--pkg-color-outline: #3A3A38;--pkg-color-outline-variant: #2F2F2D;--pkg-suggestions-bg: #2A2A28;--pkg-suggestions-text-color: #E8E6E3;--pkg-suggestions-hover-bg: rgba(46, 145, 124, .1);--pkg-suggestions-highlight-bg: rgba(46, 145, 124, .12);--pkg-suggestions-highlight-color: #4DB8A3;--pkg-search-results-section-bg: #1F1F1E;--pkg-search-results-card-bg: #2A2A28;--pkg-search-results-title-color: #E8E6E3;--pkg-search-results-channel-color: #C9C7C2;--pkg-search-results-metadata-color: #C9C7C2;--pkg-search-results-card-shadow-hover: 0 4px 20px rgba(46, 145, 124, .15);--pkg-expire-modal-bg: #2A2A28;--pkg-captcha-modal-bg: #1F1F1E;--pkg-captcha-modal-border-color: #3A3A38;--pkg-skeleton-color-dark: rgba(255, 255, 255, .1);--pkg-skeleton-color-light: rgba(255, 255, 255, .05)}.yt-preview-card{display:flex;flex-direction:column;gap:10px;border-radius:8px;padding:.75rem;margin:1rem 0;margin-top:0;align-items:center;background:var(--yt-preview-card-bg, var(--bg-card));box-shadow:none;overflow:hidden}:root{--yt-preview-skeleton-base: var(--color-skeleton-dark);--yt-preview-skeleton-shimmer: var(--color-skeleton-light)}.yt-preview-card.skeleton{box-shadow:none}.yt-preview-card.skeleton .yt-preview-details{gap:.5rem}.yt-preview-card.skeleton .yt-preview-meta{row-gap:8px}.yt-preview-card.skeleton .yt-preview-format{gap:8px}@media(max-width:768px){.yt-preview-card.skeleton .yt-preview-format{justify-content:center}}.yt-preview-card.skeleton .yt-preview-thumbnail,.yt-preview-card.skeleton .skeleton-line{background:linear-gradient(90deg,var(--yt-preview-skeleton-base) 25%,var(--yt-preview-skeleton-shimmer) 50%,var(--yt-preview-skeleton-base) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite}.yt-preview-card.skeleton .skeleton-line.skeleton-title{width:80%;height:16px}.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:48%;height:14px}.yt-preview-card--compact{align-items:flex-start}.yt-preview-card--compact .yt-preview-details{align-items:flex-start;text-align:left}.yt-preview-card--compact .yt-preview-meta{align-items:flex-start;justify-content:flex-start}.yt-preview-thumbnail{height:100px;min-height:100px;width:133px;min-width:133px;flex-shrink:0;overflow:hidden;border-radius:6px;background:var(--yt-preview-skeleton-base)}.yt-preview-thumbnail.skeleton-thumbnail{background:linear-gradient(90deg,var(--yt-preview-skeleton-base) 25%,var(--yt-preview-skeleton-shimmer) 50%,var(--yt-preview-skeleton-base) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite}.yt-preview-thumbnail img{width:100%;height:auto;object-fit:cover;display:block}.yt-preview-details{width:100%;min-width:0;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.yt-preview-details.skeleton-line{padding:0!important;margin:0!important}.yt-preview-title{margin:0;color:var(--text-main);font-family:var(--font-main);font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.yt-preview-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:0;column-gap:0;width:100%}.yt-preview-format{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.meta-badge{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;height:25px;min-height:25px;padding:0 .5rem;border-radius:4px;box-sizing:border-box;background:var(--meta-badge-bg);color:var(--meta-badge-color);font-size:.6875rem;font-weight:600;letter-spacing:.02em;line-height:25px;white-space:nowrap}.badge-audio{gap:.3rem}.audio-track-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.audio-track-icon .icon-audio-language-horizontal{width:2em;height:1em;display:block}.audio-track-value{font-size:inherit}.yt-preview-author{margin:0;padding:.4rem 0;max-width:100%;color:var(--color-text-muted, var(--color-text-soft));font-size:.75rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:0)and (max-width:350px){.yt-preview-card{min-height:210px}.yt-preview-title{font-size:.8125rem;-webkit-line-clamp:1}.yt-preview-card.skeleton .skeleton-line.skeleton-title{height:14px}}@media(min-width:351px)and (max-width:599px){.yt-preview-card{padding:.875rem;min-height:220px}.yt-preview-title{font-size:.9375rem;-webkit-line-clamp:1}.yt-preview-author{font-size:.8125rem}.meta-badge{font-size:.75rem;padding:0 .6rem}}@media(min-width:600px)and (max-width:839px){.yt-preview-card{flex-direction:row;padding:1rem;align-items:flex-start}.yt-preview-thumbnail{height:100px;width:133px}.yt-preview-details{flex:1;align-items:flex-start;text-align:left}.yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-card.skeleton .yt-preview-details{align-items:flex-start;text-align:left}.yt-preview-card.skeleton .yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-title{font-size:1rem}.yt-preview-author{font-size:.875rem}.yt-preview-card.skeleton .skeleton-line.skeleton-author{width:28%}}@media(min-width:840px)and (max-width:1239px){.yt-preview-card{flex-direction:row;gap:1rem;padding:1rem;align-items:flex-start}.yt-preview-thumbnail{height:140px;min-height:140px;width:187px;min-width:187px}.yt-preview-details{flex:1;align-items:flex-start;text-align:left}.yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-title{font-size:1rem;-webkit-line-clamp:1}.yt-preview-author{font-size:.875rem}.meta-badge{font-size:.75rem}}@media(min-width:1240px)and (max-width:1919px){.yt-preview-card{flex-direction:row;gap:1.25rem;padding:1.25rem;align-items:flex-start}.yt-preview-thumbnail{height:150px;min-height:150px;width:200px;min-width:200px}.yt-preview-details{flex:1;align-items:flex-start;text-align:left}.yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-title{font-size:1.125rem}.yt-preview-author{font-size:.9375rem}.meta-badge{font-size:.8125rem;padding:0 .7rem}}@media(min-width:1920px)and (max-width:2559px){.yt-preview-card{flex-direction:row;gap:1.5rem;padding:1.5rem;align-items:flex-start}.yt-preview-thumbnail{height:200px;min-height:200px;width:267px;min-width:267px}.yt-preview-details{flex:1;align-items:flex-start;text-align:left}.yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-title{font-size:1.25rem}.yt-preview-author{font-size:1rem}.meta-badge{font-size:.875rem;padding:0 .8rem}}@media(min-width:2560px){.yt-preview-card{flex-direction:row;gap:1.75rem;padding:1.75rem;align-items:flex-start}.yt-preview-thumbnail{height:200px;min-height:200px;width:267px;min-width:267px}.yt-preview-details{flex:1;align-items:flex-start;text-align:left}.yt-preview-meta{justify-content:flex-start;align-items:flex-start}.yt-preview-title{font-size:1.375rem}.yt-preview-author{font-size:1.125rem}.meta-badge{font-size:.9375rem;padding:0 .9rem}}.video-info-card{background:transparent;width:100%;margin:0;box-sizing:border-box}.video-layout{display:flex;flex-direction:column;gap:var(--space-xl, 10px)}.video-info-left{width:100%}.video-thumbnail{position:relative;width:100%;border-radius:var(--radius-md, 4px);overflow:hidden;margin-bottom:var(--space-sm, 6px)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:var(--color-white);padding:3px 6px;border-radius:3px;font-size:12px;font-weight:600;z-index:2;pointer-events:none}.aspect-16-9{position:relative;aspect-ratio:16 / 9;overflow:hidden}.aspect-16-9 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.thumbnail-image{display:block;width:100%;object-fit:cover;background:var(--color-gray-100)}.thumbnail-hidden{opacity:0;visibility:hidden}.thumbnail-visible{opacity:1;visibility:visible}.thumbnail-error{opacity:.3;visibility:visible}.thumbnail-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.skeleton-hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none!important}.video-title-wrapper{margin-bottom:var(--space-sm, 6px)}.video-title-skeleton{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:74px}.video-title-skeleton .skeleton-line{height:17px;border-radius:12px!important;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.video-title-skeleton .skeleton-line:first-child{width:85%}.video-title-skeleton .skeleton-line:nth-child(2){width:65%}.video-title-skeleton .skeleton-see-more{height:17px;width:60px;margin-top:4px;border-radius:4px;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.video-title{font-size:var(--font-size-md, 17px);font-weight:500;line-height:var(--line-height-tight, 1.4);color:var(--color-gray-850);margin:0;text-align:center;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.video-author{font-size:14px;color:var(--color-gray-550);text-align:center;margin-top:6px;font-weight:400}.video-title.expanded,.expandable-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none;overflow:visible}.dl-info__placeholder{padding:var(--space-xl, 20px);text-align:center;color:var(--color-gray-550);font-style:italic}.video-details{width:100%}.quality-list{display:block;border:1px solid var(--color-gray-250);border-radius:var(--radius-md, 4px);overflow:hidden}.quality-empty{padding:var(--space-2xl, 30px) var(--space-lg, 15px);text-align:center;color:var(--color-gray-550);font-style:italic;background:var(--color-gray-100)}.quality-item{background:var(--color-white);border-bottom:1px solid var(--color-gray-250);padding:0;transition:background-color .2s ease}.quality-item:last-child{border-bottom:none}.quality-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:12px 15px;gap:12px;min-height:60px}.quality-col-left{display:flex;align-items:center;justify-content:center}.format-type{font-size:14px;font-weight:700;color:var(--color-gray-850);text-transform:uppercase;letter-spacing:.3px}.quality-col-middle{display:flex;flex-direction:column;gap:4px;min-width:0}.quality-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quality-text{font-size:15px;font-weight:600;color:var(--color-gray-850)}.quality-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quality-badge.hd{background:linear-gradient(135deg,#f093fb,#f5576c)}.quality-badge.full-hd{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quality-badge.k4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.quality-size{font-size:13px;color:var(--color-gray-550);font-weight:500}.quality-col-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.btn-convert{display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 4px);padding:6px 30px;font-size:13px;font-weight:var(--font-weight-semibold, 600);transition:background .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;box-shadow:none}.btn-convert:hover{opacity:.85}.btn-convert.downloaded{background:var(--color-status-success)}.btn-convert.error{background:var(--color-status-error)}.btn-text{font-size:inherit}.btn-icon{width:16px!important;height:16px!important;flex-shrink:0}.btn-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-convert-btn{width:65px;height:22px;border-radius:8px;background:linear-gradient(90deg,var(--color-skeleton-dark) 25%,var(--color-skeleton-light) 50%,var(--color-skeleton-dark) 75%);background-size:200% 100%;animation:shimmer 1s linear infinite}.content-message{padding:var(--space-lg, 15px);border-radius:var(--radius-md, 4px);margin:var(--space-md, 10px) 0}.content-message--error{background:var(--color-error-bg-light);border:1px solid var(--color-error-border-light);color:var(--color-error-text-light)}.content-message--info{background:var(--color-gray-100);border:1px solid var(--color-gray-250);color:var(--pkg-color-gray-800)}.content-message--success{background:var(--color-success-bg);border:1px solid var(--color-status-success);color:var(--color-success-text)}@media(min-width:351px){.video-layout{gap:var(--space-xl, 10px)}.quality-row{grid-template-columns:65px 1fr auto;padding:14px 16px;gap:14px;min-height:65px}.format-type{font-size:15px}.quality-text{font-size:16px}.btn-convert{padding:6px 30px;font-size:var(--font-size-sm, 14px)}.btn-icon{width:14px;height:14px}.skeleton-convert-btn{width:75px;height:24px}}@media(min-width:600px){.video-layout{gap:var(--space-2xl, 20px)}.quality-row{grid-template-columns:70px 1fr auto;padding:16px 20px;gap:16px;min-height:70px}.format-type{font-size:16px}.quality-text{font-size:17px}.quality-badge{font-size:12px;padding:3px 10px}.quality-size{font-size:14px}.btn-convert{padding:var(--space-md, 8px) var(--space-2xl, 28px);font-size:var(--font-size-base, 15px)}.skeleton-convert-btn{width:90px;height:28px}}.see-more-btn{background:none;border:none;color:var(--color-gray-550);cursor:pointer;font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);padding:0;margin-top:2px}@media(min-width:840px){.video-layout{flex-direction:column;gap:var(--space-2xl, 30px);align-items:center}.video-info-left{width:100%;max-width:500px}.video-thumbnail{max-width:100%}.video-details{width:100%}.quality-row{grid-template-columns:75px 1fr auto;padding:18px 30px;gap:20px;min-height:75px}.format-type{font-size:17px}.quality-text{font-size:18px}}@media(min-width:1240px){.video-layout{flex-direction:row;gap:40px;align-items:flex-start}.video-info-left{flex:0 0 calc(40% - 24px);width:calc(40% - 24px);max-width:calc(40% - 24px)}.video-details{flex:0 0 calc(60% - 16px);width:calc(60% - 16px);max-width:calc(60% - 16px)}.quality-row{grid-template-columns:75px 1fr auto;padding:18px 30px;gap:20px}}@media(min-width:1920px){.video-layout{flex-direction:row;gap:40px;align-items:flex-start}.video-info-left{flex:0 0 calc(40% - 30px);width:calc(40% - 30px);max-width:calc(40% - 30px)}.video-details{flex:0 0 calc(60% - 20px);width:calc(60% - 20px);max-width:calc(60% - 20px)}}@media(min-width:2560px){.video-layout{gap:50px}.video-info-left{flex:0 0 calc(40% - 36px);width:calc(40% - 36px);max-width:calc(40% - 36px)}.video-details{flex:0 0 calc(60% - 24px);width:calc(60% - 24px);max-width:calc(60% - 24px)}.btn-convert{font-size:var(--font-size-lg, 18px);padding:var(--space-lg, 15px) var(--space-xl, 20px)}}.conversion-state-wrapper{min-height:113px}@media(min-width:768px){.conversion-state-wrapper{min-height:123px}}.status-container,.action-container{padding:0!important;margin:16px 0 0;border-radius:8px;min-height:40px}.action-container{margin:12px 0 0}.status-container{position:relative;background:var(--status-container-bg);border:1px solid var(--status-container-border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border-color .3s;contain:layout style paint}.status-container:has(.audio-language-warning){flex-direction:column}.status--processing:before,.status--success:before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress-width, 0%);background:var(--status-progress-bg);box-shadow:none;transition:width .1s ease;z-index:1;display:none}.status.status--has-progress:before{display:block}.status--processing:before{background:var(--status-progress-bg)}.status--no-transition:before{transition:none!important}.status--processing.status--merging:before{background:var(--status-progress-bg)}.status--completing:before{transition:width .4s ease-out!important}.status--completing:before,.status--completing:after{background:var(--status-progress-bg)}.status{z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px}.status-text{position:relative;z-index:2;font-size:12px;font-weight:500;color:var(--status-text-color);text-transform:capitalize;display:flex;align-items:center}.audio-language-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:10px 0;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-small, 8px);color:var(--color-warning);font-size:13px;font-weight:500;line-height:1;text-align:center}.audio-language-warning strong{font-weight:700;color:var(--color-warning-strong)}.icon{position:relative;z-index:200;width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease;visibility:hidden}.icon.spinner{visibility:hidden;border:2px solid var(--spinner-border-color);border-top:2px solid var(--spinner-top-color);border-radius:50%;margin:0;display:none}.icon.spinner.active{display:inline-flex;visibility:visible;animation:spin .4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon.checkmark,.icon.error{opacity:0;visibility:hidden}.status--error .status-text{color:var(--color-status-error)}.status-container .progress-bar{display:none!important}.action-container{display:none}.action-container.active{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin:16px 0 0;min-height:36px}.download-btn,.retry-btn,.btn-new-convert{margin:0;height:40px;min-height:40px;padding:0 25px;width:fit-content;border-radius:12px;font-family:var(--font-main);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.download-btn.active,.retry-btn.active{display:inline-flex}.download-btn,.retry-btn{border:none;color:var(--color-white);display:none}.download-btn{background:var(--brand)}.download-btn:hover{background:var(--brand-hover)}.download-btn.is-loading{opacity:.6;cursor:not-allowed}.download-btn.is-loading:disabled{opacity:.6;cursor:not-allowed}.btn-loading-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:9999px;animation:spin .6s linear infinite}.retry-btn{background:var(--color-status-error)}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:translateY(0)}.btn-new-convert{background:var(--color-next-btn-bg);color:var(--color-next-btn-text);border:1px solid var(--color-next-btn-border)}.btn-new-convert:hover{background:var(--color-next-btn-hover-bg);border-color:var(--color-next-btn-hover-border)}@media(min-width:768px){.status-container{min-height:48px}.status{width:auto;min-width:250px;justify-content:center}.status-text{font-size:15px;color:var(--status-text-color);flex:none}}@media(max-width:350px){.download-btn,.retry-btn,.btn-new-convert{font-size:10px;padding:0 20px}}@media(min-width:351px)and (max-width:767px){.download-btn,.retry-btn,.btn-new-convert{font-size:12px;padding:0 20px}}@media(min-width:768px){.action-container.active{min-height:48px}.download-btn,.retry-btn,.btn-new-convert{height:48px;min-height:48px;padding:0 28px}}.download-btn:focus-visible,.retry-btn:focus-visible,.btn-new-convert:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.download-btn:disabled,.retry-btn:disabled,.btn-new-convert:disabled{opacity:.5;cursor:not-allowed}.captcha-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:var(--pkg-captcha-modal-z-index);visibility:hidden;opacity:0}.captcha-modal.visible{visibility:visible;opacity:1;transition:opacity .2s ease-out}.captcha-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--pkg-captcha-modal-overlay-bg)}.captcha-modal-content{position:relative;background-color:var(--pkg-captcha-modal-bg);color:var(--color-white);border-radius:var(--pkg-captcha-modal-radius);padding:var(--pkg-captcha-modal-padding);width:90%;max-width:420px;box-shadow:none;transform:scale(1)}.captcha-modal.visible .captcha-modal-content{transform:scale(1);transition:transform .2s ease-out}.captcha-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-700);padding-bottom:16px;margin-bottom:16px}.captcha-modal-title{font-size:1.25rem;font-weight:600;margin:0}.captcha-modal-close-btn{background:none;border:none;color:var(--color-gray-400);font-size:2rem;font-weight:300;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.captcha-modal-close-btn:hover{color:var(--color-white)}.captcha-modal-body p{margin:0 0 16px;color:var(--color-gray-300);font-size:.95rem;line-height:1}.recaptcha-container{display:flex;justify-content:center;align-items:center;min-height:80px}@media(max-width:576px){.captcha-modal-content{padding:20px}.captcha-modal-title{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}