*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f8fb;--white:#fff;--black:#0d0d0d;--dark:#1a1a2e;--surface:#fff;--border:#e4e4ec;--border2:#d0d0e0;--text:#111118;--muted:#6b7280;--light:#f1f1f8;--accent:#111118;--radius-sm:12px;--radius:18px;--radius-lg:28px;--font:"Outfit", sans-serif;--trans:.22s cubic-bezier(.4,0,.2,1);--shadow:0 2px 16px #00000012;--shadow-lg:0 8px 40px #0000001f}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.bg-shape{pointer-events:none;z-index:0;filter:blur(90px);opacity:.35;border-radius:50%;position:fixed}.s1{background:#ede9fe;width:600px;height:600px;top:-200px;left:-150px}.s2{background:#fce7f3;width:500px;height:500px;top:200px;right:-150px}.s3{background:#fef3c7;width:400px;height:400px;bottom:0;left:40%}.site-wrap{z-index:1;max-width:960px;margin:0 auto;padding:0 20px 80px;position:relative}.navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 16px;display:flex}.brand{color:var(--black);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.brand-logo{flex-shrink:0;width:40px;height:40px}.brand-logo svg{width:100%;height:100%;display:block}.nav-tabs{background:var(--light);border:1px solid var(--border);scrollbar-width:none;border-radius:50px;gap:2px;padding:4px;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.ntab{color:var(--muted);font-family:var(--font);cursor:pointer;white-space:nowrap;transition:all var(--trans);background:0 0;border:none;border-radius:50px;padding:7px 16px;font-size:.83rem;font-weight:600}.ntab:hover{color:var(--black);background:#0000000a}.ntab.active{background:var(--black);color:#fff}.nav-badge{color:var(--muted);background:var(--white);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow);border-radius:50px;padding:6px 14px;font-size:.78rem;font-weight:700}.hero{text-align:center;padding:64px 0 36px}.hero-chip{background:var(--white);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow);letter-spacing:.02em;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.chip-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.hero h1{letter-spacing:-.03em;color:var(--black);margin-bottom:22px;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:900;line-height:1.08}.title-grad{background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:460px;margin:0 auto 40px;font-size:1.05rem;line-height:1.65}.search-wrap{max-width:680px;margin:0 auto}.search-form{background:var(--white);border:1.5px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:border-color var(--trans), box-shadow var(--trans);align-items:center;gap:10px;padding:6px 6px 6px 20px;display:flex}.search-form:focus-within{border-color:var(--black);box-shadow:0 0 0 4px #0000000f,0 20px 50px #0000001f}.search-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.search-ico{color:var(--muted);flex-shrink:0}#urlInput{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-size:.98rem}#urlInput::placeholder{color:#b0b8cc}#submitBtn{background:var(--black);color:#fff;border-radius:calc(var(--radius-lg) - 8px);font-family:var(--font);cursor:pointer;white-space:nowrap;transition:transform var(--trans), background var(--trans), box-shadow var(--trans);border:none;flex-shrink:0;align-items:center;gap:8px;padding:14px 26px;font-size:.95rem;font-weight:700;display:inline-flex}#submitBtn:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 24px #0003}#submitBtn:active{transform:translateY(0)}#submitBtn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.search-hint{text-align:center;color:var(--muted);margin-top:12px;font-size:.8rem}code{background:var(--light);border:1px solid var(--border);color:#6d28d9;border-radius:7px;padding:2px 8px;font-family:monospace;font-size:.77rem}.msg{border-radius:var(--radius-sm);text-align:left;max-width:680px;margin:16px auto 0;padding:14px 18px;font-size:.9rem;font-weight:500}.msg.error{color:#dc2626;background:#fff0f0;border:1px solid #fecaca}.msg.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.result-card{background:var(--white);border:1px solid var(--border);max-width:680px;box-shadow:var(--shadow-lg);text-align:left;border-radius:22px;grid-template-columns:200px 1fr;margin:24px auto 0;animation:.4s forwards fadeUp;display:grid;overflow:hidden}.result-card:has(.r-thumb.hidden){grid-template-columns:1fr}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.r-thumb{object-fit:cover;border-right:1px solid var(--border);width:100%;height:100%;min-height:160px;display:block}.r-info{padding:28px}.r-badge{color:#16a34a;letter-spacing:.04em;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.r-info h3{color:var(--black);margin-bottom:6px;font-size:1.1rem;font-weight:700}.r-url{color:var(--muted);word-break:break-all;margin-bottom:18px;font-size:.78rem}.r-actions{flex-wrap:wrap;gap:10px;display:flex}.r-dl{background:var(--black);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--trans), transform var(--trans), box-shadow var(--trans);align-items:center;gap:7px;padding:11px 20px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.r-dl:hover{background:#222;transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.r-orig{color:var(--muted);border-radius:var(--radius-sm);border:1px solid var(--border2);transition:all var(--trans);background:0 0;align-items:center;padding:11px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.r-orig:hover{color:var(--black);border-color:var(--black)}.stats{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:52px 0;padding:24px 32px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;padding:8px 32px;display:flex}.stat strong{color:var(--black);letter-spacing:-.03em;font-size:2rem;font-weight:900}.stat span{color:var(--muted);font-size:.8rem;font-weight:500}.stat-sep{background:var(--border);flex-shrink:0;width:1px;height:40px}.sec-title{text-align:center;letter-spacing:-.02em;color:var(--black);margin-bottom:40px;font-size:1.7rem;font-weight:800}.steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.step{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;max-width:260px;box-shadow:var(--shadow);transition:transform var(--trans), box-shadow var(--trans);flex:1;padding:28px 22px}.step:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.step-no{color:var(--muted);letter-spacing:.1em;margin-bottom:12px;font-size:.7rem;font-weight:800}.step-emoji{margin-bottom:14px;font-size:2rem}.step h4{color:var(--black);margin-bottom:8px;font-size:1rem;font-weight:700}.step p{color:var(--muted);font-size:.85rem;line-height:1.55}.step-arr{color:var(--border2);user-select:none;flex-shrink:0;padding-top:70px;font-size:1.5rem}.features{grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 60px;display:grid}.feat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--trans), box-shadow var(--trans);align-items:flex-start;gap:16px;padding:24px 22px;display:flex}.feat:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feat-icon{background:var(--light);border:1px solid var(--border);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex}.feat h4{color:var(--black);margin-bottom:6px;font-size:.98rem;font-weight:700}.feat p{color:var(--muted);font-size:.83rem;line-height:1.55}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:28px 0 10px;font-size:.78rem}@media (width<=680px){.navbar{justify-content:center}.nav-badge{display:none}.hero{padding:44px 0 24px}.hero h1{font-size:2.4rem}.search-form{padding:5px 5px 5px 14px}#submitBtn{padding:12px 16px;font-size:.88rem}#submitBtn span{display:none}.result-card{grid-template-columns:1fr}.r-thumb{width:100%;max-height:400px;min-height:unset;object-fit:contain;object-position:center;border-right:none;border-bottom:1px solid var(--border);background:#f0f0f0}.stats{padding:16px 12px}.stat{padding:8px 16px}.stat strong{font-size:1.5rem}.stat-sep,.step-arr{display:none}.step{max-width:100%;min-width:unset}.features{grid-template-columns:1fr}}@media (width<=400px){.hero h1{font-size:2rem}.nav-tabs{display:none}}.nav-right{align-items:center;gap:10px;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.toggle-track{border:1.5px solid var(--border2);background:#e4e4ec;border-radius:50px;align-items:center;width:56px;height:30px;padding:3px;transition:background .3s,border-color .3s;display:flex;position:relative}.toggle-thumb{color:#6d28d9;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 6px #0000002e}.ico-sun{display:block}.ico-moon{display:none}[data-theme=dark] .toggle-track{background:#1e1b4b;border-color:#4c3b9a}[data-theme=dark] .toggle-thumb{color:#c4b5fd;background:#312e81;transform:translate(26px)}[data-theme=dark] .ico-sun{display:none}[data-theme=dark] .ico-moon{display:block}[data-theme=dark] body{color:#eef0ff;background:#07080f}[data-theme=dark] .bg-shape.s1{background:#6d28d940}[data-theme=dark] .bg-shape.s2{background:#db277733}[data-theme=dark] .bg-shape.s3{background:#d9770626}[data-theme=dark] .brand span,[data-theme=dark] .brand{color:#eef0ff}[data-theme=dark] .nav-tabs{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .ntab{color:#7e86a8}[data-theme=dark] .ntab:hover{color:#eef0ff;background:#ffffff0f}[data-theme=dark] .ntab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777)}[data-theme=dark] .nav-badge{color:#7e86a8;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .hero-chip{color:#a8b0d0;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .hero h1{color:#eef0ff}[data-theme=dark] .hero-sub{color:#7e86a8}[data-theme=dark] .search-form{background:#ffffff0e;border-color:#ffffff1f;box-shadow:0 8px 40px #0006}[data-theme=dark] .search-form:focus-within{border-color:#a78bfa99;box-shadow:0 0 0 4px #7c3aed1f,0 20px 50px #0006}[data-theme=dark] #urlInput{color:#eef0ff}[data-theme=dark] #urlInput::placeholder,[data-theme=dark] .search-ico{color:#4a5280}[data-theme=dark] #submitBtn{background:linear-gradient(135deg,#7c3aed,#db2777)}[data-theme=dark] #submitBtn:hover{box-shadow:0 8px 24px #7c3aed73}[data-theme=dark] code{color:#c4b5fd;background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .search-hint{color:#4a5280}[data-theme=dark] .msg.error{color:#fca5a5;background:#ef44441a;border-color:#ef444440}[data-theme=dark] .msg.success{color:#6ee7b7;background:#10b9811a;border-color:#10b98140}[data-theme=dark] .result-card{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 40px #0006}[data-theme=dark] .r-thumb{border-color:#ffffff14}[data-theme=dark] .r-info h3{color:#eef0ff}[data-theme=dark] .r-url{color:#7e86a8}[data-theme=dark] .r-dl{background:linear-gradient(135deg,#7c3aed,#db2777)}[data-theme=dark] .r-orig{color:#7e86a8;border-color:#ffffff1f}[data-theme=dark] .r-orig:hover{color:#eef0ff;border-color:#ffffff4d}[data-theme=dark] .stats{box-shadow:none;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .stat strong{color:#eef0ff}[data-theme=dark] .stat span{color:#7e86a8}[data-theme=dark] .stat-sep{background:#ffffff14}[data-theme=dark] .sec-title{color:#eef0ff}[data-theme=dark] .step{box-shadow:none;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .step:hover{border-color:#a78bfa59;box-shadow:0 8px 30px #0000004d}[data-theme=dark] .step h4{color:#eef0ff}[data-theme=dark] .step p{color:#7e86a8}[data-theme=dark] .step-no{color:#a78bfa}[data-theme=dark] .feat{box-shadow:none;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .feat:hover{border-color:#a78bfa4d;box-shadow:0 8px 30px #0000004d}[data-theme=dark] .feat-icon{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .feat h4{color:#eef0ff}[data-theme=dark] .feat p{color:#7e86a8}[data-theme=dark] .footer{color:#4a5280;border-color:#ffffff14}.hamburger{background:var(--white);border:1.5px solid var(--border2);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);transition:all var(--trans);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.hamburger span{background:var(--black);transform-origin:50%;border-radius:2px;width:18px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;flex-direction:column;max-height:0;margin-bottom:8px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s;display:none;overflow:hidden}.mobile-menu.open{opacity:1;max-height:320px}.mmenu-tab{border:none;border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font);text-align:left;cursor:pointer;transition:background var(--trans), color var(--trans);background:0 0;padding:16px 20px;font-size:.95rem;font-weight:600}.mmenu-tab:last-child{border-bottom:none}.mmenu-tab:hover{background:var(--light);color:var(--black)}.mmenu-tab.active{color:var(--black);background:var(--light);font-weight:700}@media (width<=400px){.hamburger,.mobile-menu{display:flex}}@media (width>=401px) and (width<=680px){.hamburger,.mobile-menu{display:flex}}[data-theme=dark] .hamburger{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .hamburger span{background:#eef0ff}[data-theme=dark] .mobile-menu{background:#0f1120;border-color:#ffffff1a}[data-theme=dark] .mmenu-tab{color:#7e86a8;border-color:#ffffff12}[data-theme=dark] .mmenu-tab:hover{color:#eef0ff;background:#ffffff0d}[data-theme=dark] .mmenu-tab.active{color:#eef0ff;background:#ffffff12}.navbar{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.nav-center{flex:1;justify-content:center;align-items:center;padding:0 12px;display:flex}.mobile-toggle{display:none!important}.desktop-toggle{display:flex}@media (width<=680px){.nav-tabs{display:none!important}.mobile-toggle{display:flex!important}.desktop-toggle{display:none!important}.nav-badge{display:none}.nav-center{justify-content:center}}[data-theme=dark] .mobile-toggle .toggle-track{background:#1e1b4b;border-color:#4c3b9a}[data-theme=dark] .mobile-toggle .toggle-thumb{color:#c4b5fd;background:#312e81;transform:translate(26px)}[data-theme=dark] .mobile-toggle .ico-sun{display:none}[data-theme=dark] .mobile-toggle .ico-moon{display:block}.navbar{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;padding:20px 0 12px!important;display:flex!important}.tabs-bar{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);scrollbar-width:none;border-radius:50px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;margin-bottom:8px;padding:5px;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tabs-bar .ntab{text-align:center;flex:1;min-width:60px}[data-theme=dark] .tabs-bar{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.tabs-inline{max-width:500px;border-radius:50px!important;margin:0 auto 18px!important}.tabs-bar:not(.tabs-inline){display:none!important}[data-theme=dark] .tabs-inline{background:#ffffff0d!important;border-color:#ffffff1a!important}.hero{padding-top:20px!important}.navbar{padding-bottom:8px!important}.hero h1{margin-bottom:14px!important}.hero-sub{margin-bottom:24px!important}.navbar{padding:18px 0 14px!important}.hero{padding:32px 0 28px!important}.hero-chip{margin-bottom:18px!important}.hero h1{margin-bottom:16px!important;font-size:clamp(2.2rem,5.5vw,4.2rem)!important}.hero-sub{margin-bottom:28px!important;font-size:1rem!important}.tabs-inline{margin-bottom:14px!important}.search-wrap{margin-bottom:0!important}.search-hint{margin-top:10px!important}.stats{margin:32px 0!important;padding:20px 24px!important}.how{margin:40px 0!important}.sec-title{margin-bottom:28px!important}.steps{gap:12px!important}.step{padding:22px 18px!important}.features{gap:12px!important;margin:0 0 48px!important}.feat{padding:20px 18px!important}.footer{margin-top:0!important;padding:22px 0 12px!important}@media (width<=680px){.hero{padding:24px 0 20px!important}.stats{margin:24px 0!important}.how{margin:32px 0!important}.features{margin-bottom:36px!important}}.steps{align-items:stretch!important}.step{flex-direction:column!important;flex:1!important;min-width:0!important;max-width:none!important;height:auto!important;display:flex!important}.step p{flex:1!important}.how-cards{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.how-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform var(--trans), box-shadow var(--trans);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.how-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.how-img{justify-content:center;align-items:center;width:100%;min-height:170px;padding:28px 20px 20px;display:flex}.how-img-1{background:linear-gradient(135deg,#667eea,#764ba2)}.how-img-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.how-img-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.how-mockup{backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;width:100%;max-width:220px;overflow:hidden}.mock-bar{background:#fff3;align-items:center;gap:5px;padding:7px 10px;display:flex}.mock-dot{border-radius:50%;width:8px;height:8px;display:block}.mock-content{flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.mock-ig-logo{font-size:2rem}.mock-lines{flex-direction:column;gap:6px;width:100%;display:flex}.mock-line{background:#ffffff4d;border-radius:4px;height:8px}.mock-line.w80{width:80%}.mock-line.w60{width:60%}.mock-copy-btn{color:#333;cursor:pointer;background:#ffffffe6;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700}.mock-input-row{align-items:center;gap:6px;width:100%;display:flex}.mock-input{color:#555;white-space:nowrap;background:#ffffffe6;border-radius:8px;flex:1;padding:7px 10px;font-size:.68rem;overflow:hidden}.mock-paste{color:#fff;white-space:nowrap;background:#ffffff40;border-radius:8px;padding:7px 10px;font-size:.72rem;font-weight:700}.mock-hand{font-size:1.6rem}.mock-dl-btn{color:#0057b8;text-align:center;background:#fffffff2;border-radius:10px;width:100%;padding:10px 22px;font-size:.85rem;font-weight:800}.how-body{flex-direction:column;flex:1;gap:6px;padding:20px 20px 24px;display:flex}.how-num{color:var(--muted);letter-spacing:.1em;font-size:.72rem;font-weight:800}.how-body h4{color:var(--black);margin:0;font-size:1.05rem;font-weight:800}.how-body p{color:var(--muted);flex:1;margin:0;font-size:.85rem;line-height:1.6}[data-theme=dark] .how-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .how-body h4{color:#eef0ff}[data-theme=dark] .how-body p{color:#7e86a8}[data-theme=dark] .how-num{color:#4a5280}@media (width<=680px){.how-cards{grid-template-columns:1fr}.how-img{min-height:140px}}.how-img-1,.how-img-2,.how-img-3{border-bottom:1px solid var(--border);background:var(--light)!important}.mock-copy-btn{background:var(--black)!important;color:#fff!important}.mock-paste{color:var(--black)!important;background:#00000014!important}.mock-dl-btn{background:var(--black)!important;color:#fff!important}.mock-dot.r{background:#ff5f57}.mock-dot.y{background:#febc2e}.mock-dot.g{background:#28c840}.mock-bar{background:#e8e8f0!important}.how-mockup{border:1px solid var(--border)!important;backdrop-filter:none!important;background:#fff!important}.mock-input{border:1px solid var(--border);background:var(--light)!important;color:var(--muted)!important}.mock-lines .mock-line{background:var(--border)!important}.mock-ig-logo{filter:none}[data-theme=dark] .how-img-1,[data-theme=dark] .how-img-2,[data-theme=dark] .how-img-3{border-bottom:1px solid #ffffff14;background:#ffffff0a!important}[data-theme=dark] .how-mockup{background:#ffffff0f!important;border-color:#ffffff1a!important}[data-theme=dark] .mock-bar{background:#ffffff14!important}[data-theme=dark] .mock-input{color:#aaa!important;background:#ffffff14!important}[data-theme=dark] .mock-copy-btn,[data-theme=dark] .mock-dl-btn{color:#111!important;background:#eef0ff!important}[data-theme=dark] .mock-paste{color:#eef0ff!important;background:#ffffff1f!important}[data-theme=dark] .mock-line{background:#ffffff1a!important}.steps-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:36px 0 32px;display:flex}.step-item{background:var(--white);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow);border-radius:16px;flex:1;align-items:center;gap:12px;padding:16px 18px;display:flex}.step-circle{background:var(--black);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:flex}.step-text h4{color:var(--black);margin-bottom:2px;font-size:.92rem;font-weight:700}.step-text p{color:var(--muted);font-size:.78rem;line-height:1.4}.step-line{background:var(--border2);flex-shrink:0;width:32px;height:2px}[data-theme=dark] .step-item{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .step-circle{color:#111;background:#eef0ff}[data-theme=dark] .step-text h4{color:#eef0ff}[data-theme=dark] .step-text p{color:#7e86a8}[data-theme=dark] .step-line{background:#ffffff1a}@media (width<=680px){.steps-row{flex-direction:column;align-items:stretch}.step-line{width:2px;height:20px;margin:0 auto}.step-item{min-width:unset}}.htw-section{margin:48px 0 36px}.htw-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.htw-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform var(--trans), box-shadow var(--trans);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.htw-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.htw-top{background:var(--light);border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:180px;padding:22px 18px 14px;display:flex}.htw-screen{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:230px;overflow:hidden;box-shadow:0 4px 16px #00000014}.htw-bar{border-bottom:1px solid var(--border);background:#f0f0f5;align-items:center;gap:5px;padding:8px 10px;display:flex}.hb{border-radius:50%;width:9px;height:9px;display:block}.hb.r{background:#ff5f57}.hb.y{background:#febc2e}.hb.g{background:#28c840}.htw-body{flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.htw-ig-row{background:var(--light);border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.htw-ig-thumb{background:linear-gradient(135deg,#f9a825,#e91e8c);border-radius:8px;flex-shrink:0;width:32px;height:32px}.htw-ig-lines{flex-direction:column;flex:1;gap:5px;display:flex}.hl{background:var(--border2);border-radius:4px;height:7px}.hl.w70{width:70%}.hl.w50{width:50%}.htw-dots{color:var(--muted);letter-spacing:1px;font-size:1rem;font-weight:700}.htw-menu{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;overflow:hidden}.htw-menu-item{color:var(--muted);border-bottom:1px solid var(--border);padding:7px 12px;font-size:.78rem;font-weight:600}.htw-menu-item:last-child{border-bottom:none}.htw-menu-item.active{color:var(--black);background:#f5f5ff}.htw-input-row{background:var(--light);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.htw-link-ico{font-size:1rem}.htw-input-box{color:var(--muted);white-space:nowrap;flex:1;font-size:.73rem;overflow:hidden}.htw-paste-hint{color:var(--muted);background:var(--light);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:.72rem}.htw-thumb-preview{background:linear-gradient(135deg,#e0e0f0,#d0d0e8);border-radius:8px;width:100%;height:52px}.htw-dl-btn{background:var(--black);color:#fff;text-align:center;border-radius:10px;width:100%;padding:10px 0;font-size:.85rem;font-weight:700}.htw-cursor{align-self:flex-end;margin-top:-4px;font-size:1.4rem}.htw-info{flex:1;padding:18px 18px 22px}.htw-info h4{color:var(--black);margin-bottom:8px;font-size:1rem;font-weight:800}.htw-info p{color:var(--muted);font-size:.84rem;line-height:1.6}[data-theme=dark] .htw-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .htw-top{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .htw-screen{background:#1a1b2e;border-color:#ffffff1a}[data-theme=dark] .htw-bar{background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .htw-ig-row{background:#ffffff0d}[data-theme=dark] .htw-menu{background:#1a1b2e;border-color:#ffffff14}[data-theme=dark] .htw-menu-item{color:#7e86a8;border-color:#ffffff0f}[data-theme=dark] .htw-menu-item.active{color:#eef0ff;background:#ffffff14}[data-theme=dark] .htw-input-row,[data-theme=dark] .htw-paste-hint{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .htw-thumb-preview{background:#ffffff14}[data-theme=dark] .htw-dl-btn{color:#111;background:#eef0ff}[data-theme=dark] .htw-info h4{color:#eef0ff}[data-theme=dark] .htw-info p{color:#7e86a8}[data-theme=dark] .hl{background:#ffffff1a}@media (width<=680px){.htw-grid{grid-template-columns:1fr}.htw-top{min-height:150px}}.htw-real-img{object-fit:cover;object-position:center top;width:100%;height:200px;display:block}.htw-step-num{color:var(--muted);letter-spacing:.1em;margin-bottom:6px;font-size:.7rem;font-weight:800;display:inline-block}.htw-real-img{object-fit:cover!important;object-position:center center!important;border-bottom:1px solid var(--border)!important;width:100%!important;height:160px!important;display:block!important}.htw-top{min-height:unset!important;background:0 0!important;border-bottom:none!important;padding:0!important}.addressbar-section{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:32px 0;padding:40px;display:grid}.addressbar-badge{color:#ea580c;letter-spacing:.04em;background:#fff7ed;border:1px solid #fed7aa;border-radius:50px;margin-bottom:16px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.addressbar-text h2{color:var(--black);letter-spacing:-.02em;margin-bottom:14px;font-size:1.5rem;font-weight:800;line-height:1.25}.addressbar-text p{color:var(--muted);margin-bottom:18px;font-size:.9rem;line-height:1.65}.addressbar-example{background:var(--light);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin-bottom:14px;padding:14px 16px;display:flex}.ex-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.ex-url{color:var(--black);word-break:break-all;background:0 0;border:none;padding:0;font-family:monospace;font-size:.82rem;line-height:1.5}.addressbar-sub{color:var(--muted)!important;margin-bottom:0!important;font-size:.82rem!important}.addressbar-img{border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.addressbar-img img{object-fit:cover;width:100%;height:100%;display:block}[data-theme=dark] .addressbar-section{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .addressbar-text h2{color:#eef0ff}[data-theme=dark] .addressbar-text p{color:#7e86a8}[data-theme=dark] .addressbar-example{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .ex-url{color:#eef0ff}[data-theme=dark] .addressbar-badge{background:#ea580c1f;border-color:#ea580c4d}@media (width<=680px){.addressbar-section{grid-template-columns:1fr;gap:24px;padding:24px 20px}.addressbar-img{order:-1}.addressbar-text h2{font-size:1.3rem}}.promo-card{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin:32px 0 0;padding:24px 28px}.promo-left{align-items:flex-start;gap:18px;display:flex}.promo-logo{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.promo-text h4{color:var(--black);margin-bottom:8px;font-size:1rem;font-weight:800}.promo-text p{color:var(--muted);margin-bottom:12px;font-size:.85rem;line-height:1.6}.promo-link{background:var(--light);border:1px solid var(--border);color:var(--black);transition:all var(--trans);border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.promo-link:hover{background:var(--black);color:#fff;border-color:var(--black)}[data-theme=dark] .promo-text h4{color:#eef0ff}[data-theme=dark] .promo-text p{color:#7e86a8}[data-theme=dark] .promo-link{color:#eef0ff;background:#ffffff0f;border-color:#ffffff1a}@media (width<=680px){.promo-left{flex-direction:row;align-items:flex-start}.promo-card{padding:20px}}.why-section{text-align:center;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;margin:40px 0;padding:40px 32px}.why-title{color:var(--black);letter-spacing:-.02em;margin-bottom:14px;font-size:1.5rem;font-weight:800}.why-sub{color:var(--muted);max-width:620px;margin:0 auto 36px;font-size:.9rem;line-height:1.65}.why-grid{grid-template-columns:repeat(2,1fr);gap:32px 40px;display:grid}.why-item{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.why-icon{color:var(--black);margin-bottom:4px}.why-item h4{color:var(--black);margin:0;font-size:1rem;font-weight:700}.why-line{background:var(--border2);border-radius:2px;width:50px;height:2px}.why-item p{color:var(--muted);max-width:260px;font-size:.85rem;line-height:1.6}[data-theme=dark] .why-section{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .why-title,[data-theme=dark] .why-icon,[data-theme=dark] .why-item h4{color:#eef0ff}[data-theme=dark] .why-line{background:#ffffff1a}@media (width<=680px){.why-section{padding:28px 20px}.why-grid{grid-template-columns:1fr;gap:24px}}.rfeatures-section{margin:40px 0}.rfeat-img{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.rfeat-img-1{background:linear-gradient(135deg,#667eea,#764ba2)}.rfeat-img-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.rfeat-img-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.rfeat-img-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.rfeat-img-5{background:linear-gradient(135deg,#fa709a,#fee140)}@media (width<=680px){.rfeat-item,.rfeat-reverse{grid-template-columns:1fr!important}.rfeat-reverse .rfeat-img{order:0}.rfeat-img{width:70px;height:70px}.rfeat-img svg{width:32px;height:32px}}.rfeat-img{background:0 0!important;border-radius:20px!important;flex-shrink:0!important;width:160px!important;height:160px!important;overflow:hidden!important}@media (width<=680px){.rfeat-img{width:120px!important;height:120px!important}}.rfeat-item{background:var(--white)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;transition:transform var(--trans), box-shadow var(--trans)!important;border-radius:20px!important;grid-template-columns:1fr 220px!important;align-items:center!important;gap:28px!important;margin-bottom:16px!important;padding:28px 32px!important;display:grid!important}.rfeat-item:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)!important}.rfeat-reverse{grid-template-columns:220px 1fr!important}.rfeat-reverse .rfeat-img{order:-1!important}.rfeat-text h4{color:var(--black)!important;margin-bottom:12px!important;font-size:1.25rem!important;font-weight:800!important}.rfeat-text p{color:var(--muted)!important;font-size:.88rem!important;line-height:1.65!important}.rfeat-img{border-radius:16px!important;flex-shrink:0!important;width:220px!important;height:180px!important;overflow:hidden!important}.rfeat-img img{object-fit:cover!important;border-radius:16px!important;width:100%!important;height:100%!important;display:block!important}.rfeat-getstarted{background:var(--black);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-top:16px;padding:32px;display:grid;position:relative;overflow:hidden}.rfeat-gs-title{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:800;line-height:1.3}.gs-brand{color:#fff}.rfeat-gs-list{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.rfeat-gs-list li{color:#fffc;align-items:center;gap:8px;font-size:.85rem;display:flex}.rfeat-gs-btn{color:#fff;transition:background var(--trans), transform var(--trans);background:#2563eb;border-radius:10px;padding:12px 28px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-block}.rfeat-gs-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.rfeat-gs-img{border-radius:14px;overflow:hidden}.rfeat-gs-img img{object-fit:cover;border-radius:14px;width:100%;height:220px;display:block}[data-theme=dark] .rfeat-item{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .rfeat-text h4{color:#eef0ff!important}[data-theme=dark] .rfeat-text p{color:#7e86a8!important}[data-theme=dark] .rfeat-getstarted{background:#0d0f1a;border:1px solid #ffffff14}@media (width<=680px){.rfeat-item,.rfeat-reverse{grid-template-columns:1fr!important}.rfeat-reverse .rfeat-img{order:0!important}.rfeat-img{width:100%!important;height:180px!important}.rfeat-getstarted{grid-template-columns:1fr}.rfeat-gs-img{display:none}}.rfeatures-section .why-title{text-align:center!important;margin-bottom:10px!important;font-size:2rem!important}.rfeatures-section .why-sub{text-align:center!important;margin-bottom:28px!important}.rfeat-text h4{margin-bottom:14px!important;font-size:1.4rem!important}.rfeat-text p{font-size:.95rem!important;line-height:1.7!important}.rfeat-getstarted{background:var(--white)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important}.rfeat-gs-title{color:var(--black)!important}.gs-highlight{color:#f97316!important}.rfeat-gs-list li{color:var(--muted)!important}[data-theme=dark] .rfeat-getstarted{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .rfeat-gs-title{color:#eef0ff!important}[data-theme=dark] .rfeat-gs-list li{color:#7e86a8!important}@media (width<=680px){.rfeat-item,.rfeat-reverse{grid-template-columns:1fr!important;padding:20px!important}.rfeat-item .rfeat-img,.rfeat-reverse .rfeat-img{order:-1!important}.rfeat-img{border-radius:14px!important;width:100%!important;height:200px!important}.rfeat-img img{object-fit:cover!important;border-radius:14px!important;width:100%!important;height:200px!important}.rfeat-getstarted{grid-template-columns:1fr!important;padding:24px 20px!important}.rfeat-gs-img{order:-1!important;display:block!important}.rfeat-gs-img img{object-fit:cover!important;border-radius:12px!important;width:100%!important;height:180px!important}}.clear-cache-btn{border:1px solid var(--border2);color:var(--muted);font-family:var(--font);cursor:pointer;transition:all var(--trans);background:0 0;border-radius:20px;margin-top:10px;padding:6px 14px;font-size:.75rem;font-weight:600}.clear-cache-btn:hover{background:var(--black);color:#fff;border-color:var(--black)}[data-theme=dark] .clear-cache-btn:hover{color:#111;background:#eef0ff}.clear-cache-btn{display:none}.faq-section{margin:40px 0}.faq-title{color:var(--black);text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:1.6rem;font-weight:800}.faq-sub{color:var(--muted);text-align:center;max-width:580px;margin:0 auto 28px;font-size:.88rem;line-height:1.6}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color var(--trans);border-radius:14px;overflow:hidden}.faq-item.open{border-color:var(--border2)}.faq-q{width:100%;font-family:var(--font);color:var(--black);cursor:pointer;text-align:left;transition:color var(--trans);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:.95rem;font-weight:700;display:flex}.faq-q:hover,.faq-item.open .faq-q{color:var(--black)}.faq-arrow{color:var(--muted);flex-shrink:0;font-size:1.1rem;transition:transform .3s}.faq-item.open .faq-arrow{color:var(--black);transform:rotate(180deg)}.faq-a{max-height:0;color:var(--muted);padding:0 20px;font-size:.88rem;line-height:1.65;transition:max-height .35s;overflow:hidden}.faq-item.open .faq-a{padding:0 20px 18px}[data-theme=dark] .faq-item{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .faq-q{color:#eef0ff}[data-theme=dark] .faq-arrow{color:#7e86a8}[data-theme=dark] .faq-item.open .faq-arrow{color:#eef0ff}[data-theme=dark] .faq-a{color:#7e86a8}[data-theme=dark] .faq-title{color:#eef0ff}.footer{border-top:1px solid var(--border)!important;text-align:center!important;flex-direction:column!important;align-items:center!important;gap:14px!important;padding:36px 0 20px!important;display:flex!important}.footer-logo{color:var(--black);align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:flex}[data-theme=dark] .footer-logo{color:#eef0ff}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px;font-size:.82rem;display:flex}.footer-links a{color:var(--muted);transition:color var(--trans);text-decoration:none}.footer-links a:hover{color:var(--black)}[data-theme=dark] .footer-links a:hover{color:#eef0ff}.footer-divider{background:var(--border);width:100%;height:1px;margin:4px 0}.footer-follow{color:var(--muted);margin:0;font-size:.82rem}.footer-social{align-items:center;gap:10px;display:flex}.soc-btn{background:var(--light);border:1px solid var(--border);width:40px;height:40px;color:var(--muted);transition:all var(--trans);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.soc-btn:hover{background:var(--black);color:#fff;border-color:var(--black)}[data-theme=dark] .soc-btn{color:#7e86a8;background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .soc-btn:hover{color:#111;background:#eef0ff}.footer-bottom{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.footer-bottom p{color:var(--muted);margin:0;font-size:.78rem}.promo-img{flex-shrink:0;width:260px;height:200px;overflow:hidden}.promo-img img{object-fit:cover;width:100%;height:100%;display:block}.promo-card .promo-text{padding:28px 32px}@media (width<=680px){.promo-card{grid-template-columns:1fr!important}.promo-img{width:100%!important;height:200px!important}.promo-card .promo-text{padding:20px!important}}.promo-card{background:var(--white)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;border-radius:20px!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:24px!important;margin:32px 0 0!important;padding:28px 32px!important;display:grid!important;overflow:hidden!important}.promo-icon-wrap{border-radius:20px;flex-shrink:0;width:72px;height:72px;overflow:hidden;box-shadow:0 8px 24px #e91e8c40}.promo-icon-wrap svg{width:100%;height:100%;display:block}@media (width<=680px){.promo-card{gap:16px!important;padding:20px!important}.promo-icon-wrap{width:56px!important;height:56px!important}}.promo-card{border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;background:var(--white)!important;border-radius:20px!important;grid-template-columns:240px 1fr!important;align-items:stretch!important;gap:0!important;margin:32px 0 48px!important;padding:0!important;display:grid!important;overflow:hidden!important}.promo-gradient-box{background:linear-gradient(135deg,#f9a825 0%,#e91e8c 50%,#6a11cb 100%);justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.promo-ig-icon{z-index:2;backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:24px;padding:18px}.promo-gradient-dots{opacity:.15;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid;position:absolute;inset:0}.promo-gradient-dots span{aspect-ratio:1;background:#fff;border-radius:50%}.promo-card .promo-text{flex-direction:column!important;justify-content:center!important;padding:28px 32px!important;display:flex!important}.promo-card .promo-text h3{color:var(--black)!important;margin-bottom:12px!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.3!important}.promo-card .promo-text p{color:var(--muted)!important;margin-bottom:18px!important;font-size:.88rem!important;line-height:1.65!important}[data-theme=dark] .promo-card{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .promo-card .promo-text h3{color:#eef0ff!important}[data-theme=dark] .promo-card .promo-text p{color:#7e86a8!important}@media (width<=680px){.promo-card{grid-template-columns:1fr!important}.promo-gradient-box{min-height:160px!important}.promo-card .promo-text{padding:20px!important}}.promo-img-box{border-radius:16px!important;flex-shrink:0!important;width:220px!important;height:220px!important;margin:20px 0 20px 20px!important;overflow:hidden!important;box-shadow:0 8px 24px #0000001a!important}.promo-img-box img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}.promo-card{grid-template-columns:auto 1fr!important;align-items:center!important}@media (width<=680px){.promo-card{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.promo-img-box{width:100%!important;height:220px!important;box-shadow:none!important;border-radius:20px 20px 0 0!important;margin:0!important}.promo-card .promo-text{padding:20px!important}.promo-card .promo-text h3{font-size:1.1rem!important}}.htw-subtitle{text-align:center;color:var(--muted);max-width:580px;margin:-16px auto 28px;font-size:.92rem;line-height:1.6}[data-theme=dark] .htw-subtitle{color:#7e86a8}.tabs-inline{border-radius:50px!important;justify-content:space-between!important;gap:2px!important;width:100%!important;max-width:680px!important;margin:0 auto 14px!important;padding:5px!important;display:flex!important;overflow-x:auto!important}.tabs-inline .ntab{text-align:center!important;white-space:nowrap!important;flex:1!important;padding:7px 8px!important;font-size:.82rem!important}@media (width<=680px){.tabs-inline{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;border-radius:50px!important;justify-content:flex-start!important;gap:2px!important;padding:4px!important;overflow-x:auto!important}.tabs-inline::-webkit-scrollbar{display:none!important}.tabs-inline .ntab{white-space:nowrap!important;flex:none!important;padding:7px 12px!important;font-size:.78rem!important}}.ntab{align-items:center!important;gap:5px!important;display:flex!important}@media (width<=680px){.ntab .tab-label{display:none!important}.tabs-inline .ntab{padding:8px 10px!important}}.tabs-inline{scrollbar-width:none!important;border-radius:50px!important;gap:2px!important;width:100%!important;max-width:680px!important;margin:0 auto 14px!important;padding:4px!important;display:flex!important;overflow-x:auto!important}.tabs-inline::-webkit-scrollbar{display:none!important}.tabs-inline .ntab{text-align:center!important;white-space:nowrap!important;border-radius:50px!important;flex:1 1 0!important;min-width:0!important;padding:8px 10px!important;font-size:.82rem!important;font-weight:600!important}@media (width<=680px){.tabs-inline .ntab{flex:none!important;padding:7px 14px!important;font-size:.8rem!important}}.tabs-inline .ntab{align-items:center!important;gap:5px!important;font-size:.82rem!important;font-weight:600!important;display:inline-flex!important}.tabs-inline .ntab svg{opacity:.75!important;flex-shrink:0!important}.tabs-inline .ntab.active svg{opacity:1!important}@media (width<=680px){.tabs-inline .ntab{flex:none!important;gap:4px!important;padding:7px 10px!important;font-size:.75rem!important}}.tabs-inline .ntab{justify-content:center!important;align-items:center!important;gap:5px!important;font-size:.82rem!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.tabs-inline .ntab svg{flex-shrink:0!important;margin:0!important;display:block!important}@media (width<=680px){.tabs-inline .ntab{flex:none!important;gap:0!important;padding:9px 12px!important}.tabs-inline .ntab .tab-text{display:none!important}}@media (width>=681px){.tabs-inline .ntab .tab-text{display:inline!important}}@media (width<=680px){.tabs-inline{justify-content:flex-start!important;width:100%!important}.tabs-inline .ntab{min-width:unset!important;flex:none!important;width:auto!important;padding:8px 11px!important}.tabs-inline .ntab.active{min-width:unset!important;width:auto!important;padding:8px 11px!important}.tabs-inline{justify-content:space-between!important;gap:0!important;padding:4px!important;overflow-x:auto!important}.tabs-inline .ntab{flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:10px 0!important;display:flex!important}.tabs-inline .ntab svg{width:16px!important;height:16px!important}}#carouselButtons{grid-template-columns:repeat(2,1fr)!important}@media (width>=520px){#carouselButtons{grid-template-columns:repeat(3,1fr)!important}}#carouselButtons>div img{aspect-ratio:1;object-fit:cover;width:100%;display:block}html,body{max-width:100%;overflow-x:hidden}.s1{width:min(600px,90vw);height:min(600px,90vw);left:-80px}.s2{width:min(500px,80vw);height:min(500px,80vw);right:-80px}.s3{width:min(400px,70vw);height:min(400px,70vw)}@media (width<=680px){.result-card{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.r-thumb{width:100%!important;max-height:380px!important;min-height:unset!important;object-fit:contain!important;object-position:center!important;border-right:none!important;border-bottom:1px solid var(--border)!important;background:#f0f0f0!important}[data-theme=dark] .r-thumb{background:#ffffff0d!important}.r-info{width:100%!important;min-width:0!important;padding:18px 16px!important}.r-url{word-break:break-all!important;overflow-wrap:anywhere!important;max-width:100%!important}.r-actions{flex-wrap:wrap!important;gap:8px!important}.r-dl,.r-orig{text-align:center!important;flex:auto!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important;font-size:.78rem!important;padding:10px 12px!important}.site-wrap{padding-left:16px!important;padding-right:16px!important;overflow:hidden!important}.search-wrap,.search-form,.msg,.result-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.search-form{padding:5px 5px 5px 14px!important}.hero h1{word-break:break-word!important;font-size:clamp(1.8rem,7vw,2.4rem)!important}.hero-sub{padding:0 4px!important;font-size:.95rem!important}}@media (width<=480px){#carouselButtons{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:14px!important}.stats{gap:0!important;padding:14px 8px!important}.stat{flex:80px!important;min-width:0!important;padding:8px 10px!important}.stat strong{font-size:1.3rem!important}}html,body{overscroll-behavior-x:none!important;touch-action:pan-y!important;max-width:100vw!important;overflow-x:clip!important}.hidden,#resultCard.hidden{display:none!important}@media (width<=680px){.site-wrap{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}#resultCard,.msg,.search-wrap{width:100%!important;margin-left:auto!important;margin-right:auto!important}}#urlInput{font-size:16px!important}

/* ── ACCESSIBILITY — Better contrast ── */
:root { --muted: #4b5563; }
[data-theme="dark"] body { --muted: #9aa0b8; }
code { color: #5b21b6; }
.search-hint { color: #595f6e; }

/* ── LCP OPTIMIZATION ── */
.hero h1 { font-display: swap; }
.promo-img-box img { fetchpriority: high; }












[data-theme=dark] 
[data-theme=dark] 
[data-theme=dark] 
[data-theme=dark] 
@media(max-width:640px){}

@media (max-width: 680px) {
  .search-form { flex-wrap: wrap !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; gap: 10px !important; }
  .search-left { flex: 1 1 100% !important; width: 100% !important; background: var(--white) !important; border: 1.5px solid var(--border2) !important; border-radius: 16px !important; padding: 6px 6px 6px 16px !important; box-shadow: var(--shadow-lg) !important; display: flex !important; align-items: center !important; }
  #pasteBtn { order: 2 !important; flex-shrink: 0 !important; margin-left: auto !important; background: var(--light) !important; border: none !important; border-radius: 10px !important; padding: 10px 14px !important; }
  .search-left { flex-wrap: nowrap !important; }
  #urlInput { flex: 1 !important; min-width: 0 !important; }
  #submitBtn { order: 999 !important; flex: 1 1 100% !important; width: 100% !important; justify-content: center !important; border-radius: 14px !important; padding: 15px !important; font-size: 1rem !important; }
  #submitBtn span { display: inline !important; }
}

/* Extension card mobile */
@media (max-width: 640px) {
  .ext-card { flex-direction: column !important; }
  .ext-card > div:last-child { flex: none !important; min-height: 200px !important; width: 100% !important; }
  .ext-card > div:first-child { padding: 24px 20px !important; }
  .ext-card h2 { font-size: 1.2rem !important; }
}

/* Extension card mobile - image top, text bottom */
@media (max-width: 640px) {
  .ext-card { flex-direction: column-reverse !important; }
  .ext-card > div:last-child { flex: none !important; min-height: 180px !important; width: 100% !important; border-radius: 0 !important; }
  .ext-card > div:first-child { padding: 24px 20px !important; }
  .ext-card h2 { font-size: 1.2rem !important; }
}

/* rd-feat-row mobile - image top, text bottom, no gap */
@media (max-width: 640px) {
  .rd-feat-row, .rd-feat-row--reverse { flex-direction: column !important; }
  .rd-feat-img { width: 100% !important; min-height: 200px !important; flex: none !important; order: -1 !important; }
  .rd-feat-text { padding: 20px !important; order: 1 !important; }
}

.loading-msg { text-align:center!important; background:transparent!important; border:none!important; }
.rld-dots { display:flex; justify-content:center; gap:8px; margin-bottom:8px; }
.rld-dots span { width:12px; height:12px; border-radius:50%; background:#111; animation:rld-bounce 1.2s infinite ease-in-out; }
.rld-dots span:nth-child(2) { animation-delay:.2s; }
.rld-dots span:nth-child(3) { animation-delay:.4s; }
@keyframes rld-bounce { 0%,80%,100%{transform:scale(.6);opacity:.4} 40%{transform:scale(1);opacity:1} }
.rld-wait { color:#111; font-size:.9rem; font-weight:500; }

/* Accessibility fixes */
.addressbar-badge {
  color: #7c3aed !important;
  background: #ede9fe !important;
}
footer a, .site-footer a {
  padding: 4px 6px;
  display: inline-block;
  min-height: 44px;
  min-width: 44px;
}
.s2{right:-220px!important}.bg-shape{overflow:visible}