@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root[data-theme=dark]{--bg-app:#06050b;--bg-main:#06050b;--bg-card:#0f0c1a;--bg-elevated:#0f0c1a;--bg-card-hover:#161224;--bg-input:#0a0912;--border-color:#a855f726;--border-hover:#a855f766;--text-main:#f8fafc;--text-muted:#94a3b8;--text-accent:#06b6d4;--brand-primary:#a855f7;--brand-secondary:#06b6d4;--brand-gradient:linear-gradient(135deg, #a855f7 0%, #06b6d4 100%);--brand-glow:#a855f759;--cyan-glow:#06b6d459;--shadow-lg:0 12px 35px -10px #000000b3;--tab-bg:#ffffff08;--scroll-thumb:#ffffff1a;--scroll-thumb-hover:#fff3}:root[data-theme=light]{--bg-app:#f8fafc;--bg-main:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--bg-card-hover:#f1f5f9;--bg-input:#f1f5f9;--border-color:#a855f733;--border-hover:#a855f780;--text-main:#0f172a;--text-muted:#64748b;--text-accent:#0284c7;--brand-primary:#9333ea;--brand-secondary:#0891b2;--brand-gradient:linear-gradient(135deg, #9333ea 0%, #0891b2 100%);--brand-glow:#9333ea40;--cyan-glow:#0891b240;--shadow-lg:0 12px 35px -10px #00000014;--tab-bg:#0000000a;--scroll-thumb:#00000026;--scroll-thumb-hover:#00000040}:root{--brand-primary-rgb:168, 85, 247;--brand-secondary-rgb:6, 182, 212;--font-main:"Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-lg:0 12px 35px -10px #000000b3;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--navbar-height-desktop:60px;--navbar-height-mobile:56px;--navbar-height:var(--navbar-height-desktop);--hero-pad-top-desktop:clamp(48px, 5vw, 68px);--hero-pad-top-mobile:clamp(48px, 7vw, 64px);--hero-pad-top:var(--hero-pad-top-desktop)}@media (width<=768px){:root{--navbar-height:var(--navbar-height-mobile);--hero-pad-top:var(--hero-pad-top-mobile)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%}@media (width>=1025px){html{zoom:.8}}@media (width<=1024px){html{zoom:1!important}}.seo-sections-wrapper{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}@media (width<=768px){.seo-section{padding-left:16px!important;padding-right:16px!important}}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex;overflow-x:hidden}.container-global{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.section-global{box-sizing:border-box;width:100%;max-width:1200px;margin:40px auto;padding:80px 24px;overflow-x:hidden}.seo-section{box-sizing:border-box;width:100%;min-width:0;max-width:100%}@media (width<=768px){.section-global{margin:20px auto;padding:32px 16px}.seo-sections-wrapper{gap:36px!important;margin-top:24px!important;padding:32px 14px!important;overflow-x:hidden!important}.seo-section{padding:24px 0!important;overflow-x:hidden!important}.seo-section table{min-width:480px!important}.seo-section div[style*="overflowX: 'auto'"],.seo-section div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important}.seo-section div[style*="padding: '36px 32px'"],.seo-section div[style*="padding: '40px 32px'"]{border-radius:18px!important;padding:20px 14px!important}}.header{text-align:center;padding:32px 24px}.header h1{margin-bottom:8px;font-size:2.5rem}.header p{color:var(--text-muted);font-size:1.1rem}.content-section h2,.seo-section h2{font-family:var(--font-display)!important;font-size:clamp(1.8rem,4vw,2.5rem)!important;font-weight:800!important;line-height:1.2!important}.content-section h3,.seo-section h3{font-family:var(--font-display)!important}.tool-workspace-container{justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:1240px;height:auto;min-height:450px;margin:0 auto;padding:0 24px 24px;display:flex}.tool-workspace-left{flex-direction:column;flex:55;width:55%;min-width:0;display:flex;overflow:hidden}.tool-workspace-right{flex-direction:column;flex:45;width:45%;min-width:360px;display:flex}@media (width<=1024px){.tool-workspace-container{flex-direction:column!important;gap:16px!important;height:auto!important;max-height:none!important;padding:0 16px 20px!important;overflow:visible!important}.tool-workspace-left{height:auto;min-height:auto;width:100%!important;padding-right:0!important;position:static!important}.tool-workspace-right{width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}}@media (width<=768px){.tool-workspace-container{box-sizing:border-box!important;gap:14px!important;width:100%!important;max-width:100%!important;padding:0 12px 16px!important}.tool-workspace-left{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important}.tool-workspace-left.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.dropzone{background:var(--bg-card)!important;border:2px dashed var(--border-color)!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;gap:10px!important;width:100%!important;max-width:100%!important;min-height:200px!important;max-height:none!important;padding:24px 16px!important}.dropzone-icon{width:56px!important;height:56px!important;margin-bottom:4px!important;padding:12px!important}.dropzone-icon svg{width:30px!important;height:30px!important}.dropzone p{margin:0!important;padding:0 4px!important;font-size:.95rem!important;line-height:1.4!important}.tool-workspace-right.glass-panel{border-radius:var(--radius-md)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:16px 14px!important}.tool-workspace-right h3{margin-bottom:14px!important;padding-bottom:10px!important;font-size:1.15rem!important}}.matrix-desktop-table{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.matrix-mobile-cards{display:none}@media (width<=768px){.matrix-desktop-table{display:none!important}.matrix-mobile-cards{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;display:flex!important}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline}.btn-primary{background:var(--brand-gradient);color:#fff;font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 6px 20px var(--brand-glow);border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px)scale(1.01);box-shadow:0 10px 28px #8b5cf673}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.dropzone{border:2.5px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#8b5cf605;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:100%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=1024px){.dropzone{padding:32px 16px;min-height:300px!important}}.dropzone-icon{width:80px;height:80px;color:var(--brand-primary);background:#8b5cf61a;border-radius:50%;margin-bottom:8px;padding:20px}.dropzone.active,.dropzone:hover{border-color:var(--brand-primary);box-shadow:inset 0 0 35px var(--brand-glow);background:#8b5cf60f}.dropzone p{color:var(--text-muted);font-size:1.1rem}.dropzone .browse-text{color:var(--brand-primary);font-weight:600}.progress-container{background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border-color);width:100%;height:12px;margin:18px 0;overflow:hidden}.progress-bar{background:var(--brand-gradient);border-radius:var(--radius-full);height:100%;box-shadow:0 0 12px var(--brand-glow);transition:width .3s}.sidebar-options{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-main);font-family:var(--font-main);align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.option-btn.active{background:var(--brand-gradient);color:#fff;border:1px solid #0000}.option-btn:not(.active):hover{color:var(--text-main);background:#8b5cf626;border-color:#8b5cf666}.option-title{color:var(--text-main);font-size:.95rem;font-weight:700}.option-subtitle{color:var(--text-muted);font-size:.75rem}.option-btn.active .option-subtitle{color:#ffffffd9}.option-btn.active .option-title{color:#fff}@keyframes watermarkBounce{0%{top:8%;left:8%}25%{top:75%;left:45%}50%{top:18%;left:78%}75%{top:78%;left:18%}to{top:8%;left:8%}}.watermark-moving-animated{pointer-events:none;will-change:top, left;animation:12s ease-in-out infinite watermarkBounce;position:absolute!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.tabs-container{background:var(--tab-bg);border-radius:var(--radius-full);border:1px solid var(--border-color);width:fit-content;margin:0 auto 32px;padding:6px;display:flex}.tab-btn{border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--bg-card-hover);color:var(--brand-secondary);border:1px solid #06b6d433;box-shadow:0 4px 12px #0003}.tab-btn.active.tab-video{color:var(--brand-primary);border-color:#a855f733}.tool-card{cursor:pointer;height:100%}.tool-card:hover{border-color:#a855f766;transform:translateY(-5px);box-shadow:0 15px 35px #a855f726}.dual-slider{-webkit-appearance:none;pointer-events:none;background:0 0}.dual-slider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:20px;height:20px}.dual-slider::-moz-range-thumb{pointer-events:auto;cursor:pointer;background:0 0;border:none;width:20px;height:20px}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-item-full{grid-column:1/4}.bento-item-wide-left{grid-column:1/3}.bento-item-wide-right{grid-column:2/4}.bento-item-half{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item-full,.bento-item-wide-left,.bento-item-wide-right{grid-column:1/3}}@media (width<=768px){.bento-grid{flex-direction:column;grid-template-columns:1fr;display:flex}.bento-item-full,.bento-item-wide-left,.bento-item-wide-right{grid-column:auto}.bento-item-half{grid-template-columns:1fr}}.mobile-menu-overlay{background:var(--bg-main);z-index:40;flex-direction:column;width:100%;height:calc(100vh - 61px);padding:24px;display:flex;position:absolute;top:61px;left:0;overflow-y:auto}.bento-container *,.bento-container h1,.bento-container h2,.bento-container h3,.bento-container h4,.bento-container p,.bento-container span,.bento-container button,.bento-container div{font-family:var(--font-main)!important}.bento-container h1,.bento-container h2,.bento-container h3,.bento-container h4{color:var(--text-main);font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--font-display)!important;letter-spacing:-.03em!important;font-weight:800!important;line-height:1.2!important}.bento-container p{color:var(--text-muted);font-size:1.15rem;line-height:1.8!important}.bento-container .glass-panel h3,.bento-container div[style*=grid] h3,.bento-container div[style*=flex] h3,.bento-container div[style*=border] h3{font-size:1.4rem;font-weight:700!important}body.has-active-media-file footer,body[data-has-active-file=true] footer,.app-container.workspace-focused footer,body.has-active-media-file .seo-sections-wrapper,body[data-has-active-file=true] .seo-sections-wrapper,body.has-active-media-file .dynamic-route-seo-sections,body[data-has-active-file=true] .dynamic-route-seo-sections,.app-container.workspace-focused .seo-sections-wrapper,.app-container.workspace-focused .dynamic-route-seo-sections{display:none!important}.workspace-hero-header{text-align:center;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto 28px;padding:0 16px}.workspace-hero-header h1,.hero-title{color:var(--text-main);text-wrap:balance;font-family:var(--font-display)!important;letter-spacing:-.03em!important;margin-bottom:14px!important;font-size:clamp(2rem,5vw,3.6rem)!important;font-weight:900!important;line-height:1.15!important}.workspace-hero-header p,.hero-subtitle{font-family:var(--font-main)!important;color:var(--text-muted)!important;max-width:760px!important;margin:0 auto!important;font-size:clamp(.95rem,1.8vw,1.125rem)!important;line-height:1.6!important}@media (width<=768px){.workspace-hero-header{margin:0 auto 24px!important;padding:0 16px!important}.workspace-hero-header h1,.hero-title{letter-spacing:-.035em!important;margin-bottom:14px!important;font-size:clamp(2.35rem,8.5vw,3.2rem)!important;font-weight:900!important;line-height:1.12!important}.workspace-hero-header p,.hero-subtitle{max-width:95%!important;margin:0 auto!important;font-size:1.05rem!important;line-height:1.6!important}}.section-title,.seo-section h2,.content-section h2{font-family:var(--font-display)!important;letter-spacing:-.025em!important;color:var(--text-main)!important;margin-bottom:12px!important;font-size:clamp(1.6rem,3.5vw,2.3rem)!important;font-weight:800!important;line-height:1.25!important}.section-subtitle,.seo-section>p,.content-section>p{font-family:var(--font-main)!important;color:var(--text-muted)!important;max-width:720px!important;font-size:clamp(.92rem,1.6vw,1.1rem)!important;line-height:1.65!important}@media (width<=768px){.section-title,.seo-section h2,.content-section h2{letter-spacing:-.02em!important;font-size:clamp(1.35rem,4.8vw,1.7rem)!important;line-height:1.25!important}.section-subtitle,.seo-section>p,.content-section>p{font-size:.88rem!important;line-height:1.55!important}}.workspace-main-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex;padding-top:var(--hero-pad-top-desktop)!important}@media (width<=768px){.workspace-main-wrapper{padding-top:var(--hero-pad-top-mobile)!important}}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;background:#00000073;width:100vw;height:100vh;animation:.18s cubic-bezier(.16,1,.3,1) mobileNavFade;position:fixed;inset:0}.mobile-nav-drawer{top:var(--navbar-height,56px);width:100%;height:calc(100dvh - var(--navbar-height,56px));height:calc(100vh - var(--navbar-height,56px));max-height:calc(100dvh - var(--navbar-height,56px));background:var(--bg-app);z-index:9999;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;padding:16px 16px 140px;animation:.18s cubic-bezier(.16,1,.3,1) mobileNavFade;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000040}@keyframes mobileNavFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-search-bar{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:10px 14px;transition:border-color .2s;display:flex}.mobile-nav-search-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-glow)}.mobile-nav-search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.mobile-nav-section-label{color:var(--text-accent);letter-spacing:.08em;text-transform:uppercase;margin-top:14px;margin-bottom:6px;padding:0 6px;font-size:.72rem;font-weight:800}.mobile-nav-list{flex-direction:column;gap:3px;width:100%;display:flex}.mobile-nav-item{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;transition:all .15s;display:flex}.mobile-nav-item:active,.mobile-nav-item:hover{background:var(--bg-card);border-color:var(--border-color)}.mobile-nav-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-nav-text-wrap{flex:1;align-items:center;min-width:0;display:flex}.mobile-nav-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden;text-transform:none!important}.mobile-nav-badge{background:var(--brand-glow);color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:6px;flex-shrink:0;margin-right:6px;padding:2px 7px;font-size:.68rem;font-weight:800}.mobile-nav-arrow{color:var(--text-muted);opacity:.4;flex-shrink:0}.mobile-nav-theme-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:14px 16px;display:flex}
