@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#101014;--panel:#1a1a20;--panel2:#222228;--line:#34343c;--text:#f7f6f5;--muted:#a4a3aa;--red:#ff5c58;--red2:#ff7965;font-family:'DM Sans',Arial,sans-serif}
.topbar-right{display:flex;align-items:center;gap:25px}.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #414149;border-radius:8px;background:#202026}.language-switch a{color:#a4a3aa;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em;padding:7px 9px;border-radius:5px}.language-switch a[aria-current="page"]{color:#fff;background:#42414a}.language-switch a:hover{color:#fff}.language-switch a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}.shell{max-width:1440px;margin:auto;overflow:hidden}.topbar{height:92px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{display:inline-flex;gap:11px;align-items:center;color:var(--text);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.5px}.brand-mark{width:31px;height:31px;border-radius:9px;background:var(--red);display:grid;place-items:center;transform:rotate(-8deg)}.brand-mark span{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #18181d;transform:translateX(1px)}.brand-dot{color:var(--red)}.top-note{display:flex;gap:9px;align-items:center;font-size:12px;color:#c2c1c7;letter-spacing:.02em}.top-note-dot{height:7px;width:7px;border-radius:50%;background:#9dd6aa;box-shadow:0 0 12px #9dd6aa90}.hero{min-height:660px;display:grid;grid-template-columns:52% 48%;position:relative;padding:105px clamp(24px,6vw,96px) 100px}.hero-copy{position:relative;z-index:2}.eyebrow,.step-label{font-size:11px;font-weight:700;color:var(--red);letter-spacing:.22em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:26px;height:1px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(45px,4.5vw,69px);letter-spacing:-.065em;line-height:1.15;margin:25px 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--red)}.lead{max-width:480px;color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:33px}.link-form{max-width:538px}.link-form label{display:block;font-weight:700;font-size:12px;margin-bottom:10px}.input-row{height:60px;border:1px solid #414149;background:#202026;border-radius:12px;display:flex;align-items:center;padding:0 8px 0 17px;transition:border .2s,box-shadow .2s}.input-row:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #ff5c5822}.input-icon{width:21px;height:21px;color:#a2a1a8;display:flex;flex:none}.input-icon svg{width:100%}.input-row input{min-width:0;flex:1;border:0;outline:0;background:none;color:white;padding:0 14px;font-size:13px}.input-row input::placeholder{color:#74747e}.paste-button{flex:none;background:#35353d;border:0;border-radius:7px;padding:9px 12px;color:#e8e7eb;font-size:11px;font-weight:700}.paste-button:hover{background:#45454e}.primary-button,.download-button{border:0;background:var(--red);color:#1d1718;font-weight:800;border-radius:10px;height:56px;display:flex;align-items:center;justify-content:center;gap:13px;transition:background .2s,transform .2s}.primary-button{margin-top:12px;width:100%}.primary-button:hover,.download-button:hover{background:var(--red2);transform:translateY(-1px)}.primary-button svg,.download-button svg{width:19px;height:19px}.form-message,.download-message{min-height:20px;margin:10px 0 0;color:#c3c2c8;font-size:12px}.is-error{color:#ff8884}.hero-foot{display:flex;gap:10px;align-items:center;color:#93929a;font-size:11px;margin-top:31px}.foot-icon{color:var(--red);font-size:16px}.foot-divider{height:3px;width:3px;background:#73727a;border-radius:50%;margin:0 4px}.hero-art{position:relative;min-height:470px}.art-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#c64b4450 0,#7a393328 30%,transparent 70%);top:-30px;left:0;filter:blur(16px)}.orbit{position:absolute;border:1px solid #9d555337;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:530px;height:290px;top:75px;left:-15px}.orbit-two{width:430px;height:430px;top:0;left:35px;border-color:#99514d1d}.art-card{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 35px 55px #0008}.art-card-back{width:310px;height:208px;top:48px;left:172px;transform:rotate(14deg);background:linear-gradient(155deg,#e2a085,#8b5961 55%,#292b3b)}.card-sky{position:absolute;background:#f6c8a2;width:54px;height:54px;right:73px;top:38px;border-radius:50%;filter:blur(2px)}.card-hill{position:absolute;bottom:-80px;border-radius:50% 50% 0 0}.card-hill.one{height:220px;width:380px;left:-65px;background:#444054;transform:rotate(-12deg)}.card-hill.two{height:170px;width:340px;left:120px;background:#262935;transform:rotate(20deg)}.art-card-front{width:355px;height:235px;top:139px;left:45px;transform:rotate(-8deg);border:7px solid #34343e;background:linear-gradient(150deg,#e47765 0%,#b94f55 39%,#6b3e4c 65%,#272633 100%)}.art-card-front:before{content:'';position:absolute;width:420px;height:180px;bottom:-124px;left:-48px;border-radius:50%;background:#252430;transform:rotate(6deg)}.art-card-front:after{content:'';position:absolute;width:240px;height:120px;bottom:-88px;left:159px;border-radius:50%;background:#33303d;transform:rotate(-9deg)}.play-ring{position:absolute;top:68px;left:142px;width:62px;height:62px;border-radius:50%;background:#ffffffdb;z-index:1;display:grid;place-items:center;box-shadow:0 7px 22px #0004}.play-triangle{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #ed625a;transform:translateX(2px)}.timeline{position:absolute;z-index:2;height:4px;border-radius:9px;background:#ffffff78;bottom:25px;left:24px;right:72px}.timeline span{display:block;width:42%;height:100%;border-radius:9px;background:white}.time-stamp{position:absolute;right:22px;bottom:18px;font-size:10px;font-weight:700;z-index:2}.floating-pill{position:absolute;z-index:3;border:1px solid #4a4951;background:#28282e;box-shadow:0 15px 35px #0006;border-radius:9px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;padding:10px 13px}.pill-top{top:94px;left:0;transform:rotate(-7deg)}.pill-bottom{top:351px;right:2px;transform:rotate(5deg)}.pill-arrow{background:#a9d3b2;color:#1f3929;width:21px;height:21px;border-radius:6px;display:grid;place-items:center;font-size:17px}.pill-square{background:var(--red);color:#221c1e;width:21px;height:21px;border-radius:5px;display:grid;place-items:center;font-size:11px}.spark{position:absolute;color:#f3b9a8}.spark-one{top:15px;right:75px;font-size:24px}.spark-two{bottom:36px;left:65px;font-size:15px}.result-section{margin:0 clamp(24px,6vw,96px) 100px;padding:35px;background:#1b1b21;border:1px solid var(--line);border-radius:20px}.result-section[hidden]{display:none}.section-heading h2{font-size:32px;letter-spacing:-.04em;margin:12px 0 28px}.result-grid{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.video-preview{height:135px;border-radius:11px;overflow:hidden;position:relative;background:#303038}.video-preview img{width:100%;height:100%;object-fit:cover}.duration-badge{position:absolute;right:8px;bottom:8px;background:#121216dd;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700}.channel{color:var(--red);font-size:12px;font-weight:700;margin-bottom:8px}.video-details h3{font-size:20px;margin:0 0 10px;line-height:1.35}.video-caption{color:var(--muted);font-size:13px;margin:0}.format-area{padding-top:28px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.format-option{cursor:pointer;display:flex;align-items:center;gap:14px;border:1px solid #45454e;border-radius:11px;padding:17px;position:relative}.format-option:has(input:checked){border-color:var(--red);background:#ff5c580d}.format-option input{position:absolute;opacity:0}.format-option:focus-within{outline:2px solid var(--red);outline-offset:2px}.format-icon{height:39px;width:39px;border-radius:9px;display:grid;place-items:center;font-size:17px}.video-icon{color:var(--red);background:#ff5c5821}.audio-icon{color:#c3a5ed;background:#b689ed22;font-size:23px}.format-text{flex:1}.format-text strong,.format-text small{display:block}.format-text strong{font-size:13px}.format-text small{font-size:11px;color:var(--muted);margin-top:4px}.radio-indicator{width:17px;height:17px;border:1px solid #777680;border-radius:50%}.format-option:has(input:checked) .radio-indicator{border:5px solid var(--red)}.quality-wrap{margin:23px 0}.quality-wrap[hidden]{display:none}.quality-wrap label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.quality-wrap select{width:100%;height:46px;border:1px solid #45454e;border-radius:8px;background:#25252c;color:white;padding:0 13px;outline:none}.quality-wrap select:focus{border-color:var(--red)}.download-button{margin-top:18px;width:100%}.how-section{padding:85px clamp(24px,6vw,96px) 110px;background:#18181d;border-top:1px solid #ffffff0d}.how-section .section-heading{text-align:center}.how-section h2{margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:#202026;border:1px solid #323239;border-radius:15px;padding:29px;min-height:252px}.step-number{color:var(--red);font-size:11px;letter-spacing:.15em;font-weight:700}.step-art{font-family:Manrope,sans-serif;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:26px;font-weight:800;margin:23px 0 20px}.link-art{color:#fa9480;background:#673e3d}.choose-art{color:#c8b1ed;background:#51445f}.save-art{color:#b7d6bb;background:#3e5545}.step h3{font-size:16px;margin-bottom:10px}.step p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}footer{min-height:120px;padding:32px clamp(24px,6vw,96px);display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:11px;color:#8e8d95;margin:0}.footer-brand{font-size:21px}.footer-brand .brand-mark{width:27px;height:27px}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{display:none}.hero-copy{max-width:700px}.link-form{max-width:100%}.hero{min-height:auto}.result-grid{grid-template-columns:200px 1fr}}@media(max-width:650px){.topbar{height:70px}.top-note{display:none}.hero{padding-top:60px;padding-bottom:70px}h1{font-size:clamp(41px,11vw,60px)}.lead{font-size:14px}.input-row{height:56px}.input-row input{font-size:12px;padding:0 8px}.paste-button{padding:8px;font-size:10px}.hero-foot{flex-wrap:wrap;font-size:10px}.result-section{padding:22px;margin-bottom:60px}.result-grid{grid-template-columns:1fr;gap:15px}.video-preview{height:auto;aspect-ratio:16/9}.format-grid,.steps{grid-template-columns:1fr}.section-heading h2{font-size:26px}.how-section{padding-top:65px;padding-bottom:70px}.how-section h2{margin-bottom:30px}.step{min-height:auto}.step-art{margin:18px 0 16px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}}