@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f5f7;background:#08090d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 10%,#11111e 0,#08090d 48%)}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(100px);opacity:.24}.ambient-one{width:440px;height:440px;top:60px;right:-160px;background:#874dff}.ambient-two{width:400px;height:400px;top:280px;left:-260px;background:#11d2c4;opacity:.11}.shell{width:min(1140px,calc(100% - 48px));margin:auto;position:relative}.header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:22px}.brand-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#b6fb5c;color:#0b0c10;transform:rotate(-7deg)}.brand-icon svg{transform:rotate(7deg);fill:currentColor;stroke-width:1.4}.brand-accent,.brand-dot{color:#b6fb5c}.header-note{font-size:12px;color:#9b9da9;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:#b6fb5c;border-radius:50%;box-shadow:0 0 0 4px #b6fb5c1a}.hero{text-align:center;max-width:900px;margin:0 auto;padding:103px 0 125px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:13px;color:#b6fb5c;font-weight:700;font-size:11px;letter-spacing:2.1px}.eyebrow-line{width:24px;height:1px;background:#b6fb5c}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,7vw,84px);line-height:1.1;letter-spacing:-5px;margin:23px 0 22px;font-weight:800}.hero h1 span{color:#b6fb5c}.intro{color:#a0a2ae;font-size:17px;line-height:1.75;max-width:570px;margin:0 auto 42px}.link-form{display:flex;gap:10px;padding:9px;background:#191b23;border:1px solid #343640;border-radius:18px;box-shadow:0 20px 70px #0005;text-align:left}.input-wrap{display:flex;align-items:center;flex:1;min-width:0}.input-icon{color:#8b8e99;display:grid;place-items:center;margin-left:14px}.input-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f6f6f8;padding:16px 14px;font-size:15px}.input-wrap input::placeholder{color:#747783}.paste-button{border:0;background:#292b34;color:#d1d2da;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.paste-button:hover,.copy-button:hover{background:#363943}.primary-button{border:0;background:#b6fb5c;color:#11150a;border-radius:11px;padding:0 23px;display:flex;align-items:center;justify-content:center;gap:12px;min-width:190px;font-size:14px;font-weight:800;white-space:nowrap}.primary-button:hover,.download-button:hover{background:#c8ff81;transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:wait;transform:none}.form-foot{display:flex;justify-content:space-between;color:#6e7180;font-size:12px;margin-top:17px;text-align:left;padding:0 5px}.example{border:0;background:transparent;color:#b6fb5c;padding:0 0 0 4px;display:inline-flex;align-items:center;gap:4px}.example:hover{text-decoration:underline}.error{margin:24px auto 0;max-width:650px;background:#452025;border:1px solid #8c3c47;color:#ffd1d5;padding:14px 17px;border-radius:12px;text-align:left;font-size:14px}.spinner{width:17px;height:17px;border:2px solid #334819;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{background:linear-gradient(120deg,#1b1e22,#15171e);border:1px solid #343b36;border-radius:24px;padding:32px;margin:-50px auto 110px;max-width:900px;box-shadow:0 18px 60px #0004}.result-head{display:flex;align-items:flex-start;justify-content:space-between}.result-kicker{display:flex;align-items:center;gap:7px;color:#b6fb5c;font-size:11px;letter-spacing:1.6px;font-weight:800}.result h2{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 7px}.result-head p,.result-hint{color:#999da7;font-size:13px}.format-badge{border:1px solid #49553b;background:#b6fb5c15;color:#b6fb5c;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:800;letter-spacing:1px}.result-actions{display:flex;gap:10px;margin:23px 0 17px}.download-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:14px;font-weight:800;padding:15px 19px}.download-button{background:#b6fb5c;color:#11150a}.copy-button{border:1px solid #3a3e45;background:#292c33;color:#e9e9ec}.result-hint{margin:0}.steps{padding:0 0 118px}.section-title{text-align:center}.section-title span{color:#b6fb5c;letter-spacing:2px;font-size:11px;font-weight:800}.section-title h2{font:800 clamp(28px,4vw,39px) Manrope,sans-serif;letter-spacing:-1.7px;margin:12px 0 39px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{position:relative;background:#11131a;border:1px solid #252831;border-radius:18px;padding:29px 28px 27px;min-height:200px}.step-number{font:800 13px Manrope,sans-serif;color:#b6fb5c}.step-symbol{position:absolute;right:27px;top:18px;font-size:27px;color:#4d5650}.step h3{font:800 17px Manrope,sans-serif;margin:34px 0 10px}.step p{color:#9295a1;font-size:13px;line-height:1.7;margin:0;max-width:280px}.footer{border-top:1px solid #ffffff13;min-height:86px;display:flex;align-items:center;justify-content:space-between;color:#6f7280;font-size:12px}.footer>span:first-child{font:800 15px Manrope,sans-serif;color:#e4e4e7;letter-spacing:-.6px}@media(max-width:740px){.header{height:75px}.header-note{display:none}.hero{padding:77px 0 110px}.hero h1{letter-spacing:-3px}.intro{font-size:15px}.link-form{flex-direction:column}.input-wrap input{font-size:14px}.primary-button{padding:16px}.form-foot>span:last-child{display:none}.step-grid{grid-template-columns:1fr}.step{min-height:0}.step h3{margin-top:25px}.steps{padding-bottom:65px}.result{padding:23px;margin-bottom:80px}.result-actions{flex-direction:column}.footer{gap:20px;align-items:flex-start;flex-direction:column;justify-content:center}.format-badge{display:none}}@media(max-width:420px){.shell{width:min(100% - 30px,1140px)}.hero h1{font-size:44px}.paste-button{padding:11px}.paste-button span{display:none}}.variant-list{display:grid;gap:10px;margin:23px 0 17px}.result-preview{width:min(100%,490px);margin:0 auto}.result-preview .recent-stage{min-height:320px;max-height:560px;border:1px solid #343b36}.result-preview .recent-stage video{max-height:560px}.result .variant-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:22px 0 0}.variant{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 14px 14px 17px;background:#15191b;border:1px solid #303a36;border-radius:14px}.variant-info{display:flex;flex-direction:column;gap:5px;text-align:left}.variant-info strong{font:700 14px Manrope,sans-serif}.variant-info span{color:#9296a1;font-size:12px}.variant-actions{display:flex;gap:8px}.variant-actions .download-button{padding:11px 15px;border:1px solid #799d4c}.variant-actions .copy-button{padding:11px;background:transparent;border-color:#465049}.variant-actions .copy-button:hover{background:#28312b}.language-select{color:#e8e9ed;background:#191b23;border:1px solid #343640;border-radius:10px;padding:9px 12px;font:600 12px DM Sans,sans-serif;outline:none}@media(max-width:600px){.result-preview .recent-stage{min-height:280px}.variant{align-items:stretch;flex-direction:column}.variant-actions .download-button{flex:1}.variant-actions .copy-button{min-width:44px}}.page{display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 50% 0%,#121320,#08090d 75%)}.page:before{content:"";position:absolute;inset:0 0 auto;height:920px;pointer-events:none;background:url(/assets/hero-atmosphere-BjxB1RN6.jpg) center 25px / 1450px auto no-repeat;opacity:.42;-webkit-mask-image:radial-gradient(ellipse 740px 620px at 50% 38%,#000 28%,transparent 100%);mask-image:radial-gradient(ellipse 740px 620px at 50% 38%,#000 28%,transparent 100%)}.page>main{position:relative;z-index:1;flex:1 0 auto}.page>.header,.page>.footer{flex:none}.hero{position:relative}.result{position:relative;z-index:1;background:#181c1d}.language-menu{position:relative;z-index:30}.language-trigger{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:156px;padding:12px 15px;border:1px solid #30343a;border-radius:13px;background:#171a21;color:#f5f5f7;font-weight:700;font-size:14px}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:#66784b;background:#1d2223}.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid #b6fb5c;outline-offset:2px}.language-chevron{width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(225deg) translate(-2px,-1px)}.language-popover{position:absolute;right:0;top:calc(100% + 9px);width:190px;padding:6px;border:1px solid #333a38;border-radius:16px;background:#191d23;box-shadow:0 20px 48px #0009}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:10px;background:transparent;color:#e8e9ed;padding:11px 12px;text-align:left;font-size:14px}.language-option:hover,.language-option:focus-visible{background:#2a302c}.language-option[aria-selected=true]{color:#b6fb5c;background:#b6fb5c12}.steps{max-width:900px;margin:0 auto;padding-bottom:100px}.steps .section-title{text-align:left}.steps .section-title h2{margin-bottom:32px}.step-grid{gap:0;border-top:1px solid #3a4434}.step{min-height:0;padding:28px 28px 0;background:none;border:0;border-radius:0}.step:first-child{padding-left:0}.step+.step{border-left:1px solid #242a2b}.step-number{display:block;margin-bottom:23px;color:#b6fb5c;font-size:12px;letter-spacing:.08em}.step-symbol{display:none}.step h3{margin:0 0 10px;font-size:17px}.step p{max-width:245px;line-height:1.65}.recent-section{max-width:1140px;margin:0 auto 100px}.recent-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.recent-section .section-title{text-align:left}.recent-section .section-title h2{margin-bottom:0}.recent-count{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #39453b;border-radius:11px;color:#b6fb5c;font-size:13px;font-weight:800}.recent-layout.has-player{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:18px}.recent-collection{min-width:0}.recent-layout.has-player .recent-collection{grid-column:1;grid-row:1}.recent-layout.has-player .recent-player{grid-column:2;grid-row:1}.recent-layout.has-player .recent-collection{height:640px;overflow:auto;padding-right:5px;scrollbar-color:#46573f transparent}.recent-layout.has-player .recent-player{height:640px;display:flex;flex-direction:column}.recent-layout.has-player .recent-player-stage{flex:1;min-height:0}.recent-layout.has-player .recent-stage{height:100%;min-height:0;max-height:none}.recent-layout.has-player .recent-stage video{max-height:100%}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}.recent-layout.has-player .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-card{position:relative;display:block;min-width:0;aspect-ratio:3 / 4;overflow:hidden;padding:0;border:1px solid #303634;border-radius:15px;background:#15191e;color:#f4f5f4;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.recent-card:hover{border-color:#b6fb5c;transform:translateY(-3px);box-shadow:0 13px 26px #0007}.recent-card.is-playing{border-color:#b6fb5c;box-shadow:0 0 0 1px #b6fb5c77}.recent-card:focus-visible{outline:2px solid #b6fb5c;outline-offset:2px}.recent-cover{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#242a2b;color:#b6fb5c}.recent-cover img{width:100%;height:100%;object-fit:cover}.recent-play{position:absolute;top:42%;left:50%;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#080b0bbd;color:#fff;transform:translate(-50%,-50%);opacity:.8;transition:opacity .16s ease,background .16s ease}.recent-card:hover .recent-play,.recent-card:focus-visible .recent-play{opacity:1;background:#b6fb5c;color:#11150a}.recent-duration{position:absolute;top:9px;right:9px;z-index:2;padding:4px 7px;border-radius:6px;background:#050807d9;color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em}.recent-info{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:5px;min-width:0;padding:36px 11px 12px;background:linear-gradient(transparent,#050807f0 50%)}.recent-info strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.recent-info small{color:#c1d9b1;font-size:10px}.recent-more{display:block;margin:24px auto 0;padding:11px 19px;border:1px solid #3b4937;border-radius:11px;background:#1a211b;color:#b6fb5c;font-size:13px;font-weight:800}.recent-more:hover{background:#263123}.recent-player{min-width:0;padding:10px;border:1px solid #39453b;border-radius:17px;background:#151a19}.recent-stage{position:relative;display:grid;place-items:center;min-height:350px;max-height:480px;overflow:hidden;border-radius:11px;background:radial-gradient(ellipse at 50% 50%,#263125 0,#080b0c 70%)}.recent-stage video{display:block;max-width:100%;max-height:480px;border-radius:9px;background:#000;cursor:pointer}.recent-player-stage{position:relative}.player-center-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;background:#111a19d9;color:#fff;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0008}.player-center-play svg{width:26px;height:26px;fill:currentColor}.player-controls{position:absolute;right:0;bottom:0;left:0;padding:34px 13px 9px;background:linear-gradient(transparent,#050707e8);color:#fff}.player-seek{display:block;width:100%;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer}.player-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#b6fb5c var(--progress),#ffffff70 var(--progress))}.player-seek::-moz-range-track{height:4px;border-radius:4px;background:#ffffff70}.player-seek::-moz-range-progress{height:4px;border-radius:4px;background:#b6fb5c}.player-seek::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;appearance:none;border:0;border-radius:50%;background:#b6fb5c}.player-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#b6fb5c}.player-control-row{display:flex;align-items:center;gap:5px}.player-control-row button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff}.player-control-row button:hover{background:#ffffff2a}.player-control-row button:last-child{margin-left:auto}.player-time{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.player-center-play:focus-visible,.player-control-row button:focus-visible,.player-seek:focus-visible{outline:2px solid #b6fb5c;outline-offset:2px}.recent-stage:fullscreen{max-height:none;border-radius:0}.recent-stage:fullscreen video{max-height:100vh;max-width:100vw}.recent-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid #ffffff25;border-radius:50%;background:#151b1bcc;color:#fff;font-size:22px;line-height:1}.recent-player-details{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 6px 5px}.recent-player-details>div{display:flex;flex-direction:column;gap:5px;min-width:0}.recent-player-details span{color:#b6fb5c;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.recent-player-details strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.recent-player-download{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:9px;padding:10px 17px;border-radius:10px;background:#b6fb5c;color:#11150a;font-size:13px;font-weight:800}@media(max-width:740px){.page:before{height:720px;background-size:1000px auto;opacity:.32}.steps{padding-bottom:80px}.step-grid{grid-template-columns:1fr}.step,.step:first-child{padding:22px 0}.step+.step{border-left:0;border-top:1px solid #242a2b}.step-number{margin-bottom:12px}.step p{max-width:none}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.recent-layout.has-player{grid-template-columns:1fr}.recent-layout.has-player .recent-player{grid-column:1;grid-row:1}.recent-layout.has-player .recent-collection{grid-column:1;grid-row:2}.recent-layout.has-player .recent-collection{height:auto;overflow:visible;padding-right:0}.recent-layout.has-player .recent-player{height:auto}.recent-layout.has-player .recent-player-stage{flex:initial}.recent-layout.has-player .recent-stage{height:auto;min-height:280px;max-height:410px}.recent-layout.has-player .recent-stage video{max-height:410px}.recent-layout.has-player .recent-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.recent-stage{min-height:280px;max-height:410px}.recent-stage video{max-height:410px}}@media(max-width:520px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-card{border-radius:12px}.recent-layout.has-player .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-player-details{flex-wrap:wrap}.recent-player-download{width:100%}.language-trigger{min-width:130px;gap:10px}}