html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}body{background:#000}.container--fluid{margin:0 1rem;position:relative}:root{--color-primary:#007bfc}.color-logo--layer-0{fill:#fff}.color-logo--layer-10{fill:#51b9ff}.color-logo--layer-20{fill:#007bfc}.color-logo-colored--layer-0{fill:#fff}.color-logo-colored--layer-10{fill:#51b9ff}.color-logo-colored--layer-20{fill:#007bfc}@keyframes spin{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:translateZ(0)rotate(0)}to{-webkit-transform:translateZ(0)rotate(360deg)}}@keyframes dots{0%{color:#43f7cd00;text-shadow:.25em 0 #43f7cd00,.5em 0 #43f7cd00}20%{color:#43f7cd00;text-shadow:.25em 0 #43f7cd00,.5em 0 #43f7cd00}40%{color:#ededed;text-shadow:.25em 0 #43f7cd00,.5em 0 #43f7cd00}60%{text-shadow:.25em 0 #ededed,.5em 0 #43f7cd00}80%{text-shadow:.25em 0 #ededed,.5em 0 #ededed}to{text-shadow:.25em 0 #ededed,.5em 0 #ededed}}video{object-fit:cover;pointer-events:none;z-index:12;width:100vw;height:100vh;position:absolute;top:0;left:0}.loading-spinner{z-index:11;background:radial-gradient(circle at 20% 10%,#313235 0,#28292d 50%),radial-gradient(circle at 80% 70%,#313235 0,#28292d 50%),linear-gradient(135deg,#313235,#28292d 100%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.loading-spinner__content{place-content:center;justify-items:center;display:grid}.loading-spinner__circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#28292d99;border:1px solid #59595966;border-radius:100%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 0 60px #000c}.loading-spinner__wheel{border:8px solid #ededed;border-top-color:#0000;border-radius:50%;width:80px;height:80px}.loading-spinner__text{color:#ededed;text-shadow:2px 2px 4px #000000b3;margin-top:15px;font-size:2rem;font-style:normal;font-weight:700;line-height:45px}.loading-spinner__dots{text-align:left;width:1.5em;display:inline-block}.hero-gradient{background:linear-gradient(#28292d 0% 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-gradient:before{content:"";z-index:0;background:radial-gradient(circle at 20% 10%,#1e38a3 0,#28292d 50%),radial-gradient(circle at 80% 70%,#021048 0,#28292d 50%),linear-gradient(135deg,#313235,#28292d 100%);position:absolute;inset:0}.channel-warning{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:#b45309e6;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;animation:.3s ease-out slideDown;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.channel-warning svg{flex-shrink:0}.channel-warning-close{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:all .15s;display:flex}.channel-warning-close:hover{color:#fff;background:#fff3}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#clip-info-container{z-index:12;max-width:500px;position:absolute;bottom:16px;left:16px}#clip-info{color:#ededed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:2px 2px 4px #000000b3;background-color:#28292d99;border:1px solid #59595966;border-radius:6px;padding:16px;font-size:1.2rem;line-height:1.3;box-shadow:0 0 60px #0009}.clip-info-badge{text-transform:uppercase;letter-spacing:.05em;color:#ededed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:2px 2px 4px #000000b3;background-color:#28292d99;border:1px solid #59595966;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 0 60px #0009}#next-clip-container{z-index:12;max-width:500px;position:absolute;bottom:16px;right:16px}#next-clip-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ededed;text-shadow:2px 2px 4px #000000b3;background-color:#28292d99;border:1px solid #59595966;border-radius:6px;padding:16px;font-size:1.2rem;line-height:1.3;box-shadow:0 0 60px #0009}#next-clip-info>div{align-items:center;gap:8px;line-height:1.5;display:flex}#next-clip-info>div svg{flex-shrink:0}#next-clip-info>div:not(:last-child){margin-bottom:4px}#next-clip-info>div:first-child{color:#ededed;margin-bottom:5px;font-size:1.2rem;font-weight:400}#next-clip-info>div:first-child svg{min-width:24px;min-height:24px}#next-clip-info>div:first-child strong{word-break:break-word;transform:translateY(-1px)}#next-clip-info>div:nth-child(2),#next-clip-info>div:last-child{color:#edededcc}#next-clip-info>div:last-child strong{color:#ededede6;font-weight:500}.next-clip-badge{text-transform:uppercase;letter-spacing:.05em;color:#ededed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:2px 2px 4px #000000b3;background-color:#28292d99;border:1px solid #59595966;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 0 60px #0009}.next-clip-progress{background-color:#59595980;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.next-clip-progress-bar{background-color:#ededed;border-radius:2px;height:100%}#logo-container.logo--top-left{inset:28px auto auto 16px}.platform-selector{grid-template-columns:repeat(1,1fr);gap:15px;display:grid}.platform-option{cursor:pointer;background-color:#262626;border:1px solid #0000;border-radius:6px;align-items:center;gap:15px;padding:15px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.platform-option:hover{border-color:var(--color-primary)}.platform-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background-color:#2a6be31f}.platform-option__icon-container{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.platform-logo{filter:grayscale();opacity:.6;width:100%;height:auto;transition:all .2s ease-in-out}.platform-option:hover .platform-logo,.platform-option.selected .platform-logo{filter:grayscale(0%);opacity:1}.platform-option__text-container{color:#ededed}.platform-option__title{margin-bottom:2px;font-size:1.1em;font-weight:600}.platform-option__subtitle{color:#999;font-size:.9em}.platform-option__checkmark{color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 0);background-color:#007bfc;border-bottom-left-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s ease-in-out;display:flex;position:absolute;top:-1px;right:-1px;transform:scale(.9)}.platform-option.selected .platform-option__checkmark{transform:scale(1)}.platform-option.disabled{cursor:not-allowed;opacity:.6}.platform-option.disabled:hover{background-color:#262626;border-color:#0000}.platform-option.disabled .platform-logo{filter:grayscale();opacity:.4}.badge{color:#ededed;vertical-align:middle;background-color:#007bfc;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:.7em;font-weight:600;line-height:1;display:inline-block}.platform-option__checkmark svg{margin-bottom:12px;margin-left:12px}#clip-info>div{align-items:center;gap:8px;line-height:1.5;display:flex}#clip-info>div svg{flex-shrink:0}#clip-info>div:not(:last-child){margin-bottom:4px}#clip-info>div:first-child{color:#ededed;margin-bottom:5px;font-size:1.2rem;font-weight:400}#clip-info>div:first-child svg{min-width:24px;min-height:24px}#clip-info>div:first-child strong{word-break:break-word;transform:translateY(-1px)}#clip-info>div:nth-child(2),#clip-info>div:last-child{color:#edededcc}#clip-info>div:last-child strong{color:#ededede6;font-weight:500}.clip-info-progress{background-color:#59595980;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.clip-info-progress-fill{background-color:#ededed;border-radius:2px;height:100%}.clip-info-badges,.next-clip-badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.clip-info-channel-badge,.next-clip-channel-badge{text-transform:uppercase;letter-spacing:.05em;color:#ededed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:2px 2px 4px #000000b3;background-color:#28292d99;border:1px solid #59595966;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 0 60px #0009}#logo-container{color:#ededed;z-index:12;opacity:0;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .8s;display:flex;position:absolute}#logo{width:auto;height:22px}#logo-container.logo-animate-in{opacity:.8;pointer-events:auto;flex-direction:column;align-items:center}#logo-container.logo-animate-out{opacity:0}#logo-text{color:#ededed;text-align:center;text-shadow:1px 1px 3px #000000e6;letter-spacing:1px;text-transform:lowercase;width:auto;font-size:.5rem;font-weight:500}.progressbar--enabled{top:16px!important}#countdown-timer{z-index:12;position:absolute;top:16px;right:16px}.countdown-timer__inner{color:#ededed;text-shadow:2px 2px 4px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#28292d99;border:1px solid #59595966;border-radius:6px;align-items:center;gap:5px;padding:12px;font-size:1.4rem;font-weight:400;display:flex;box-shadow:0 0 60px #0009}.countdown-timer__inner span{transform:translateY(-1px)}#progress-bar-container{z-index:12;background:0 0;width:100%;height:10px;position:absolute;top:0;left:0}#progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:width;background-color:#28292d99;border:1px solid #59595966;border-left:none;border-radius:0 8px 8px 0;width:0;height:100%;box-shadow:0 0 60px #0009}#progress-bar-container.progress-bar--bottom{position:fixed;top:auto;bottom:0}#progress-bar-container.progress-bar--bottom #progress-bar{border:1px solid #59595966;border-left:none;border-radius:0 8px 8px 0}.progress-bar-bottom{width:100%;height:100vh;position:relative;overflow:visible}.progress-bar-bottom #clip-info-container,.progress-bar-bottom #next-clip-container,.progress-bar-bottom #logo-container{bottom:28px}.progress-bar-bottom #logo-container.logo--top-left{top:16px;bottom:auto}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;transition:top .2s;display:flex;position:fixed}.toast-container--top-right{top:20px;right:20px}.toast-container--top-left{top:20px;left:20px}.toast-container--below-header.toast-container--top-right,.toast-container--below-header.toast-container--top-left{top:calc(5rem + 20px)}.toast-container--bottom-right{bottom:20px;right:20px}.toast-container--bottom-left{bottom:20px;left:20px}.toast-container--top-center{top:20px;left:50%;transform:translate(-50%)}.toast-container--below-header.toast-container--top-center{top:calc(5rem + 20px)}.toast-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ededed;text-shadow:1px 1px 2px #00000080;pointer-events:auto;background-color:#28292df2;border:1px solid #59595966;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:0 0 60px #0009}.toast--exiting{animation:.3s ease-in forwards toastSlideOut}.toast--success{border-left:3px solid #22c55e}.toast--success .toast__icon{color:#22c55e}.toast--error{border-left:3px solid #ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left:3px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left:3px solid #3b82f6}.toast--info .toast__icon{color:#3b82f6}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__message{flex:1}.toast__close{color:#ededed99;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.toast__close:hover{color:#ededed;background:#ffffff1a}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-container--top-left .toast,.toast-container--bottom-left .toast{animation-name:toastSlideInLeft}.toast-container--top-left .toast--exiting,.toast-container--bottom-left .toast--exiting{animation-name:toastSlideOutLeft}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.toast-container--top-center .toast,.toast-container--bottom-center .toast{animation-name:toastSlideInCenter}.toast-container--top-center .toast--exiting,.toast-container--bottom-center .toast--exiting{animation-name:toastSlideOutCenter}@keyframes toastSlideInCenter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#url-generator{z-index:1000;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:0;left:0;overflow-y:auto}#url-generator.hero-gradient{background:linear-gradient(#28292d 0% 100%)}.generator-content{z-index:1;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:50px 25px;display:flex;position:relative}.generator-layout{flex:1;grid-template-columns:480px 1fr;gap:30px;display:grid}.generator-sidebar{background:linear-gradient(#313235 0%,#28292d 100%);border-radius:3px;height:fit-content;padding:30px;position:sticky;top:30px;box-shadow:0 0 60px #00000040}.sidebar-section{margin-bottom:28px}.sidebar-section:last-child{margin-bottom:0}.sidebar-badge-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sidebar-badge{text-transform:uppercase;letter-spacing:.05em;color:#22c55e;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.sidebar-status{color:#22c55e;align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.sidebar-status.loading{color:#a0a0a0}.sidebar-status.error{color:#ef4444}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}}.sidebar-section h2{color:#ededed;margin-bottom:12px;font-size:1.4rem;font-weight:700}.sidebar-section h3{color:#ededed;align-items:center;gap:8px;margin-bottom:14px;font-size:1rem;font-weight:600;display:flex}.sidebar-description{color:#a0a0a0;font-size:.95rem;line-height:1.6}.feature-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feature-card{background:#262626;border-radius:6px;padding:14px}.feature-card-header{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.feature-card-icon{color:#007bfc;flex-shrink:0;margin-top:2px}.feature-card-title{color:#ededed;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.95rem;font-weight:600}.feature-card-subtitle{color:#007bfc;margin-bottom:8px;font-size:.8rem;display:block}.feature-card-description{color:gray;margin:0;font-size:.85rem;line-height:1.5}.steps-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps-list li{color:#b0b0b0;align-items:flex-start;gap:12px;font-size:.9rem;display:flex}.step-number{color:#fff;background:#007bfc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;line-height:1;display:flex}.spotlight-section{border-top:1px solid #3d3d3d;padding-top:20px}.spotlight-description{color:gray;margin-bottom:12px;font-size:.85rem;line-height:1.5}.spotlight-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.spotlight-badge{color:#a0a0a0;background:#333;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:inline-flex}.spotlight-badge.success{color:#22c55e;background:#22c55e1a}.spotlight-badge.warning{color:#f59e0b;background:#f59e0b1a}.spotlight-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spotlight-item{background:#262626;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}.spotlight-icon{color:#6b6b6b;flex-shrink:0}.spotlight-icon.success{color:#22c55e}.spotlight-label{color:#a0a0a0;flex:1;font-size:.85rem}.spotlight-value{color:#ededed;font-size:.85rem;font-weight:600}.spotlight-value.online{color:#22c55e}.spotlight-footer{color:#007bfc;border-top:1px solid #3d3d3d;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding-top:12px;font-size:.8rem;line-height:1;display:flex}.spotlight-footer svg{flex-shrink:0}.powered-by a{color:#ededed!important}.powered-by a:hover{opacity:.8}header{z-index:1000;background:linear-gradient(90deg,#021048,#1e38a3);position:relative}header .header{grid-template:"menu logo nav"1fr/auto 1fr auto;grid-auto-flow:column;align-items:center;height:5rem;display:grid;position:relative}header .header .header--logo{justify-self:start;max-height:5rem}header .header .header--logo .logo__link{justify-content:center;display:inline-flex}header .header .header--logo .logo-icon{width:auto;height:2rem}header .header .header--logo .logo__divider{border-right:1px solid #3d3d3d;height:2rem}header .header .header--logo .logo__module-name{color:#ededed}header .header .header--logo .header--logo__mobile{display:grid}header .header .header--logo .header--logo__web{display:none}header .header .header--logo .header--logo__mobile,header .header .header--logo .header--logo__web{grid-column-gap:1rem;grid-area:logo;grid-auto-flow:column;justify-content:center;align-items:center;width:100%;height:5rem;position:relative}.hamburger-menu-container{grid-area:menu;justify-self:start;align-items:center;margin-right:1rem;display:flex}.hamburger-menu{cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .2s;display:flex;position:relative}.hamburger-menu:hover{background:#ffffff1a}.hamburger-menu:active{background:#ffffff26}.hamburger-menu:focus{outline:none}.hamburger-menu:focus-visible{outline-offset:2px;outline:2px solid #007bfc}.hamburger-menu__line{background:#ededed;border-radius:2px;width:1.25rem;height:2px;transition:transform .3s cubic-bezier(.68,-.6,.32,1.6),opacity .2s;position:absolute}.hamburger-menu__line--top{transform:translateY(-6px)}.hamburger-menu__line--middle{transform:translateY(0)}.hamburger-menu__line--bottom{transform:translateY(6px)}.hamburger-menu.is-open .hamburger-menu__line--top{transform:translateY(0)rotate(45deg)}.hamburger-menu.is-open .hamburger-menu__line--middle{opacity:0;transform:translate(-10px)}.hamburger-menu.is-open .hamburger-menu__line--bottom{transform:translateY(0)rotate(-45deg)}.header--nav{z-index:999;background:linear-gradient(#1a1b1e 0%,#121315 100%);border-right:1px solid #ffffff1a;flex-direction:column;gap:.5rem;width:280px;height:calc(100vh - 5rem);padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:5rem;left:0;transform:translate(-100%)}.header--nav.is-open{transform:translate(0)}.header--nav a{color:#b0b0b0;border-radius:8px;align-items:center;gap:12px;padding:.875rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.header--nav a:hover{color:#fff;background:#ffffff14}.header--nav a.is-active{color:#007bfc;background:#007bfc26}.header--nav a.is-active:hover{background:#007bfc33}.mobile-menu-backdrop{opacity:0;visibility:hidden;z-index:998;background:#00000080;width:100%;height:calc(100vh - 5rem);transition:opacity .3s,visibility .3s;position:fixed;top:5rem;left:0}.mobile-menu-backdrop.is-open{opacity:1;visibility:visible}@media (max-width:1023px){.header--nav .language-switcher{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.75rem;position:relative}.header--nav .language-switcher__toggle{color:#b0b0b0;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.header--nav .language-switcher__toggle:hover,.header--nav .language-switcher__toggle.is-open{color:#fff;background:#ffffff14}.header--nav .language-switcher__chevron{margin-left:auto;transition:transform .2s}.header--nav .language-switcher__toggle.is-open .language-switcher__chevron{transform:rotate(180deg)}.header--nav .language-switcher__dropdown{background:#0003;border:none;border-radius:8px;width:calc(100% - 2rem);margin-top:.25rem;padding:4px;position:relative;top:0;left:0}.header--nav .language-switcher__option{color:#b0b0b0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.header--nav .language-switcher__option:hover{color:#fff;background:#ffffff14}.header--nav .language-switcher__option.is-selected{color:#007bfc;background:#007bfc26}.header--nav .language-switcher__option.is-selected:hover{background:#007bfc33}.header--nav .language-switcher__check{color:#007bfc}}@media (min-width:1024px){.hamburger-menu-container,.mobile-menu-backdrop{display:none}.header--nav{background:0 0;border-right:none;grid-area:nav;grid-auto-flow:column;justify-self:end;align-items:center;gap:.5rem;width:auto;height:auto;padding:0;display:grid;position:static;transform:none}.header--nav a{color:#ededed;border-radius:6px;height:36px;padding:0 14px;font-size:.9rem}.header--nav a:hover{color:#fff;background:#ffffff1a}.header--nav a.is-active{color:#fff;background:#ffffff26}.header--nav .nav-link.is-active:hover{color:#fff;background:#fff3}.header--nav .nav-cta{color:#fff;background:#007bfc;border-radius:6px;align-items:center;gap:6px;margin-left:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.header--nav .nav-cta:hover{background:#0066d4;transform:translateY(-1px);box-shadow:0 4px 12px #007bfc4d}.language-switcher{position:relative}.language-switcher__toggle{color:#ededed;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.language-switcher__toggle:hover{color:#fff;background:#ffffff1a}.language-switcher__toggle.is-open{color:#fff;background:#ffffff26}.language-switcher__chevron{transition:transform .2s}.language-switcher__toggle.is-open .language-switcher__chevron{transform:rotate(180deg)}.language-switcher__dropdown{z-index:100;background:linear-gradient(#313235 0%,#28292d 100%);border:1px solid #ffffff1a;border-radius:8px;min-width:140px;padding:4px;animation:.2s langDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000080}@keyframes langDropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.language-switcher__option{color:#ededed;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.language-switcher__option:hover{color:#fff;background:#ffffff14}.language-switcher__option.is-selected{color:#007bfc;background:#007bfc26}.language-switcher__option.is-selected:hover{background:#007bfc33}.language-switcher__check{color:#007bfc}header .header{grid-template-columns:1fr auto;grid-template-areas:"logo nav"}header .header .header--logo .header--logo__mobile{display:none}header .header .header--logo .header--logo__web{display:grid}}.generator-body{z-index:1;background:linear-gradient(#313235 0%,#28292d 100%);border-radius:3px;flex:1;padding:50px;position:relative;box-shadow:0 0 60px #00000040}.generator-form{margin-bottom:30px}.form-section{border-bottom:2px solid #3d3d3d;margin-bottom:30px;padding-bottom:25px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h2{color:#fff;align-items:center;gap:8px;margin:0 0 20px;font-size:1.3em;font-weight:600;display:flex}.form-row{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:20px;display:grid}.form-row:last-child,.form-row .form-group{margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{color:#ededed;margin-bottom:6px;font-size:.95em;font-weight:500;display:block}.form-group input:not(.tag-input),.form-group select{color:#8a8a8a;box-sizing:border-box;background:0 0;border:1px solid #595959;border-radius:3px;width:100%;padding:12px 14px;font-size:16px;font-weight:500;transition:all .2s}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px;transition:all .2s}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23007bfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 15 12 9 18 15'%3E%3C/polyline%3E%3C/svg%3E")}.form-group input[type=number]{appearance:textfield;padding-right:40px}.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-wrapper{align-items:stretch;display:flex;position:relative}.number-input-wrapper input{flex:1}.number-input-buttons{border-radius:0 2px 2px 0;flex-direction:column;width:28px;display:flex;position:absolute;top:1px;bottom:1px;right:1px;overflow:hidden}.number-input-btn{color:#8a8a8a;cursor:pointer;background:#363636;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.number-input-btn:hover{color:#ededed;background:#404040}.number-input-btn:active{background:#4a4a4a}.number-input-btn:first-child{border-bottom:1px solid #595959}.input-with-clear{align-items:center;display:flex;position:relative}.input-with-clear input{flex:1;padding-right:36px}.clear-input-btn{color:#8a8a8a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;right:10px}.clear-input-btn:hover{color:#ededed;background:#ffffff1a}.form-group input:not(.tag-input):focus,.form-group select:focus{color:#ededed;border-color:#007bfc;outline:none;box-shadow:0 0 0 1px #007bfc}.form-group option{background-color:#262626}.form-group input[type=range]{appearance:none;background:#595959;border:none;border-radius:3px;height:8px;margin-top:20px;margin-bottom:15px;padding:0}.form-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#007bfc;border:2px solid #ededed;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0003}.volume-value{color:#007bfc;min-width:40px;padding-left:5px;font-weight:600;display:inline-block}.form-group small{color:#999;margin-top:4px;font-size:.85em;line-height:1.3;display:block}.tag-input-wrapper{cursor:text;box-sizing:border-box;background:0 0;border:1px solid #595959;border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:8px 12px;transition:all .2s;display:flex}.tag-input-wrapper:focus-within{border-color:#007bfc;box-shadow:0 0 0 1px #007bfc}.tag-badge{color:#ededed;white-space:nowrap;background:linear-gradient(#2a6be31f 0% 100%),#262626;border:1px solid #007bfc;border-radius:3px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;line-height:1;display:inline-flex;box-shadow:0 0 32px #00000014}.tag-badge-text,.tag-badge-remove{align-items:center;height:12px;display:flex}.tag-badge-remove{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;padding:0;transition:color .2s}.tag-badge-remove svg{display:block}.tag-badge-remove:hover{color:#ff6b6b}.tag-input{color:#ededed;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:4px 0;font-size:.95em}.tag-input::placeholder{color:#666}.error-display-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.error-display{background:linear-gradient(#313235 0%,#28292d 100%);border-radius:3px;flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 0 60px #00000040}.error-display-error{color:#ef4444;border-bottom:2px solid #3d3d3d;align-items:flex-start;gap:12px;padding:20px 25px;font-size:.95rem;line-height:1.5;display:flex}.error-display-error svg{flex-shrink:0;margin-top:2px}.error-display-config{flex-direction:column;gap:20px;padding:20px 25px;display:flex}.error-display-section{flex-direction:column;gap:10px;display:flex}.error-display-section-title{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.error-display-section-title-failed{color:#ef4444}.error-display-config-list{flex-direction:column;gap:8px;display:flex}.error-display-config-item{background:#0003;border:1px solid #0000;border-radius:3px;gap:12px;padding:10px 14px;font-size:.9rem;display:flex}.error-display-config-item-failed{background:#ef44441a;border-color:#ef44444d}.error-display-config-label{color:#888;flex-shrink:0;min-width:140px}.error-display-config-item-failed .error-display-config-label{color:#ef4444}.error-display-config-value{color:#ededed;word-break:break-word}.error-display-config-item-failed .error-display-config-value{color:#fff}.checkbox-group{margin-bottom:10px}.checkbox-group label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;font-weight:400;display:flex}.checkbox-group input[type=checkbox]{display:none}.checkmark{border:2px solid #595959;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-group input[type=checkbox]:checked+.checkmark{background:#007bfc;border-color:#007bfc}.checkmark svg{color:#ededed}.checkbox-sub-option{margin-top:8px;margin-bottom:0;margin-left:30px}.option-box{background-color:#31323580;border:1px solid #59595966;border-radius:8px;margin-bottom:10px;padding:12px}.option-box .form-group{margin-bottom:0}.option-box-sub{border-top:1px solid #5959594d;margin-top:12px;padding-top:12px}.option-box-sub .form-group{margin-bottom:0}.option-box-sub .form-group select{width:auto;min-width:120px}.option-box-sub .form-group small{color:#edededb3;margin-bottom:8px;display:block}.option-box-sub-hint{color:#edededb3;margin-bottom:10px;display:block}.option-box-sub-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-box-sub-grid label{cursor:pointer;color:#ededed;align-items:center;gap:10px;font-size:.9rem;font-weight:400;display:flex}.option-box-sub-grid input[type=checkbox]{display:none}.option-box-sub-grid input[type=checkbox]:checked+.checkmark{background:#007bfc;border-color:#007bfc}.popular-streamers{margin-top:15px}.popular-streamers p{color:#ededed;margin:0 0 10px;font-size:.9em;font-weight:500}.streamer-buttons{flex-wrap:wrap;gap:8px;display:flex}.streamer-btn{color:#ededed;cursor:pointer;background:linear-gradient(#2a6be31f 0% 100%),#262626;border:1px solid #007bfc;border-radius:3px;padding:8px 15px;font-size:.85rem;font-weight:500;transition:all .2s;box-shadow:0 0 32px #00000014}.streamer-btn:hover{color:#ededed;background:#007bfc;border-color:#007bfc;transform:translateY(-1px)}.url-preview{background:linear-gradient(#2a6be31f 0% 100%),#262626;border:1px solid #007bfc;border-radius:3px;margin-top:25px;padding:25px}.url-preview h3{color:#fff;margin:0 0 15px;font-size:1.1em;font-weight:600}.url-container{gap:10px;margin-bottom:15px;display:flex}#generated-url{color:#8a8a8a;background:0 0;border:1px solid #595959;border-radius:3px;flex:1;padding:15px;font-size:1rem;transition:all .2s}#generated-url:focus,#generated-url:active{color:#ededed;border-color:#007bfc;outline:none;box-shadow:0 0 0 1px #007bfc}.copy-btn{color:#ededed;cursor:pointer;white-space:nowrap;background:#595959;border:none;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.copy-btn:hover{background:#595959b3}.action-buttons{gap:10px;display:flex}.launch-btn,.test-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1em;font-weight:600;transition:all .2s;display:flex}.launch-btn{color:#fff;background:#007bfc;border-radius:3px}.launch-btn:hover{box-shadow:0 8px 25px #2a6be34d}.test-btn{color:#ededed;background:#2a6be31f;border-radius:3px}.test-btn:hover{color:#ededed;background:#007bfc}footer{color:#ededed;z-index:1000;background:linear-gradient(#313235 0%,#28292d 100%);border-top:1px solid #595959;position:relative;bottom:0;left:0;right:0}footer .footer{grid-row-gap:1rem;grid-template-areas:"legal""divider""logo";grid-auto-flow:row;align-items:center;padding:1rem 0;font-size:.8rem;line-height:.8rem;display:grid;position:relative}footer .footer .footer--logo__container{grid-column-gap:1rem;grid-area:logo;grid-template-areas:"logo copyright";grid-auto-flow:column;justify-content:center;place-items:center;display:grid}footer .footer .footer--logo__container .logo__link{grid-area:logo;justify-content:center;display:inline-flex}footer .footer .footer--logo__container .logo__link .logo-icon{width:auto;height:2rem}footer .footer .footer--logo__container .footer--logo__divider{border-right:1px solid #595959;grid-area:divider;height:2rem;display:none}footer .footer .footer--logo__container .footer--logo__copyright{color:#ededed;grid-area:copyright}footer .footer .footer--divider{background:#595959;grid-area:divider;width:100%;height:1px;display:block}footer .footer .footer--legal__container{grid-area:legal;justify-items:center}footer .footer .footer--legal__container .footer--legal__menu ul{grid-column-gap:.5rem;grid-auto-flow:column;place-items:center;margin:0;padding:0;list-style:none;display:grid}footer .footer .footer--legal__container .footer--legal__menu ul li{align-items:center;display:inline-flex}footer .footer .footer--legal__container .footer--legal__menu ul li a{color:#ededed}footer .footer .footer--legal__container .footer--legal__menu ul li.footer--legal__menu-divider{background:#595959;width:1px;height:1rem;display:block}@media (min-width:768px){#logo-container{gap:2px;padding:12px;bottom:15px;right:15px}#logo{width:auto;height:28px}.platform-selector{grid-template-columns:repeat(3,1fr)}#logo-text{font-size:.6rem}.progressbar--enabled{top:unset!important}footer .footer{grid-template-areas:"logo legal";grid-auto-flow:column}footer .footer .footer--logo__container{grid-template-areas:"logo divider copyright";justify-self:start}footer .footer .footer--logo__container .footer--logo__divider{display:block}footer .footer .footer--divider{display:none}footer .footer .footer--legal__container{justify-self:end}footer .footer .footer--legal__container .footer--legal__menu ul{grid-column-gap:1rem}}@media (max-width:1024px){.generator-layout{grid-template-columns:1fr}.generator-sidebar{position:static}}@media (max-width:768px){.generator-sidebar{padding:20px}.sidebar-section h2{font-size:1.2rem}.loading-spinner__circle{width:140px;height:140px}.loading-spinner__wheel{border-width:6px;width:60px;height:60px}.loading-spinner__text{font-size:1.5rem}#clip-info-container{max-width:none;bottom:16px;left:16px;right:16px}#clip-info{font-size:.8rem}#next-clip-container{max-width:none;bottom:80px;left:16px;right:16px}#next-clip-info{font-size:.8rem}.copy-btn{font-size:1em;font-weight:600}#countdown-timer{top:16px;right:16px}#logo-container{gap:6px;top:10px;left:10px}.generator-content{padding:15px}.generator-body{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.url-container,.action-buttons{flex-direction:column}.streamer-buttons{justify-content:center}}@media (max-width:480px){.form-section h2{font-size:1.2em}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast:high){#clip-info,#next-clip-info{background-color:#000;border:2px solid #fff}#loading-screen{background-color:#000}}.demo-player{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#16213e 75%,#1a1a2e 100%) 0 0/400% 400%;border-radius:8px;width:100%;animation:15s infinite demo-gradient-shift;overflow:hidden;box-shadow:0 4px 20px #0006}@keyframes demo-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.demo-player-inner{aspect-ratio:16/9;width:100%;position:relative;overflow:visible}.demo-progress-bar{z-index:10;background:0 0;width:100%;height:4px;position:absolute;top:0;left:0}.demo-progress-bar-fill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#28292d99;border:1px solid #59595966;border-left:none;border-radius:0 4px 4px 0;height:100%}.demo-progress-bar--bottom{top:auto;bottom:2px}.demo-progress-bar--bottom .demo-progress-bar-fill{border:1px solid #59595966;border-left:none;border-radius:0 4px 4px 0}.demo-timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ededed;z-index:10;background-color:#28292d99;border:1px solid #59595966;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:.7rem;display:flex;position:absolute;top:8px;right:8px}.demo-timer span{transform:translateY(-1px)}.demo-clip-info{z-index:10;max-width:55%;position:absolute;bottom:8px;left:8px}.demo-next-clip-info{z-index:10;max-width:45%;position:absolute;bottom:8px;right:8px}.demo-badges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.demo-badge{text-transform:uppercase;letter-spacing:.05em;color:#ededed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#28292d99;border:1px solid #59595966;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.5rem;font-weight:600;display:inline-flex}.demo-badge-channel svg{transform:translateY(-1px)}.demo-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ededed;background-color:#28292d99;border:1px solid #59595966;border-radius:4px;padding:8px}.demo-info-title{align-items:center;gap:6px;margin-bottom:4px;font-size:.65rem;display:flex}.demo-info-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:translateY(-1px)}.demo-info-meta{opacity:.8;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;font-size:.55rem;display:flex}.demo-info-creator{opacity:.8;align-items:center;gap:4px;font-size:.55rem;display:flex}.demo-clip-progress{background-color:#59595980;border-radius:1px;height:2px;margin-top:6px;overflow:hidden}.demo-clip-progress-fill{background-color:#ededed;border-radius:1px;width:0%;height:100%}.demo-clip-progress-fill.demo-clip-progress-animating{animation:8s linear infinite demo-clip-progress-animation}@keyframes demo-clip-progress-animation{0%{width:0%}to{width:100%}}.demo-next-progress{background-color:#59595980;border-radius:1px;height:2px;margin-top:6px;overflow:hidden}.demo-next-progress-fill{background-color:#ededed;border-radius:1px;height:100%}.demo-logo{z-index:5;pointer-events:none;position:absolute;bottom:8px;right:8px}.demo-logo #logo-container{opacity:.8;transform-origin:100% 100%;position:static;transform:scale(.6)}.demo-logo.demo-logo-top-left{inset:14px auto auto 8px}.demo-logo.demo-logo-top-left #logo-container{transform-origin:0 0}.demo-progress-bottom .demo-logo.demo-logo-top-left{top:8px}@media (max-width:768px){.demo-clip-info,.demo-next-clip-info{max-width:48%}.demo-info-title{font-size:.55rem}.demo-info-meta,.demo-info-creator{font-size:.5rem}}.demo-fade-in{animation:.5s ease-out forwards demoFadeIn}@keyframes demoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-logo{opacity:0;transition:opacity .8s}.demo-logo.demo-logo-visible{opacity:.8}.demo-logo-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.demo-logo-text{color:#ededed;text-shadow:1px 1px 2px #000000e6;letter-spacing:.5px;text-transform:lowercase;font-size:.35rem}
/*# sourceMappingURL=8f37da2eb0a0620f.css.map*/