@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root[data-theme=dark]{--bg-app:#06050b;--bg-card:#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-card:#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:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"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}*{box-sizing:border-box;margin:0;padding:0}html{zoom:.8}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{flex-direction:column;min-height:100vh;display:flex}.container-global{width:100%;max-width:1200px;margin:0 auto}.section-global{width:100%;max-width:1200px;margin:40px auto;padding:80px 24px;overflow-x:hidden}@media (width<=768px){.section-global{margin:24px auto;padding:40px 16px}.seo-sections-wrapper{gap:40px!important;padding:40px 0!important}.seo-section,.content-section{padding:60px 20px!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;gap:24px;width:100%;max-width:1200px;height:auto;min-height:400px;max-height:850px;margin:0 auto;padding:0 24px 24px;display:flex}.tool-workspace-left{flex-direction:column;flex:1;min-width:0;padding-right:8px;display:flex;overflow:hidden}.tool-workspace-right{flex-direction:column;align-self:flex-start;width:380px;min-width:380px;max-height:100%;display:flex;overflow-y:auto}@media (width<=1024px){.tool-workspace-container{flex-direction:column!important;height:auto!important;max-height:none!important;overflow:visible!important}.tool-workspace-left{height:auto;min-height:400px;width:100%!important;padding-right:0!important}.tool-workspace-right{width:100%!important;min-width:100%!important;height:auto!important;overflow:visible!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{font-family:var(--font-display);background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;display:inline-block}.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;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.option-btn.active{background:var(--brand-gradient);color:#fff;border:none}.option-btn:not(.active):hover{background:#8b5cf61a;border-color:#8b5cf64d}.option-title{font-size:.95rem;font-weight:700}.option-subtitle{color:var(--text-muted);font-size:.75rem}.option-btn.active .option-subtitle{color:#fffc}.option-btn.active .option-title{color:#fff}::-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}