:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-split: #3B82F6;--color-merge: #10B981;--color-watermark: #F59E0B;--color-qrcode: #8B5CF6;--color-percentage: #EC4899;--color-image-png: #FF6B6B;--color-image-jpg: #4ECDC4;--color-image-webp: #45B7D1;--color-image-avif: #A855F7;--color-image-bmp: #F97316;--color-image-tiff: #06B6D4;--color-image-ico: #EF4444;--color-image-resize: #14B8A6;--color-image-text: #6366F1;--color-image-compress: #F59E0B;--color-audio-mp3: #E879F9;--color-audio-wav: #38BDF8;--color-audio-ogg: #FB923C;--color-audio-aac: #A78BFA;--color-audio-flac: #34D399;--color-audio-m4a: #F472B6;--color-audio-opus: #60A5FA;--color-audio-aiff: #FBBF24;--color-video-mp3: #F43F5E;--color-video-wav: #0EA5E9;--color-video-ogg: #D946EF;--color-video-aac: #8B5CF6;--color-video-flac: #10B981;--color-video-m4a: #F97316;--color-video-opus: #3B82F6;--color-video-aiff: #EAB308;--color-video-mp4: #06B6D4;--color-video-webm: #8B5CF6;--color-video-avi: #F97316;--color-video-mkv: #EC4899;--color-video-mov: #14B8A6;--color-video-gif: #F43F5E;--color-video-ogv: #84CC16;--color-pdf-word: #2563EB;--color-temp-convert: #EF4444;--color-speed-convert: #0EA5E9;--color-length-convert: #8B5CF6;--color-weight-convert: #10B981;--color-distance-convert: #F59E0B;--color-bmi: #22D3EE;--color-calorie: #F97316;--color-ebitda: #059669;--color-salary: #7C3AED;--color-fake-chat: #EC4899;--color-body-bg: #F9FAFB;--color-white: #FFFFFF;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-500: #6B7280;--color-gray-700: #374151;--color-gray-900: #111827;--color-footer-bg: #111827;--color-footer-text: #9CA3AF;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:var(--color-gray-900);background-color:var(--color-body-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-primary: #818CF8;--color-primary-hover: #A5B4FC;--color-primary-light: #1E1B4B;--color-body-bg: #0F172A;--color-white: #1E293B;--color-gray-100: #1E293B;--color-gray-200: #334155;--color-gray-300: #475569;--color-gray-500: #94A3B8;--color-gray-700: #CBD5E1;--color-gray-900: #F1F5F9;--color-footer-bg: #020617;--color-footer-text: #94A3B8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.main-content{flex:1}.navbar{position:sticky;top:0;z-index:100;background:var(--color-white);box-shadow:var(--shadow-sm)}.navbar__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:var(--space-md) var(--space-xl);gap:var(--space-xl)}.navbar__brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-weight:700;font-size:1.25rem;text-decoration:none;flex-shrink:0}.navbar__brand:hover{color:var(--color-primary-hover)}.navbar__links{display:flex;align-items:center;gap:var(--space-lg)}.navbar__link{position:relative;color:var(--color-gray-700);font-weight:500;font-size:.95rem;text-decoration:none;padding:var(--space-xs) 0;transition:color var(--transition-fast)}.navbar__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.navbar__link:hover{color:var(--color-primary)}.navbar__link:hover:after{width:100%}.navbar__link.active{color:var(--color-primary)}.navbar__link.active:after{width:100%}.navbar__dropdown{position:relative}.navbar__dropdown-trigger{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar__dropdown-trigger:after{display:none}.navbar__dropdown-trigger svg{transition:transform var(--transition-fast)}.navbar__dropdown:hover .navbar__dropdown-trigger svg{transform:rotate(180deg)}.navbar__dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.navbar__dropdown:hover .navbar__dropdown-menu{opacity:1;visibility:visible}.navbar__dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--space-sm)}.navbar__dropdown-menu>:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-md)}.navbar__dropdown-menu>:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md)}.navbar__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-white);color:var(--color-gray-700);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);transition:background var(--transition-fast),color var(--transition-fast)}.navbar__dropdown-menu>:first-child{border-top:1px solid var(--color-gray-200)}.navbar__dropdown-menu>:last-child{border-bottom:1px solid var(--color-gray-200)}.navbar__dropdown-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.navbar__dropdown-item.active{color:var(--color-primary)}.navbar__dropdown-icon{display:flex;align-items:center;flex-shrink:0}.navbar__selectors{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.navbar__lang,.navbar__theme{position:relative}.navbar__lang-trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:transparent;color:var(--color-gray-500);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.navbar__lang-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.navbar__lang-chevron{transition:transform var(--transition-fast)}.navbar__lang-chevron--open{transform:rotate(180deg)}.navbar__lang-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;z-index:110}.navbar__lang-item{display:block;width:100%;padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-gray-700);font-size:.9rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.navbar__lang-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.navbar__lang-item--active{color:var(--color-primary);font-weight:600}.navbar__lang-item+.navbar__lang-item{border-top:1px solid var(--color-gray-100)}.navbar__theme-trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:transparent;color:var(--color-gray-500);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.navbar__theme-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.navbar__theme-chevron{transition:transform var(--transition-fast)}.navbar__theme-chevron--open{transform:rotate(180deg)}.navbar__theme-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;z-index:110}.navbar__theme-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-gray-700);font-size:.9rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.navbar__theme-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.navbar__theme-item--active{color:var(--color-primary);font-weight:600}.navbar__theme-item+.navbar__theme-item{border-top:1px solid var(--color-gray-100)}.navbar__theme-item-icon{display:flex;align-items:center;flex-shrink:0}.navbar__hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-700);padding:var(--space-xs);transition:color var(--transition-fast)}.navbar__hamburger:hover{color:var(--color-primary)}.navbar__mobile-backdrop,.navbar__mobile-menu{display:none}.hero{background:linear-gradient(135deg,#4f46e5,#7c3aed,#6366f1);color:#fff;padding:var(--space-3xl) var(--space-xl);text-align:center}.hero__inner{max-width:700px;margin:0 auto}.hero__title{font-size:3rem;font-weight:800;margin-bottom:var(--space-md);letter-spacing:-.02em}.hero__subtitle{font-size:1.2rem;opacity:.9;line-height:1.7;margin-bottom:var(--space-2xl)}.hero__cta{display:inline-block;padding:var(--space-md) var(--space-2xl);background:#fff;color:#4f46e5;font-weight:700;font-size:1.05rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:#4338ca}.tools-section{padding:var(--space-3xl) var(--space-xl)}.tools-section__inner{max-width:1000px;margin:0 auto;text-align:center}.tools-section__title{font-size:2rem;color:var(--color-gray-900);margin-bottom:var(--space-sm)}.tools-section__subtitle{color:var(--color-gray-500);font-size:1.1rem;margin-bottom:var(--space-2xl)}.category-row{margin-bottom:var(--space-2xl)}.category-row__title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-md);text-align:left}.category-row__carousel{position:relative}.category-row__track{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-xs) 0 var(--space-md)}.category-row__track::-webkit-scrollbar{display:none}.category-row__track>*{scroll-snap-align:start;flex:0 0 280px}.category-row__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.category-row__arrow:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-row__arrow--left{left:-18px}.category-row__arrow--right{right:-18px}.tool-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-md);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit}.tool-card__accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent)}.tool-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--color-gray-100);color:var(--card-accent);transition:background var(--transition-base),color var(--transition-base)}.tool-card:hover .tool-card__icon{background:var(--card-accent);color:#fff}.tool-card__content{flex:1;text-align:left}.tool-card__title{font-size:1.15rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.tool-card__description{font-size:.9rem;color:var(--color-gray-500);line-height:1.5}.tool-page{max-width:640px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);text-align:center}.tool-page__header{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.tool-page__icon{color:var(--tool-accent)}.tool-page__title{font-size:2rem;color:var(--color-gray-900)}.tool-page__description{color:var(--color-gray-500);font-size:1.05rem;line-height:1.6;margin-bottom:var(--space-2xl)}.tool-page__dropzone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-gray-500);background:var(--color-white);margin-bottom:var(--space-xl);transition:border-color var(--transition-base),background var(--transition-base);cursor:pointer}.tool-page__dropzone:hover{border-color:var(--tool-accent);background:var(--color-gray-100)}.tool-page__dropzone p{font-size:.95rem}.tool-page__action{display:inline-block;padding:var(--space-md) var(--space-2xl);background:var(--tool-accent);color:#fff;font-weight:700;font-size:1.05rem;border:none;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.tool-page__action:hover{opacity:.9;transform:translateY(-1px)}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-2xl) var(--space-xl);text-align:center}.footer__inner{max-width:1200px;margin:0 auto}.footer__tagline{font-size:.95rem;margin-bottom:var(--space-sm)}.footer__copyright{font-size:.85rem;opacity:.7}@media(max-width:1024px){.navbar__links{display:none}.navbar__inner{position:relative;justify-content:center;padding:var(--space-sm) var(--space-md);gap:var(--space-md)}.navbar__hamburger{display:flex;position:absolute;left:var(--space-md)}.navbar__selectors{display:none}.navbar__mobile-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:199}.navbar__mobile-menu{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:320px;max-width:88vw;background:var(--color-white);z-index:200;padding-top:var(--space-lg);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform var(--transition-base)}.navbar__mobile-top{flex-shrink:0}.navbar__mobile-brand{padding:0 var(--space-md) var(--space-md)}.navbar__mobile-nav{flex:1;overflow-y:auto;padding-bottom:var(--space-lg)}.navbar__mobile-menu--open{transform:translate(0)}.navbar__mobile-selectors{display:flex;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);border-bottom:1px solid var(--color-gray-200)}.navbar__mobile-selector-wrapper{position:relative;flex:1}.navbar__mobile-selector-trigger{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:transparent;color:var(--color-gray-500);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.navbar__mobile-selector-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.navbar__mobile-selector-chevron{margin-left:auto;transition:transform var(--transition-fast)}.navbar__mobile-selector-chevron--open{transform:rotate(180deg)}.navbar__mobile-selector-menu{position:fixed;max-height:min(60vh,480px);overflow-y:auto;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:300}.navbar__mobile-selector-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-gray-700);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.navbar__mobile-selector-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.navbar__mobile-selector-item--active{color:var(--color-primary);font-weight:600}.navbar__mobile-selector-item+.navbar__mobile-selector-item{border-top:1px solid var(--color-gray-100)}.navbar__mobile-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);color:var(--color-gray-700);text-decoration:none;font-size:.95rem;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.navbar__mobile-link:hover,.navbar__mobile-link.active{background:var(--color-gray-100);color:var(--color-primary)}.navbar__mobile-category{border-top:1px solid var(--color-gray-200)}.navbar__mobile-category:first-child{border-top:none}.navbar__mobile-category-title{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:none;border:none;cursor:pointer;text-align:left;touch-action:manipulation}.navbar__mobile-category-title:hover,.navbar__mobile-category-title--open{color:var(--color-primary)}.navbar__mobile-category-label{display:flex;align-items:center;gap:var(--space-sm)}.navbar__mobile-category-chevron{flex-shrink:0;transition:transform var(--transition-fast)}.navbar__mobile-category-chevron--open{transform:rotate(180deg)}}@media(max-width:768px){.category-row__track>*{flex:0 0 240px}.category-row__arrow{display:none}.hero__title{font-size:2.2rem}.hero__subtitle{font-size:1.05rem}}@media(max-width:480px){.hero{padding:var(--space-2xl) var(--space-md)}.hero__title{font-size:1.8rem}.tools-section{padding:var(--space-2xl) var(--space-md)}.tool-page{padding:var(--space-xl) var(--space-md)}}