:root{--primary: #6366f1;--secondary: #8b5cf6;--accent: #06b6d4;--bg-light: #ffffff;--bg-card: #f9f9fb;--text-main: #111111;--text-muted: #666666;--glass-border: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .8);--font-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Thai", sans-serif;--font-main: "Outfit", "Sarabun", var(--font-fallback)}:root.dark{--bg-light: #080808;--bg-card: #121212;--text-main: #f5f5f7;--text-muted: #888889;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(10, 10, 10, .8)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}a{text-decoration:none!important}body{font-family:var(--font-fallback);background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;min-height:100vh;transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1)}html.fonts-ready body{font-family:var(--font-main)}button,input,select,textarea{font:inherit}.dark .bg-white{background-color:#1e293b!important}.dark .bg-slate-50{background-color:#1e293b66!important}.dark .bg-slate-100{background-color:#1e293b99!important}.dark .bg-amber-50{background-color:#78350f38!important}.dark .border-slate-100{border-color:#ffffff0d!important}.dark .border-slate-200{border-color:#ffffff1a!important}.dark .border-amber-200{border-color:#f59e0b47!important}.dark .text-slate-800,.dark .text-slate-700{color:#f8fafc!important}.dark .text-slate-600,.dark .text-slate-500{color:#cbd5e1!important}.dark .text-slate-400{color:#94a3b8!important}.dark .text-slate-300{color:#64748b!important}.dark .text-amber-700{color:#fbbf24!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.flex-grow{flex-grow:1!important}.min-h-screen{min-height:100vh!important}.min-h-\[250px\]{min-height:250px!important}.container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.container{padding-left:2rem;padding-right:2rem}}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mr-3{margin-right:.75rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-6{margin-top:1.5rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-8{gap:2rem!important}.gap-10{gap:2.5rem!important}.gap-12{gap:3rem!important}.gap-16{gap:4rem!important}.mt-8{margin-top:2rem!important}.mt-10{margin-top:2.5rem!important}.mt-12{margin-top:3rem!important}.mt-16{margin-top:4rem!important}.mt-24{margin-top:6rem!important}.mb-1{margin-bottom:.25rem!important}@media(max-width:768px){.container{padding-left:1rem!important;padding-right:1rem!important}button,.btn{min-height:44px!important;min-width:44px!important;padding:12px 16px!important}.gap-2{gap:.75rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.25rem!important}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}.tool-card{padding:1.5rem!important;margin-bottom:1rem!important}.upload-area{min-height:120px!important;padding:2rem!important}.mobile-menu{display:block!important}.desktop-menu{display:none!important}}@media(hover:none)and (pointer:coarse){button:hover,.btn:hover{transform:scale(1.02)!important}.tool-card:hover{transform:translateY(-2px)!important}}@media(max-width:768px)and (orientation:landscape){.container{padding-top:.5rem!important;padding-bottom:.5rem!important}h1{font-size:1.5rem!important}h2{font-size:1.125rem!important}}@media(max-width:480px){.container{padding-left:.75rem!important;padding-right:.75rem!important}button,.btn{min-height:48px!important;font-size:16px!important}.tool-card{padding:1rem!important}.upload-area{min-height:100px!important;padding:1.5rem!important}}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.mb-12{margin-bottom:3rem!important}.space-y-2>*+*{margin-top:.5rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-y-8>*+*{margin-top:2rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2.5rem!important}.p-3{padding:.75rem!important}.p-10,.p-12{padding:3rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.py-24{padding-top:6rem!important;padding-bottom:6rem!important}.pb-4{padding-bottom:1rem!important}.pr-2{padding-right:.5rem!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}@media(min-width:768px){.grid-cols-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:flex{display:flex!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:gap-12{gap:3rem!important}.md\:p-10{padding:3rem!important}.md\:p-8{padding:2rem!important}.md\:px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:py-24{padding-top:6rem!important;padding-bottom:6rem!important}.md\:mt-12{margin-top:3rem!important}.md\:mb-8{margin-bottom:2rem!important}.md\:mb-16{margin-bottom:4rem!important}.md\:text-5xl{font-size:clamp(2.5rem,6vw,4rem)!important}.md\:text-xl{font-size:1.25rem!important}.md\:text-base{font-size:1rem!important}}@media(min-width:1024px){.lg\:gap-16{gap:4rem!important}.grid-cols-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:640px){.sm\:flex-row{flex-direction:row!important}.sm\:gap-8{gap:2rem!important}.sm\:inline{display:inline!important}.sm\:mt-0{margin-top:0!important}.sm\:w-auto{width:auto!important}}.text-center{text-align:center!important}.text-5xl{font-size:clamp(2.5rem,8vw,4rem)!important;font-weight:800!important;letter-spacing:0!important;line-height:1.1!important;color:#1e293b!important}.text-4xl{font-size:clamp(2rem,7vw,3rem)!important;line-height:1.1!important}.text-2xl{font-size:1.5rem!important}.text-xl{font-size:1.25rem!important}.text-lg{font-size:1.125rem!important}.text-base{font-size:1rem!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.text-\[10px\]{font-size:10px!important}.leading-relaxed{line-height:1.625!important}.tracking-tight,.tracking-widest{letter-spacing:0!important}.uppercase{text-transform:uppercase!important}.font-medium{font-weight:500!important}.font-sans{font-family:var(--font-fallback)!important}html.fonts-ready .font-sans{font-family:var(--font-main)!important}.bg-clip-text{-webkit-background-clip:text!important;background-clip:text!important}.text-transparent{color:transparent!important}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--primary),var(--secondary))!important}.from-indigo-500,.from-indigo-600{--tw-gradient-from: var(--primary)}.to-purple-500,.to-purple-600{--tw-gradient-to: var(--secondary)}.text-slate-400{color:var(--text-muted)!important}.text-indigo-400,.text-indigo-500{color:var(--primary)!important}.text-green-400{color:#22c55e!important}.text-amber-700{color:#b45309!important}.bg-green-500\/20{background-color:#22c55e33!important}.bg-indigo-500\/10{background-color:#6366f11a!important}.bg-slate-900\/40{background-color:#0f172a66!important}.bg-amber-50{background-color:#fffbeb!important}.border-amber-200{border-color:#fde68a!important}.border-indigo-500\/20{border-color:#6366f133!important}.border-white\/5{border-color:#ffffff0d!important}.border-b{border-bottom-width:1px!important;border-bottom-style:solid!important}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px}header.glass{border-radius:0}.glass-card{background:var(--bg-card);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000000a;transition:all .4s cubic-bezier(.16,1,.3,1)}.tool-card{padding:2.25rem 2rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:0 4px 20px #00000005;transition:all .4s cubic-bezier(.16,1,.3,1)}.tool-card:hover{border-color:var(--primary);transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #6366f114}.tool-card-icon{width:3.5rem;height:3.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.tool-card:hover .tool-card-icon{transform:scale(1.1) rotate(5deg)}.dark .tool-card{background:#111;border:1px solid rgba(255,255,255,.06)}.dark .tool-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000004d}.dark .glass-card{box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:14px 28px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 4px 15px #6366f14d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:hover:after{opacity:1}.dark .btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none}.dark .btn-primary:hover{box-shadow:0 8px 25px #6366f180}.input-premium{width:100%;padding:1.25rem;border-radius:16px;border:2px solid var(--glass-border);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000005;color:var(--text-main)}.dark .input-premium{background:#0003;border-color:#ffffff14}.input-premium:focus{border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 4px #6366f126,inset 0 2px 4px #00000005}.dark .input-premium:focus{background:#0006;box-shadow:0 0 0 4px #6366f140}.btn-secondary{background:transparent;color:var(--text-main);padding:12px 24px;border-radius:8px;border:1px solid var(--glass-border);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-secondary:hover{background:#00000005;border-color:#00000026}.dark .btn-secondary{background:transparent;border-color:#ffffff1a;color:var(--text-main)}.dark .btn-secondary:hover{background:#ffffff08;border-color:#fff3}.btn-remove{background:transparent;border:none;color:var(--text-muted);padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.btn-remove:hover{color:#ef4444;background:#ef44440f;transform:scale(1.05)}.ad-placeholder{width:100%;display:flex;flex-direction:column;gap:.35rem;align-items:center;justify-content:center;background:#0f172a06;border:1px solid rgba(15,23,42,.08);border-radius:12px;color:var(--text-muted);font-size:.8rem;margin:24px auto;padding:.5rem;box-sizing:border-box;overflow:visible}.ad-label{color:var(--text-muted);font-size:.68rem;letter-spacing:0;text-transform:uppercase}main.flex-grow.container.py-24{padding-top:40px!important;padding-bottom:0!important}main.flex-grow.container.py-24>.ad-placeholder.leaderboard{margin-top:24px!important;margin-bottom:64px!important}main.flex-grow.container.py-24>.ad-placeholder.horizontal{margin-top:64px!important;margin-bottom:32px!important}.ad-placeholder.horizontal{max-width:970px;min-height:110px}.ad-placeholder.leaderboard{max-width:728px;min-height:110px}.ad-placeholder.large-rectangle{max-width:336px;min-height:280px}.ad-placeholder .adsbygoogle{width:100%;min-height:90px}.ad-placeholder.large-rectangle .adsbygoogle{min-height:250px}.ad-placeholder:has(.adsbygoogle[data-ad-status=unfilled]){display:none}@media(max-width:768px){.ad-placeholder{margin:16px auto}.ad-placeholder.horizontal,.ad-placeholder.leaderboard{min-height:100px}.ad-placeholder .adsbygoogle{min-height:90px}main.flex-grow.container.py-24>.ad-placeholder.leaderboard{margin-top:12px!important;margin-bottom:32px!important}main.flex-grow.container.py-24>.ad-placeholder.horizontal{margin-top:32px!important;margin-bottom:20px!important}}.dark .ad-placeholder{background:#ffffff0d;border-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}.tool-panel-skeleton{width:100%;max-width:42rem;margin:0 auto 2rem;padding:1.5rem;border-radius:var(--radius-lg, 1rem);border:1px dashed var(--border-color, rgba(148, 163, 184, .35));background:var(--card-bg, rgba(15, 23, 42, .4))}.tool-panel-skeleton__dropzone{min-height:12rem;border-radius:var(--radius-md, .75rem);background:linear-gradient(90deg,var(--skeleton-base, rgba(148, 163, 184, .12)) 0%,var(--skeleton-shine, rgba(148, 163, 184, .22)) 50%,var(--skeleton-base, rgba(148, 163, 184, .12)) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.tool-panel-skeleton__actions{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:center}.tool-panel-skeleton__btn{display:block;height:2.5rem;width:8rem;border-radius:.5rem;background:var(--skeleton-base, rgba(148, 163, 184, .15));animation:skeleton-shimmer 1.4s ease-in-out infinite}.tool-panel-skeleton__btn--short{width:5rem}.tool-panel-skeleton__hint{margin:1rem 0 0;text-align:center;font-size:.875rem;color:var(--text-muted, #94a3b8)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.static-landing-fallback{font-family:var(--font-fallback);color:#0f172a;max-width:42rem;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.static-landing-fallback__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.15)}.static-landing-fallback__brand{font-weight:700;font-size:1.15rem;color:#0f172a;text-decoration:none}.static-landing-fallback__tag{font-size:.75rem;font-weight:600;color:#6366f1}.static-landing-fallback__main h1{font-size:2rem;font-weight:700;margin:0 0 .75rem;line-height:1.2}.static-landing-fallback__lead{font-size:1.05rem;line-height:1.6;color:#475569;margin:0 0 1rem}.static-landing-fallback__trust{font-size:.9rem;color:#64748b;margin:0 0 1.5rem;padding:.75rem 1rem;border-radius:.75rem;background:#6366f10f;border:1px solid rgba(99,102,241,.12)}.static-landing-fallback__nav{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.static-landing-fallback__nav a{font-size:.875rem;font-weight:600;color:#4f46e5;text-decoration:none;padding:.4rem .65rem;border-radius:.5rem;background:#6366f114}.dark .static-landing-fallback{color:#f1f5f9}.dark .static-landing-fallback__brand{color:#f8fafc}.dark .static-landing-fallback__lead{color:#94a3b8}.animate-spin{animation:spin 1s linear infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{animation:gradient 6s ease infinite}.bg-purple-500{background-color:#a855f7!important}.text-purple-500{color:#a855f7!important}.bg-indigo-500{background-color:#6366f1!important}.text-indigo-500{color:#6366f1!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.relative{position:relative!important}.absolute{position:absolute!important}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0!important}.top-4{top:1rem!important}.right-4{right:1rem!important}.z-100{z-index:9999!important}.z-50{z-index:50!important}.bg-black\/80{background-color:#0f172ab3!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.w-full{width:100%!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-20{width:5rem!important}.h-2{height:.5rem!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-16{height:4rem!important}.h-20{height:5rem!important}.max-w-4xl{max-width:900px!important}.max-w-2xl{max-width:42rem!important}.max-w-6xl{max-width:72rem!important}.max-w-lg{max-width:540px!important}.max-w-md{max-width:28rem!important}.max-w-xs{max-width:20rem!important}.max-w-full{max-width:100%!important}.max-w-\[250px\]{max-width:250px!important}.max-w-\[300px\]{max-width:300px!important}.max-h-80{max-height:20rem!important}.max-h-\[500px\]{max-height:500px!important}.min-w-0{min-width:0!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.break-all{word-break:break-all!important}.whitespace-pre-wrap{white-space:pre-wrap!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.p-2\.5{padding:.625rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-full{border-radius:9999px!important}.hidden{display:none!important}@media(min-width:640px){.hidden.sm\:inline{display:inline!important}}@media(min-width:768px){.hidden.md\:flex{display:flex!important}}.upload-dropzone{border:2px dashed rgba(99,102,241,.4);border-radius:20px;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;background:linear-gradient(180deg,#6366f105,#6366f10f);margin-bottom:0;position:relative;overflow:hidden}.upload-dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);opacity:0;transition:opacity .4s}.upload-dropzone:hover{border-color:#6366f1;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #6366f11f}.upload-dropzone:hover:before{opacity:1}.dark .upload-dropzone{background:linear-gradient(180deg,#6366f10d,#6366f11a);border-color:#6366f14d}.dark .upload-dropzone:hover{background:linear-gradient(180deg,#6366f11a,#6366f126);border-color:#6366f1cc;box-shadow:0 20px 40px #0006}.upload-dropzone.dragging{background-color:#6366f126;border-color:#6366f1;transform:scale(.98);box-shadow:inset 0 4px 12px #0000001a}.upload-icon-wrapper{padding:1.5rem;border-radius:24px;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);background:#6366f11a;color:#6366f1;position:relative;z-index:1}.upload-dropzone:hover .upload-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:scale(1.15) translateY(-5px) rotate(-5deg);box-shadow:0 15px 30px #6366f166}.upload-dropzone.dragging .upload-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;transform:scale(1.2)}.upload-text{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;transition:color .4s ease;position:relative;z-index:1}.upload-dropzone:hover .upload-text{color:#4f46e5}.dark .upload-dropzone:hover .upload-text{color:#818cf8}.group:hover .group-hover\:scale-125{transform:scale(1.25)!important}.group:hover .group-hover\:text-indigo-600{color:#4f46e5!important}.group:hover .group-hover\:text-indigo-500{color:#6366f1!important}.group:hover .group-hover\:font-extrabold{font-weight:800!important}.group:hover .group-hover\:text-slate-600{color:#475569!important}.group:hover .group-hover\:scale-110{transform:scale(1.1)!important}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)!important}.hover\:scale-105:hover{transform:scale(1.05)!important}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #0f172a2e!important}.hover\:shadow-indigo-500\/10:hover{box-shadow:0 20px 25px -5px #6366f11a,0 10px 10px -5px #6366f10a!important}.hover\:shadow-indigo-500\/30:hover{box-shadow:0 20px 40px #6366f14d!important}.hover\:border-indigo-200:hover{border-color:#c7d2fe!important}.hover\:opacity-80:hover{opacity:.8!important}.hover\:text-indigo-500:hover{color:#6366f1!important}.hover\:text-indigo-600:hover{color:#4f46e5!important}.focus\:outline-none:focus{outline:none!important}.opacity-50{opacity:.5!important}.shadow-lg{box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a!important}.shadow-indigo-500\/20{box-shadow:0 10px 24px #6366f133!important}.text-slate-800{color:#1e293b!important}.text-slate-700{color:#334155!important}.text-slate-600{color:#475569!important}.text-slate-500{color:#64748b!important}.font-bold{font-weight:700!important}.transition-all{transition:all .3s ease!important}.transition-colors{transition:color .3s ease!important}.transition-transform{transition:transform .5s ease!important}.duration-300{transition-duration:.3s!important}.duration-500{transition-duration:.5s!important}.block{display:block!important}.h-full{height:100%!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-slate-100{border-color:#f1f5f9!important}.btn-primary:hover{transform:scale(1.05)!important;box-shadow:0 25px 50px -12px #6366f14d!important;transition:all .3s ease!important}.btn-primary{transition:all .3s ease!important}.export-format-section{padding:1.35rem 1.25rem 1.5rem;border-radius:24px;background:linear-gradient(155deg,#6366f112,#8b5cf60d 45%,#ffffffbf);border:1px solid rgba(99,102,241,.14);box-shadow:0 4px 24px #6366f112,inset 0 1px #ffffffe6}.export-format-heading{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.1)}.export-format-heading-accent{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 6px 18px #6366f159}.export-format-heading-text{min-width:0;padding-top:.1rem}.export-format-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#1e293b;margin-bottom:.2rem;line-height:1.25}.export-format-subtitle{font-size:.82rem;color:var(--text-muted);line-height:1.45;font-weight:500}.export-format-group{margin-top:1.1rem}.export-format-group:first-of-type{margin-top:0}.export-format-group-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.65rem}.export-format-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.export-quality-grid{display:grid;gap:.7rem;grid-template-columns:1fr}@media(min-width:640px){.export-format-grid--office,.export-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.export-format-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem .65rem .95rem;min-height:6.5rem;border-radius:18px;cursor:pointer;border:1px solid rgba(99,102,241,.14);background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s ease,border-color .22s ease,background .22s ease;font-family:var(--font-main)}.export-format-card:hover{transform:translateY(-3px);border-color:#6366f159;box-shadow:0 14px 32px #6366f124}.export-format-card:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159}.export-format-card--active{border-color:#6366f18c;background:linear-gradient(165deg,#6366f124,#fffffff2 55%);box-shadow:0 10px 28px #6366f12e,inset 0 1px #ffffffd9}.dark .export-format-card{background:#1e293b99}.dark .export-format-card-label{color:#e2e8f0}.dark .export-format-card--active .export-format-card-label{color:#c7d2fe}.dark .export-format-title{color:#f8fafc}.dark .export-format-card--active{background:linear-gradient(165deg,#6366f133,#1e293bf2 55%);box-shadow:0 10px 28px #0006,inset 0 1px #ffffff1a}.export-format-card--active:hover{transform:translateY(-2px)}.export-format-card-icon{width:2.85rem;height:2.85rem;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:.55rem;background:#6366f11c;color:var(--primary);transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}.export-format-card-icon--image{background:#06b6d41a;color:#0891b2}.export-format-card--active .export-format-card-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 6px 16px #6366f159;transform:scale(1.04)}.export-format-card--active .export-format-card-icon--image{background:linear-gradient(135deg,#06b6d4,#6366f1);box-shadow:0 6px 16px #06b6d44d}.export-format-card-label{font-size:.8rem;font-weight:600;color:#334155;line-height:1.35;padding:0 .15rem}.export-format-card--active .export-format-card-label{color:#312e81}.export-format-hint{margin-top:1.1rem;padding:.85rem 1rem;border-radius:14px;font-size:.8rem;line-height:1.55;color:#475569;background:#6366f10f;border-left:4px solid var(--primary);box-shadow:inset 0 1px #fff9}.filter-container{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;background:#00000008;border:1px solid rgba(0,0,0,.04);border-radius:30px;max-width:fit-content;margin:0 auto 3rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .filter-container{background:#ffffff08;border-color:#ffffff0d}.filter-btn{background:transparent;border:none!important;outline:none!important;color:var(--text-muted);padding:8px 20px;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:none!important}.filter-btn:hover{color:var(--text-main)}.filter-btn.active{background:#111;color:#fff;box-shadow:0 2px 8px #0000000d!important}.dark .filter-btn.active{background:#fff;color:#000;box-shadow:0 2px 8px #ffffff0d!important}header.glass{background:#ffffffb3!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(0,0,0,.05)!important;transition:all .4s cubic-bezier(.16,1,.3,1)}.dark header.glass{background:#080808b3!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.nav-link{color:var(--text-muted)!important;font-weight:600!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.nav-link:hover{color:var(--text-main)!important}.all-tools-nav{position:relative}.all-tools-nav__trigger{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-size:.875rem;padding:.25rem .35rem}.all-tools-nav__chevron{transition:transform .2s ease;opacity:.65}.all-tools-nav--open .all-tools-nav__chevron{transform:rotate(180deg)}.all-tools-nav__panel{position:fixed;left:0;right:0;top:4rem;z-index:45;pointer-events:auto}.all-tools-mega{position:relative;width:100%}.all-tools-mega--loading{min-height:12rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.all-tools-mega__caret{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--mega-bg, #ffffff);border-left:1px solid var(--glass-border);border-top:1px solid var(--glass-border);rotate:45deg;z-index:1}.dark .all-tools-mega__caret{--mega-bg: #0f0f0f}.all-tools-mega__inner{background:var(--mega-bg, #ffffff);border-bottom:1px solid var(--glass-border);box-shadow:0 16px 48px #0f172a1f;padding:1.5rem 1.25rem 1.75rem}.dark .all-tools-mega__inner{--mega-bg: #0f0f0f;box-shadow:0 16px 48px #00000073}.all-tools-mega__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:72rem;margin:0 auto}@media(min-width:640px){.all-tools-mega__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.all-tools-mega__grid{grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}}.all-tools-mega__heading{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .85rem}.all-tools-mega__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.all-tools-mega__link{display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem;border-radius:.5rem;text-decoration:none;color:var(--text-main);font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.all-tools-mega__link:hover{background:#6366f114;color:#6366f1}.all-tools-mega__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.45rem;flex-shrink:0}.all-tools-mega__label{line-height:1.3}.theme-toggle-btn{background:transparent!important;border:1px solid var(--glass-border)!important;border-radius:8px!important;color:var(--text-main)!important;padding:8px!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:none!important}.theme-toggle-btn:hover{background:#00000005!important;border-color:#00000026!important;transform:translateY(-1px)}.dark .theme-toggle-btn:hover{background:#ffffff08!important;border-color:#fff3!important;transform:translateY(-1px)}@media(max-width:480px){header .container{gap:.5rem}header .container>a{min-width:0}header .container>a span{font-size:1rem;white-space:nowrap}header .container>div{gap:.35rem!important;flex-shrink:0}.all-tools-nav__trigger{padding-inline:.25rem}.all-tools-nav__trigger span{display:none}.lang-switcher-btn{padding:8px!important}.lang-switcher-btn span:not(:first-child),.lang-switcher__chevron{display:none}.theme-toggle-btn{width:36px;height:36px}}.lang-switcher{position:relative}.lang-switcher__chevron{transition:transform .2s ease}.lang-switcher--open .lang-switcher__chevron{transform:rotate(180deg)}.lang-dropdown-wrap{position:absolute;top:100%;right:0;padding-top:8px;z-index:9999}.lang-switcher-btn{display:flex;align-items:center;gap:6px;padding:8px 12px!important;border-radius:8px!important;background:transparent!important;border:1px solid var(--glass-border)!important;color:var(--text-main)!important;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:none!important}.lang-switcher-btn:hover{background:#00000005!important;border-color:#00000026!important}.dark .lang-switcher-btn:hover{background:#ffffff08!important;border-color:#fff3!important}.lang-dropdown-menu{position:relative;min-width:170px;background:#fff!important;border-radius:10px!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 30px #0000000d!important;overflow-y:auto;max-height:60vh;z-index:9999;padding:4px!important;animation:drop-fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.dark .lang-dropdown-menu{background:#111!important;border-color:#ffffff14!important;box-shadow:0 10px 40px #0000004d!important}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px!important;background:transparent!important;border:none!important;border-radius:6px!important;color:var(--text-muted)!important;font-weight:500!important;font-size:.85rem!important;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.lang-option:hover{background:#00000005!important;color:var(--text-main)!important}.dark .lang-option:hover{background:#ffffff08!important;color:var(--text-main)!important}.lang-option.active{background:#6366f10f!important;color:var(--primary)!important;font-weight:600!important}.dark .lang-option.active{background:#ffffff0d!important;color:#fff!important;font-weight:600!important}@keyframes drop-fadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}