:root{--bg:#0d1019;--panel:#151b29;--text:#f4f6fc;--muted:#a4acc0;--line:#ffffff18;--green:#b8f36b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.top{text-align:center;background:#1b2230;color:#cbd2e0;font-size:11px;padding:7px}.top span,.eyebrow,em{color:var(--green)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:850;letter-spacing:-1px}.brand b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#14200f;font-size:12px}.nav nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.navbtn{border:1px solid #ffffff30;border-radius:11px;padding:9px 13px;font-size:12px}.hero{min-height:460px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding-top:52px;padding-bottom:55px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px}.hero h1{font-size:clamp(42px,5.5vw,67px);line-height:1.05;letter-spacing:-3px;margin:20px 0}.hero h1 em,.how em{font-style:normal}.lead{color:var(--muted);max-width:460px;line-height:1.9}.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.pills span{border:1px solid var(--line);padding:7px 12px;border-radius:30px;font-size:12px;background:#ffffff04}.art{height:320px;display:grid;place-items:center;position:relative}.orbit{position:absolute;width:300px;height:300px;border:1px dashed #b8f36b33;border-radius:50%}.video{position:relative;z-index:1;width:250px;padding:11px;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(140deg,#293247,#151b28);transform:rotate(-4deg);box-shadow:0 25px 60px #0008}.screen{height:185px;border-radius:12px;background:radial-gradient(circle,#506d4c,#263b39 50%,#19242f);display:grid;place-items:center}.play{display:grid;place-items:center;padding-left:3px;width:48px;height:48px;border-radius:50%;background:var(--green);color:#14200f}.meta{padding:12px 4px 3px;font-size:12px}.meta small,.float small{display:block;color:var(--muted);font-size:10px}.float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ffffff25;border-radius:13px;background:#202738;box-shadow:0 15px 35px #0006;font-size:12px}.float strong{color:var(--green);margin-left:8px}.ftop{top:25px;right:0}.fbottom{bottom:20px;left:0}.checker,.how{background:#111622;border-block:1px solid var(--line);padding:54px 0;text-align:center}.narrow{max-width:800px}.checker h2,.section h2,.how h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-1.5px;line-height:1.2;margin:10px 0}.checker p,.heading>p{color:var(--muted);font-size:13px}.checker form{display:flex;gap:9px;padding:8px;border:1px solid #ffffff25;background:#1a2030;border-radius:14px;margin-top:25px}.checker input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:12px;color:white;font:inherit;font-size:13px}.checker button{border:0;border-radius:10px;padding:12px 17px;background:var(--green);font-weight:800;cursor:pointer}.note{font-size:10px;color:#8f99ae;margin-top:13px}.checker #result{margin:18px auto 0;text-align:left;padding:15px;border:1px solid #b8f36b55;background:#b8f36b0b;border-radius:12px;font-size:13px}.checker #result a{color:var(--green);text-decoration:underline}.checker #result .media-preview{display:block;width:min(100%,560px);aspect-ratio:16/9;margin:14px auto;border:1px solid var(--line);border-radius:12px;background:#080a10}.checker #result audio.media-preview{height:54px;aspect-ratio:auto}.checker #result .preview-note{color:var(--muted);font-size:12px;margin:10px 0}.checker #result .save-link{display:inline-block;margin:8px 8px 4px 0;padding:10px 14px;border:0;border-radius:10px;background:var(--green);color:#14200f;text-decoration:none;font-size:12px;font-weight:800}.section{padding-top:75px;padding-bottom:80px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading>p{max-width:270px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cards article{border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(145deg,#171d2a,#121722)}.logo{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#ffffff0b;font-size:22px;font-weight:800}.red{color:#ff5b62}.blue{color:#68a4ff}.aqua{color:#a5f5e7}.pink{color:#ff9ec7}.cards h3{font-size:16px;margin:16px 0 6px}.cards p{font-size:11px;color:var(--muted);line-height:1.8;min-height:61px}.cards a{font-size:10px;font-weight:750}.cards a:hover{color:var(--green)}.how{text-align:left}.howgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.how h2{font-size:43px}.how p{color:var(--muted);font-size:13px;max-width:280px}.steps>div{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.steps>div:first-child{padding-top:0}.steps>div:last-child{border:0}.steps i{font-style:normal;color:var(--green);font-size:12px;font-weight:800}.steps b,.steps small{display:block}.steps b{font-size:14px}.steps small{font-size:12px;color:var(--muted);margin-top:5px}.ad{margin-top:38px;margin-bottom:38px;text-align:center;border:1px dashed #ffffff2c;border-radius:14px;padding:24px;color:#a3acc0}.ad small{font-size:9px;letter-spacing:2px}.ad div{font-size:13px}.ad p{font-size:10px;color:#788297;margin-bottom:0}.faqs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.faqs details{padding:17px;border:1px solid var(--line);border-radius:13px;background:#141a27}.faqs summary{cursor:pointer;font-size:12px;font-weight:750}.faqs p{font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);background:#0a0d14;padding:25px 0 18px}.foot{display:flex;align-items:center;gap:20px}.foot p{font-size:11px;color:var(--muted);margin-right:auto}.foot span,.bottom{font-size:10px;color:#8992a5}.bottom{border-top:1px solid #ffffff0c;margin-top:20px;padding-top:14px}
.checker #result .youtube-preview{display:block;position:relative;width:min(100%,560px);margin:14px auto;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#080a10;aspect-ratio:16/9}
.checker #result .youtube-thumbnail{display:block;width:100%;height:100%;object-fit:cover}
.checker #result .youtube-preview-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:58px;height:42px;padding-left:4px;transform:translate(-50%,-50%);border-radius:12px;background:#ff0033;color:#fff;font-size:20px}.checker #result audio.media-preview{height:54px;aspect-ratio:auto}.checker #result .preview-note{color:var(--muted);font-size:12px;margin:10px 0}.checker #result .save-link{display:inline-block;margin:8px 8px 4px 0;padding:10px 14px;border:0;border-radius:10px;background:var(--green);color:#14200f;text-decoration:none;font-size:12px;font-weight:800}.section{padding-top:75px;padding-bottom:80px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading>p{max-width:270px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cards article{border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(145deg,#171d2a,#121722)}.logo{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#ffffff0b;font-size:22px;font-weight:800}.red{color:#ff5b62}.blue{color:#68a4ff}.aqua{color:#a5f5e7}.pink{color:#ff9ec7}.cards h3{font-size:16px;margin:16px 0 6px}.cards p{font-size:11px;color:var(--muted);line-height:1.8;min-height:61px}.cards a{font-size:10px;font-weight:750}.cards a:hover{color:var(--green)}.how{text-align:left}.howgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.how h2{font-size:43px}.how p{color:var(--muted);font-size:13px;max-width:280px}.steps>div{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.steps>div:first-child{padding-top:0}.steps>div:last-child{border:0}.steps i{font-style:normal;color:var(--green);font-size:12px;font-weight:800}.steps b,.steps small{display:block}.steps b{font-size:14px}.steps small{font-size:12px;color:var(--muted);margin-top:5px}.ad{margin-top:38px;margin-bottom:38px;text-align:center;border:1px dashed #ffffff2c;border-radius:14px;padding:24px;color:#a3acc0}.ad small{font-size:9px;letter-spacing:2px}.ad div{font-size:13px}.ad p{font-size:10px;color:#788297;margin-bottom:0}.faqs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.faqs details{padding:17px;border:1px solid var(--line);border-radius:13px;background:#141a27}.faqs summary{cursor:pointer;font-size:12px;font-weight:750}.faqs p{font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);background:#0a0d14;padding:25px 0 18px}.foot{display:flex;align-items:center;gap:20px}.foot p{font-size:11px;color:var(--muted);margin-right:auto}.foot span,.bottom{font-size:10px;color:#8992a5}.bottom{border-top:1px solid #ffffff0c;margin-top:20px;padding-top:14px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.art{height:300px}.cards{grid-template-columns:repeat(2,1fr)}.howgrid{gap:30px}.nav nav{gap:14px}}@media(max-width:560px){.nav{height:65px}.nav nav{display:none}.hero h1{font-size:47px}.hero{padding-top:40px}.art{height:280px}.orbit{width:260px;height:260px}.video{width:225px}.screen{height:160px}.ftop{right:0}.checker form{flex-direction:column}.checker button{width:100%}.heading{display:block}.cards{gap:9px}.cards article{padding:14px}.cards p{min-height:0}.howgrid{grid-template-columns:1fr}.faqs{grid-template-columns:1fr}.foot{flex-wrap:wrap}.foot p{width:100%;order:3}.foot span{margin-left:auto}}
.checker form{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;text-align:left}.checker .link-label{padding:4px 0 0;color:var(--text);font-size:13px;font-weight:750}.checker #video-url{display:block;width:100%;height:52px;min-height:52px;flex:none;padding:12px 14px;border:1px solid #ffffff30;border-radius:10px;background:#101521;color:var(--text);font:inherit;font-size:14px;cursor:text}.checker #video-url::placeholder{color:#8f99ae}.checker #video-url:focus{border-color:var(--green);box-shadow:0 0 0 3px #b8f36b22}.checker .link-hint{margin:-3px 0 3px;text-align:left;color:var(--muted);font-size:11px}.checker .permission-check{flex:initial}.checker form button{width:100%;min-height:48px}.permission-check{display:flex;align-items:center;gap:10px;text-align:left;color:var(--muted);font-size:12px}.checker .permission-check input{flex:0 0 18px;width:18px;min-width:18px;height:18px;accent-color:var(--green)}
.checker #result .download-progress{display:block;width:100%;height:12px;margin:12px 0;accent-color:var(--green)}
.checker .permission-check input{appearance:auto;margin:0;padding:0;border:initial;background:initial;color:initial;font:inherit;cursor:pointer}
.checker #result button.save-link{cursor:pointer;font:inherit;font-size:12px;font-weight:800}
.checker #result .save-link:disabled{opacity:.6;cursor:wait}