*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:#fff;color:#172033;line-height:1.65}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf0f7}.nav{max-width:1180px;margin:auto;height:72px;display:flex;align-items:center;gap:30px;padding:0 20px}.brand{font-weight:850;font-size:23px;display:flex;align-items:center;gap:9px;color:#20263a}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#6c5ce7;color:#fff;box-shadow:0 7px 18px #6c5ce733}.nav nav{display:flex;gap:24px;align-items:center;flex:1}.nav nav>a,.drop button{color:#4b5568;background:none;border:0;font-size:15px;cursor:pointer}.nav nav>a:hover,.drop button:hover{color:#6356df}.drop,.language{position:relative}.dropmenu,.langmenu{display:none;position:absolute;top:100%;background:#fff;border:1px solid #e7e9f2;border-radius:12px;min-width:245px;padding:8px;box-shadow:0 18px 50px #29304a1f}.drop:hover .dropmenu{display:block}.dropmenu a,.langmenu a{display:block;padding:9px 12px;border-radius:8px;color:#465066}.dropmenu a:hover,.langmenu a:hover{background:#f4f2ff;color:#5c4fd5}.language button{background:#f7f7fb;border:1px solid #e3e5ee;color:#343c50;border-radius:9px;padding:9px 12px;cursor:pointer}.langmenu{right:0;max-height:420px;overflow:auto}.langmenu.open{display:block}.hero{background:linear-gradient(180deg,#f5f2ff 0,#fbfaff 70%,#fff 100%);text-align:center;padding:78px 20px 62px}.hero>h1{max-width:970px;margin:0 auto 16px;font-size:clamp(34px,5vw,54px);line-height:1.12;letter-spacing:-1.4px;color:#26233d}.hero>p{max-width:780px;margin:0 auto 34px;color:#697186;font-size:18px}.downloader{max-width:850px;margin:auto;text-align:left;padding:25px;background:#fff;border:1px solid #e6e4f1;border-radius:18px;box-shadow:0 18px 50px #6356df17}.downloader h2{margin:0 0 16px;font-size:20px}.formrow{display:flex;gap:10px}.inputwrap{display:flex;flex:1;background:#fff;border:1px solid #d9dce8;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 2px #00000008}.inputwrap:focus-within{border-color:#7669e8;box-shadow:0 0 0 3px #7669e817}.inputwrap input{flex:1;min-width:0;background:transparent;border:0;color:#252c3d;padding:15px;font-size:16px;outline:0}.inputwrap button{border:0;border-left:1px solid #eceef4;background:#fafafd;color:#6559d8;padding:0 15px;cursor:pointer}.primary{border:0;border-radius:10px;padding:0 27px;color:#fff;font-weight:750;font-size:15px;background:#6859df;cursor:pointer;box-shadow:0 8px 18px #6859df30}.primary:hover{background:#5849cf}.adwrap{max-width:970px;margin:44px auto;padding:0 20px}.adlabel{text-align:center;color:#a0a5b1;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.adslot{min-height:100px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #e2e4e9;color:#b0b4bd;font-size:12px}.features,.steps,.content,.faq{max-width:1050px;margin:65px auto;padding:0 20px}.features>h2,.steps>h2,.faq>h2,.content>h2{text-align:center;font-size:32px;line-height:1.2;color:#252b3d}.cards,.stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.stepgrid>div{background:#fff;border:1px solid #e8eaf1;border-radius:15px;padding:25px;box-shadow:0 7px 24px #27324a0b}.card b{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#f0edff;color:#6254d8;font-size:22px}.card p,.stepgrid p,.content p,.faq p{color:#687185}.stepgrid{grid-template-columns:repeat(4,1fr)}.stepgrid span{display:grid;place-items:center;width:43px;height:43px;margin:auto;border-radius:50%;background:#695bdd;color:#fff;font-weight:800}.stepgrid h3{text-align:center}.content{background:#fff}.content.article{max-width:900px}.content.article h2{text-align:left;margin-top:38px}.content.article h3{margin-top:28px;font-size:22px}.content.article li{margin:8px 0;color:#5f687b}.faq details{margin:12px 0;background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700;color:#30374a}.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:720px;margin:auto}.toolgrid a{padding:19px;background:#fff;border:1px solid #e1def1;border-radius:12px;color:#4e45b8;font-weight:700;box-shadow:0 8px 20px #5849cf0d}.page{margin-top:70px;min-height:45vh}.page h1{text-align:center;font-size:42px}#status{padding-top:12px;color:#626b7e}.result{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;background:#f8f7fd;border:1px solid #e6e3f5;border-radius:10px}.result a{background:#6859df;color:#fff;padding:8px 14px;border-radius:8px}footer{margin-top:90px;border-top:1px solid #e9ebf1;background:#f8f9fc;padding:50px 20px 25px}.footergrid{max-width:1050px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footergrid a{display:block;color:#687185;margin:7px 0}.footergrid p{color:#7b8394;max-width:430px}.copy{max-width:1050px;margin:35px auto 0;padding-top:20px;border-top:1px solid #e2e5ec;color:#8b92a0}@media(max-width:800px){.nav nav{display:none}.nav{justify-content:space-between}.cards,.stepgrid,.toolgrid,.footergrid{grid-template-columns:1fr}.formrow{flex-direction:column}.primary{padding:15px}.hero{padding:55px 15px}.adslot{min-height:80px}}.seo-long{max-width:900px}.seo-long h2{text-align:left;margin-top:38px;font-size:28px}.seo-long h3{margin-top:26px;color:#30374a}.seo-long a{color:#5b4ed1;text-decoration:underline;text-underline-offset:3px}.seo-long p{font-size:16px;line-height:1.8}
.seo-long{max-width:900px;margin-top:60px}
.seo-long h2{font-size:27px;line-height:1.3;margin:42px 0 16px;color:#202536;text-align:left}
.seo-long h3{font-size:20px;line-height:1.4;margin:28px 0 10px;color:#272d3e}
.seo-long p{margin:0 0 18px;line-height:1.85;color:#4f586b}
.seo-long ul,.seo-long ol{margin:15px 0 25px;padding-left:32px;color:#4f586b}
.seo-long li{margin:8px 0;line-height:1.65}
.seo-long strong{color:#2c3345}
.seo-long a{font-weight:650}

.tutorial-figure{margin:30px auto 38px;max-width:820px}
.tutorial-figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #e5e7ef;box-shadow:0 12px 32px rgba(41,48,74,.10)}
@media(max-width:600px){.tutorial-figure{margin:22px auto 30px}.tutorial-figure img{border-radius:11px}}

.manual-ad-slot{max-width:900px;min-height:110px;margin:34px auto;padding:24px;border:1px dashed #c7cad6;border-radius:14px;background:#fafafe;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7b8190}
.manual-ad-slot span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a0a5b2}
.manual-ad-slot strong{font-size:14px;font-weight:600;color:#737988}
.ad-after-results[hidden]{display:none!important}

.preview-card{margin:18px 0 16px;border:1px solid #e3e5ee;border-radius:14px;overflow:hidden;background:#f8f9fc}.preview-card h3{margin:0;padding:14px 16px;background:#fff;border-bottom:1px solid #e8eaf1;font-size:17px}.video-preview{display:block;width:100%;max-height:560px;background:#111;object-fit:contain}.preview-meta{padding:14px 16px;background:#fff}.preview-meta strong{display:block;margin-bottom:5px}.preview-meta p{margin:0;color:#626b7e;line-height:1.5}@media(max-width:600px){.video-preview{max-height:480px}}

.preview-cover{display:block;width:100%;max-height:560px;object-fit:contain;background:#111}.download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.download-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border-radius:10px;background:#6859df;color:#fff!important;font-weight:750;text-align:center}.download-action:hover{background:#5849cf}@media(max-width:600px){.download-actions{grid-template-columns:1fr}.downloader{padding:16px}.hero>h1{font-size:clamp(30px,10vw,40px)}.preview-card{border-radius:12px}.video-preview,.preview-cover{max-height:70vh}.download-action{width:100%;min-height:50px}}

/* V13 universal media previews */
.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}.photo-preview-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block}@media(max-width:480px){.photo-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.download-actions{grid-template-columns:1fr!important}.download-action{width:100%;box-sizing:border-box}}

/* V24: restore responsive mobile navigation; desktop navigation remains unchanged */
.mobile-menu-btn{display:none;border:1px solid #e3e5ee;background:#fff;color:#343c50;border-radius:10px;width:42px;height:42px;font-size:23px;line-height:1;cursor:pointer}
@media(max-width:800px){
 .nav{height:64px;gap:10px;padding:0 14px;position:relative;justify-content:flex-start}
 .brand{font-size:21px}.mark{width:34px;height:34px}
 .mobile-menu-btn{display:block;margin-left:auto;order:2;flex:0 0 42px}
 .language{order:3}
 .language button{padding:8px 9px;font-size:12px}
 .nav nav{display:none;position:absolute;left:12px;right:12px;top:62px;background:#fff;border:1px solid #e7e9f2;border-radius:14px;padding:10px;box-shadow:0 18px 50px #29304a26;z-index:60;flex-direction:column;align-items:stretch;gap:2px}
 .nav nav.mobile-open{display:flex}
 .nav nav>a,.drop button{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:9px;font-size:15px}
 .drop{width:100%}.dropmenu{display:block;position:static;border:0;box-shadow:none;padding:0 0 2px 14px;min-width:0}
 .dropmenu a{padding:9px 12px}
 .drop button{font-weight:700;color:#343c50;pointer-events:none}
 .langmenu{right:0;top:44px;max-width:calc(100vw - 24px)}
}

/* V28: video preview uses the provider cover image, centered like a TikTok thumbnail. */
.video-cover-preview{width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center;background:#f5f6f8}