:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0c;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#1a1a2e,#0a0a0c);min-width:320px;min-height:100vh;margin:0;transition:background .3s;overflow-x:hidden}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:2rem}.workspace{max-width:1200px;margin:2rem auto;padding:0 2rem}.main-header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0f0f12cc;border:1px solid #ffffff1a;border-radius:20px;margin:1rem 2rem;position:sticky;top:1rem;overflow:hidden}.nav-container{justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.divider-bottom{border-bottom:1px solid #ffffff0d}.tool-nav{background:#ffffff05;padding:.4rem 1rem}.tabs-container{scrollbar-width:none;align-items:center;gap:1.2rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab{color:#ffffff80;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;flex-shrink:0;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.lang-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.4rem;padding:.4rem .8rem;transition:all .3s;display:flex}.lang-selector:hover{background:#ffffff14;border-color:#fff3}.lang-icon{color:#fff9}.lang-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;padding-right:.4rem;font-size:.85rem;font-weight:500}.lang-select option{color:#fff;background:#1a1a1e}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#818cf8;background:#6366f126;border:1px solid #6366f11a}.logo{cursor:pointer;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;display:flex}.logo-icon.color-zap{color:#6366f1}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000005e}.view-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=968px){.view-grid{grid-template-columns:1fr}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-success:hover{opacity:.9;transform:scale(1.02)}.btn-ghost{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.5rem;transition:all .2s}.btn-ghost:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.tool-header-grid{margin-bottom:2rem}.tool-title-section{align-items:center;gap:1.5rem;display:flex}.tool-icon-wrapper{color:#6366f1;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.tool-description{color:#fff9}.footer-heading{color:#fff;margin-bottom:1.2rem;font-size:1rem;font-weight:700}.footer-link{color:#ffffff80;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.main-footer{border-top:1px solid #ffffff1a}body.light-mode .main-footer{border-top:1px solid #0000000d}.data-editor-table th{color:#ffffffb3;border-bottom:1px solid #ffffff1a;padding:.8rem;font-size:.85rem;font-weight:600}.data-editor-table td{border-bottom:1px solid #ffffff0d;padding:.6rem}.data-editor-table input{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .6rem;font-size:.85rem;transition:all .2s}.data-editor-table input:focus{background:#6366f10d;border-color:#6366f1;outline:none}.data-editor-table th input{text-align:center;background:0 0;border:none;border-bottom:1px solid #fff3;border-radius:0;font-weight:600}.btn-large{padding:1rem 2rem;font-size:1.1rem}.form-input{width:100%;color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem;font-family:inherit;transition:all .2s}.form-input:focus{background:#6366f10d;border-color:#6366f1;outline:none}.hero-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero-subtitle{color:#fff9;max-width:700px;margin:0 auto 2rem;font-size:1.25rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem;display:grid}.tool-card{text-align:center;cursor:pointer;padding:2.5rem;transition:all .3s;position:relative}.tool-card:hover{background:#ffffff14;border-color:#6366f166;transform:translateY(-10px)}.tool-card .arrow{opacity:.2;transition:all .3s;position:absolute;bottom:1.5rem;right:1.5rem}.tool-card:hover .arrow{opacity:1;transform:translate(5px)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.feat-card{border-radius:24px;padding:2rem;transition:transform .3s}.feat-card:hover{transform:translateY(-5px)}.feat-icon{background:#6366f11a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.5rem;display:flex}.control-group{margin-bottom:1.5rem}.control-group label{color:#fffc;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.ad-wrapper{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:1000px;min-height:280px;margin:2rem auto;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=768px){.main-header{margin:1rem}.hero-title{font-size:2.5rem}.workspace,.container{padding:1rem}.mobile-menu-btn{display:flex!important}.tool-nav{max-height:0;transition:max-height .4s;overflow:hidden}.tool-nav.mobile-open{max-height:500px}.tabs-container{flex-direction:column;align-items:flex-start}.tab{width:100%}}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem;display:none}body.light-mode{color:#1e293b;background:radial-gradient(circle at 100% 0,#f8fafc,#e2e8f0)}body.light-mode .glass,body.light-mode .glass-card,body.light-mode .main-header{background:#ffffffb3;border:1px solid #0000001a;box-shadow:0 4px 20px #0000000d}body.light-mode .hero-title{background:linear-gradient(135deg,#0f172a 0%,#4338ca 100%);-webkit-background-clip:text;background-clip:text}body.light-mode .hero-subtitle{color:#475569}body.light-mode .tab{color:#64748b}body.light-mode .tab.active{color:#4f46e5;background:#4f46e51a}body.light-mode .control-group label{color:#334155}body.light-mode .tool-card h3{color:#0f172a}body.light-mode .tool-card p{color:#64748b}body.light-mode .feat-card h4{color:#0f172a}body.light-mode .feat-card p{color:#64748b}body.light-mode .btn-ghost{color:#475569;border-color:#0000001a}body.light-mode .btn-ghost:hover{color:#1e293b;background:#00000005}body.light-mode .tool-description{color:#475569}body.light-mode .footer-heading{color:#0f172a}body.light-mode .footer-link{color:#64748b}body.light-mode .footer-link:hover{color:#4f46e5}body.light-mode .data-editor-table th{color:#475569;border-bottom-color:#0000001a}body.light-mode .data-editor-table td{border-bottom-color:#0000000d}body.light-mode .data-editor-table input{background:#f1f5f9;border-color:#e2e8f0}body.light-mode .data-editor-table th input{border-bottom-color:#0003}body.light-mode .form-input{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}body.light-mode .form-input:focus{background:#fff;border-color:#6366f1}body.light-mode .lang-selector{background:#00000008;border-color:#0000001a}body.light-mode .lang-selector:hover{background:#0000000d}body.light-mode .lang-icon{color:#64748b}body.light-mode .lang-select{color:#1e293b}body.light-mode .lang-select option{color:#1e293b;background:#fff}