:root{--bd:#1565C0;--bm:#1E88E5;--bl:#42A5F5;--bp:#E3F2FD;--bg:#F0F7FF;--br:#BBDEFB;--td:#0D1B4B;--tg:#546E7A;--tm:#90A4AE;--r:14px;--rl:20px;--sh:0 4px 20px rgba(21,101,192,.10);--shl:0 8px 40px rgba(21,101,192,.18)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#fff;color:var(--td);line-height:1.75;font-size:15px}a{color:var(--bd);text-decoration:none;transition:color .2s}a:hover{color:var(--bm)}img{max-width:100%;height:auto;display:block}ul{list-style:none}h1,h2,h3,h4{line-height:1.2;color:var(--td)}.site-header{background:#fff;border-bottom:1px solid var(--br);position:sticky;top:0;z-index:200;box-shadow:0 2px 12px rgb(21 101 192 / .07)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:66px}.site-logo{font-size:20px;font-weight:800;color:var(--bd);letter-spacing:-.5px;white-space:nowrap}.site-logo .accent{color:var(--bl)}.menu-toggle{display:none;background:var(--bp);border:none;color:var(--bd);padding:8px 12px;border-radius:9px;font-size:18px;cursor:pointer;font-weight:700}#primary-navigation ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}#primary-navigation ul li a{display:block;padding:7px 12px;font-size:13px;font-weight:600;color:var(--tg);border-radius:9px;transition:all .18s;white-space:nowrap}#primary-navigation ul li a:hover,#primary-navigation ul li.current-menu-item a,#primary-navigation ul li.current_page_item a{background:var(--bp);color:var(--bd)}#primary-navigation ul li ul{display:none}.fallback-nav{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.fallback-nav a{display:block;padding:7px 12px;font-size:13px;font-weight:600;color:var(--tg);border-radius:9px;transition:all .18s;white-space:nowrap}.fallback-nav a:hover,.fallback-nav a.curr{background:var(--bp);color:var(--bd)}.hero{background:linear-gradient(140deg,#0D47A1 0%,#1565C0 40%,#1E88E5 75%,#42A5F5 100%);padding:70px 24px 105px;text-align:center;position:relative;overflow:hidden}.hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:60px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:30px;margin-bottom:20px}.hero h1{font-size:50px;font-weight:800;color:#fff;line-height:1.08;margin-bottom:14px;letter-spacing:-1.5px}.hero-desc{color:rgb(255 255 255 / .85);font-size:17px;max-width:580px;margin:0 auto 44px;line-height:1.75}.widget-wrap{max-width:700px;margin:0 auto;background:#fff;border-radius:22px;padding:26px 26px 20px;box-shadow:0 24px 64px rgb(0 0 0 / .22);position:relative;z-index:1}.input-row{display:flex;gap:10px;margin-bottom:14px}.url-input{flex:1;border:2px solid var(--br);border-radius:var(--r);padding:14px 18px;font-size:14px;color:var(--td);outline:none;background:#F8FAFF;transition:border-color .2s;font-family:inherit}.url-input:focus{border-color:var(--bm);background:#fff}.url-input::placeholder{color:var(--tm)}.btn-dl-main{background:linear-gradient(135deg,#1565C0,#1E88E5);color:#fff;border:none;padding:14px 26px;border-radius:var(--r);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;display:flex;align-items:center;gap:7px;transition:all .2s}.btn-dl-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(21 101 192 / .4)}.btn-dl-main:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.widget-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.btn-paste{background:none;border:1.5px solid var(--br);color:var(--bd);font-size:12px;font-weight:700;padding:7px 14px;border-radius:9px;cursor:pointer;font-family:inherit;transition:all .18s}.btn-paste:hover{background:var(--bp)}.type-tags{display:flex;gap:6px;flex-wrap:wrap}.type-tag{background:var(--bp);color:var(--bd);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.loading-area{text-align:center;padding:28px;display:none}.spin-ring{width:38px;height:38px;border:3px solid var(--bp);border-top-color:var(--bd);border-radius:50%;animation:spin .65s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.loading-area p{font-size:13px;color:var(--tm)}.alert-error{background:#FFF8F8;border:1.5px solid #FFCDD2;color:#C62828;padding:12px 16px;border-radius:10px;font-size:13px;margin-top:12px;display:none}.result-area{margin-top:14px;display:none}.result-card{border:1.5px solid var(--br);border-radius:var(--r);overflow:hidden;background:#F8FAFF}.result-preview{background:#000;display:flex;align-items:center;justify-content:center;min-height:180px;max-height:340px;overflow:hidden}.result-preview img,.result-preview video{max-width:100%;max-height:340px;object-fit:contain;display:block}.result-body{padding:14px 16px}.result-caption{font-size:12px;color:var(--tm);margin-bottom:12px;line-height:1.6}.result-btns{display:flex;gap:8px;flex-wrap:wrap}.btn-result{flex:1;min-width:130px;display:block;text-align:center;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1565C0,#1E88E5);border:none;cursor:pointer;font-family:inherit;transition:opacity .18s}.btn-result:hover{opacity:.88;color:#fff}.btn-result-sd{background:var(--bp);color:var(--bd)}.btn-result-sd:hover{background:var(--bm);color:#fff}.wrap{max-width:1100px;margin:0 auto}.content-wrap{max-width:880px;margin:0 auto}.section{padding:70px 24px}.section-alt{background:var(--bg)}.section-head{text-align:center;margin-bottom:50px}.eyebrow{display:inline-block;background:var(--bp);color:var(--bd);font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.7px}.section-head h2{font-size:32px;font-weight:800;margin-bottom:10px;letter-spacing:-.5px}.section-head p{color:var(--tg);font-size:16px;max-width:580px;margin:0 auto}.content-text{color:var(--tg);line-height:1.9;font-size:15px}.content-text h2{font-size:26px;font-weight:800;color:var(--td);margin:2.2rem 0 .9rem;letter-spacing:-.3px}.content-text h3{font-size:20px;font-weight:700;color:var(--td);margin:1.8rem 0 .7rem}.content-text p{margin-bottom:1.1rem}.content-text strong{color:var(--td)}.content-text ul{margin:.8rem 0 1.2rem 1.4rem;list-style:disc}.content-text ul li{margin-bottom:.6rem;color:var(--tg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:#fff;border:1.5px solid var(--br);border-radius:var(--rl);padding:30px 22px;text-align:center;box-shadow:var(--sh);transition:all .2s}.step-card:hover{box-shadow:var(--shl);transform:translateY(-2px)}.step-num{width:52px;height:52px;background:linear-gradient(135deg,#1565C0,#1E88E5);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;margin:0 auto 16px}.step-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.step-card p{font-size:13px;color:var(--tg);line-height:1.75;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1.5px solid var(--br);border-radius:var(--r);padding:24px 20px;box-shadow:var(--sh);transition:all .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shl)}.feature-icon{font-size:30px;margin-bottom:12px;display:block}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:13px;color:var(--tg);line-height:1.7;margin:0}.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:1.5rem 0}.highlight-box{background:var(--bg);border:1.5px solid var(--br);border-radius:var(--r);padding:20px}.highlight-box h4{font-size:14px;font-weight:700;color:var(--bd);margin-bottom:8px}.highlight-box p{font-size:13px;color:var(--tg);line-height:1.7;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-tile{background:#fff;border:1.5px solid var(--br);border-radius:var(--r);padding:20px 14px;text-align:center;box-shadow:var(--sh);display:block;color:var(--td);transition:all .2s}.tool-tile:hover{border-color:var(--bm);transform:translateY(-3px);box-shadow:var(--shl);color:var(--bd)}.tile-icon{font-size:28px;margin-bottom:8px;display:block}.tool-tile h4{font-size:13px;font-weight:700;margin-bottom:4px}.tool-tile p{font-size:11px;color:var(--tm);margin:0}.faq-list{max-width:820px;margin:0 auto}.faq-item{background:#fff;border:1.5px solid var(--br);border-radius:var(--r);margin-bottom:10px;overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:18px 22px;text-align:left;font-size:14px;font-weight:600;color:var(--td);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:inherit;line-height:1.5;transition:background .2s}.faq-question:hover{background:var(--bp)}.faq-question.open{background:var(--bp);color:var(--bd)}.faq-arrow{font-size:16px;transition:transform .25s;flex-shrink:0}.faq-question.open .faq-arrow{transform:rotate(180deg)}.faq-answer{font-size:14px;color:var(--tg);line-height:1.85;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .2s;padding:0 22px}.faq-answer.open{max-height:500px;padding:0 22px 18px}.site-footer{background:linear-gradient(160deg,#0D1B4B 0%,#0D2880 100%);color:rgb(255 255 255 / .65);padding:60px 24px 28px}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgb(255 255 255 / .08);margin-bottom:28px}.footer-logo{font-size:20px;font-weight:800;color:#fff;margin-bottom:12px;display:inline-block}.footer-logo .accent{color:var(--bl)}.footer-about{font-size:13px;line-height:1.85;max-width:280px;margin-bottom:10px}.footer-built{font-size:11px;color:rgb(255 255 255 / .35);margin-top:8px}.footer-col h5{color:#fff;font-size:11px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.2px}.footer-col ul,.footer-col .menu{list-style:none;margin:0;padding:0}.footer-col ul li,.footer-col .menu li{margin-bottom:9px}.footer-col ul li a,.footer-col .menu li a{color:rgb(255 255 255 / .55);font-size:13px;transition:color .18s;display:block}.footer-col ul li a:hover,.footer-col .menu li a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:rgb(255 255 255 / .3)}.content-page{max-width:880px;margin:0 auto;padding:60px 24px 80px}.content-page h1{font-size:38px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.content-page .pg-date{color:var(--tm);font-size:12px;margin-bottom:36px;display:block}.content-page h2{font-size:20px;font-weight:700;color:var(--bd);margin:2rem 0 .8rem}.content-page p{color:var(--tg);line-height:1.85;margin-bottom:1rem;font-size:14px}@media(max-width:960px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){#primary-navigation ul{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-top:1px solid var(--br);flex-direction:column;padding:10px;box-shadow:0 8px 30px rgb(0 0 0 / .12)}#primary-navigation ul.open{display:flex}.menu-toggle{display:block}.hero h1{font-size:32px}.hero-desc{font-size:15px}.hero{padding:52px 16px 95px}.input-row{flex-direction:column}.btn-dl-main{justify-content:center}.steps-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.highlight-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.section-head h2{font-size:26px}}@media(max-width:520px){.features-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.section{padding:50px 16px}.widget-wrap{padding:18px 14px 16px}}@media(max-width:768px){.primary-menu{display:none!important;position:absolute;top:66px;left:0;right:0;background:#fff;border-top:1px solid var(--br);flex-direction:column!important;padding:10px;box-shadow:0 8px 30px rgb(0 0 0 / .12);z-index:999;gap:2px}.primary-menu.nav-open{display:flex!important}.primary-menu li a{display:block;padding:11px 14px;font-size:14px;font-weight:600;color:var(--tg);border-radius:9px;width:100%}.primary-menu li a:hover{background:var(--bp);color:var(--bd)}}