@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#f43f5e;--accent-color:#10b981;--bg-main:#fcfcfd;--bg-card:#ffffffbf;--bg-input:#f3f4f699;--bg-panel-header:#ffffffe6;--bg-hover:#f3f4f6cc;--text-main:#111827;--text-muted:#6b7280;--text-light:#fff;--border-light:#e5e7ebcc;--border-focus:var(--primary-color);--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 14px 0 #0000000d;--shadow-lg:0 10px 24px -4px #00000014;--shadow-hover:0 20px 30px -8px #0000001a;--radius-sm:4px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=dark]{--primary-color:#818cf8;--primary-hover:#6366f1;--bg-main:#0f1115;--bg-card:#16181dbf;--bg-input:#1e212899;--bg-panel-header:#16181de6;--bg-hover:#1e2128cc;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-light:#37415180;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px 0 #0006;--shadow-lg:0 10px 24px -4px #00000080;--shadow-hover:0 20px 30px -8px #0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:calc(100vh - 60px);transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:1rem;font-weight:700;line-height:1.2}p{margin-bottom:1rem;font-family:Inter,sans-serif}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);transition:background-color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.25rem}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #4f46e563}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-secondary{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-outline{color:var(--primary-color);border:1px solid var(--border-light);background-color:#0000}.tool-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f114,#a78bfa0a);border:1px solid #6366f126;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.hero-icon{justify-content:center;align-items:center;font-size:3rem;line-height:1;display:flex}.hero-content{flex:1;min-width:150px}.hero-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.4rem;font-weight:800}.hero-desc{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.4}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=640px){.tool-hero{gap:.75rem;padding:.75rem}.hero-icon{font-size:2.5rem}.hero-actions{justify-content:flex-start;width:100%}}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.input-group{margin-bottom:1rem}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-input);width:100%;color:var(--text-main);transition:all var(--transition-fast);padding:.5rem .85rem;font-family:Inter,inherit;font-size:.85rem}.input-field:focus{border-color:var(--primary-color);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 3px #4f46e526}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{flex-direction:column;width:100%;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:0 1rem;display:flex}main{flex:1}.page-title{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.pane{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important}.pane-header{background:var(--bg-panel-header)!important;border-bottom:1px solid var(--border-light)!important}.pane-title{color:var(--text-main)!important;font-family:Plus Jakarta Sans,sans-serif!important;font-weight:700!important}textarea,input[type=text],input[type=number],select{background-color:var(--bg-input)!important;color:var(--text-main)!important;border-color:var(--border-light)!important}textarea:focus,input:focus,select:focus{border-color:var(--primary-color)!important;background-color:var(--bg-card)!important}.output-area,.preview-content,.output-textarea{background:var(--bg-input)!important;color:var(--text-main)!important;border:1px solid var(--border-light)!important}.code-area,.output-box,.options-bar,.controls-area,.result-box,.translation-box,.settings-area,.password-input{background:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-light)!important}.navbar[data-v-e919002a]{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:sticky;top:0}.nav-container[data-v-e919002a]{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:.4rem 1rem;display:flex}.brand-link[data-v-e919002a]{align-items:center;gap:.75rem;display:flex}.logo-box[data-v-e919002a]{justify-content:center;align-items:center;width:auto;height:48px;padding:.25rem .5rem;font-size:1.1rem;font-weight:800;display:flex}.brand-link h1[data-v-e919002a]{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.nav-links[data-v-e919002a]{align-items:center;gap:1.5rem;display:flex}.nav-item[data-v-e919002a]{color:var(--text-muted);font-size:.95rem;font-weight:600}.nav-item[data-v-e919002a]:hover,.nav-item.router-link-active[data-v-e919002a]{color:var(--primary-color)}.theme-toggle[data-v-e919002a]{background:var(--bg-input);border:1px solid var(--border-light);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle[data-v-e919002a]:hover{background:var(--border-light);transform:scale(1.05)}.desktop-only[data-v-e919002a]{display:flex}.mobile-only[data-v-e919002a]{align-items:center;display:none}.mr-2[data-v-e919002a]{margin-right:.75rem}.hamburger[data-v-e919002a]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.25rem;display:flex}.hamburger .line[data-v-e919002a]{background-color:var(--text-main);width:24px;height:2px;transition:all var(--transition-fast)}.hamburger .line.open[data-v-e919002a]:first-child{transform:translateY(7px)rotate(45deg)}.hamburger .line.open[data-v-e919002a]:nth-child(2){opacity:0}.hamburger .line.open[data-v-e919002a]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu[data-v-e919002a]{border-top:1px solid var(--border-light);background:var(--bg-card);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);flex-direction:column;padding:1rem;display:none}.mobile-nav-item[data-v-e919002a]{color:var(--text-main);border-radius:var(--radius-md);margin-bottom:.25rem;padding:.75rem 1rem;font-weight:600}.mobile-nav-item[data-v-e919002a]:hover{background:var(--bg-hover);color:var(--primary-color)}@media (width<=768px){.desktop-only[data-v-e919002a]{display:none}.mobile-only[data-v-e919002a],.mobile-menu[data-v-e919002a]{display:flex}}.footer[data-v-6192670e]{background:var(--bg-card);border-top:1px solid var(--border-light);margin-top:3rem;padding:1rem 0}.footer-container[data-v-6192670e]{justify-content:center;align-items:center;max-width:1300px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-left[data-v-6192670e]{align-items:center;gap:.75rem;display:flex}.logo-box-micro img[data-v-6192670e]{border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.copyright[data-v-6192670e]{color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem}.footer-right[data-v-6192670e]{align-items:center;gap:1.5rem;display:flex}.footer-link[data-v-6192670e]{color:var(--text-muted);transition:color var(--transition-fast);font-size:.85rem;font-weight:500}.footer-link[data-v-6192670e]:hover{color:var(--primary-color)}@media (width<=600px){.footer-container[data-v-6192670e]{text-align:center;flex-direction:column;gap:1rem}}.more-tools-section[data-v-2b8c1d21]{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;width:100%;max-width:1300px;margin:3rem auto 2rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.more-tools-section[data-v-2b8c1d21]:before{content:"";background:linear-gradient(90deg, var(--primary-color), #a78bfa, #38bdf8);height:4px;position:absolute;top:0;left:0;right:0}.more-tools-header[data-v-2b8c1d21]{border-bottom:1px solid var(--border-light);align-items:center;gap:1.2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-icon[data-v-2b8c1d21]{width:60px;height:60px;color:var(--primary-color);background:#6366f11a;border-radius:16px;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.header-text h3[data-v-2b8c1d21]{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.4rem;font-weight:800}.header-text p[data-v-2b8c1d21]{color:var(--text-muted);margin:0;font-size:.95rem}.categories-grid[data-v-2b8c1d21]{flex-direction:column;gap:1.5rem;width:100%;display:flex}.category-block[data-v-2b8c1d21]{border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.category-block[data-v-2b8c1d21]:last-child{border-bottom:none;padding-bottom:0}.category-title[data-v-2b8c1d21]{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;margin:0 0 1.2rem;padding:.5rem;font-size:1.1rem;font-weight:700;transition:background .2s;display:flex}.category-title[data-v-2b8c1d21]:hover{background:#6366f10d}.title-left[data-v-2b8c1d21]{align-items:center;gap:.6rem;display:flex}.toggle-icon[data-v-2b8c1d21]{color:var(--text-muted);align-items:center;gap:.25rem;display:flex}.toggle-label[data-v-2b8c1d21]{text-transform:capitalize;font-size:.8rem;font-weight:500}.category-dot[data-v-2b8c1d21]{background:var(--primary-color);width:8px;height:8px;box-shadow:0 0 10px var(--primary-color);border-radius:50%}.tools-list[data-v-2b8c1d21]{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.tool-pill[data-v-2b8c1d21]{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tool-pill[data-v-2b8c1d21]:hover{background:var(--bg-card);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px #6366f126}.active-tool[data-v-2b8c1d21]{background:linear-gradient(135deg, var(--primary-color), #818cf8);border-color:#0000;box-shadow:0 4px 15px #6366f14d;color:#fff!important}.active-tool .tool-icon[data-v-2b8c1d21]{opacity:1}.tool-icon[data-v-2b8c1d21]{opacity:.8;font-size:1.2rem;transition:opacity .2s}.tool-pill:hover .tool-icon[data-v-2b8c1d21]{opacity:1}@media (width<=1024px){.tools-list[data-v-2b8c1d21]{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.more-tools-section[data-v-2b8c1d21]{border-radius:16px;margin:2rem 0 1rem;padding:1.25rem}.more-tools-header[data-v-2b8c1d21]{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.header-icon[data-v-2b8c1d21]{border-radius:12px;width:45px;height:45px;font-size:1.5rem}.header-text h3[data-v-2b8c1d21]{font-size:1.25rem}.tools-list[data-v-2b8c1d21]{grid-template-columns:repeat(2,1fr);gap:.75rem}.tool-pill[data-v-2b8c1d21]{gap:.4rem;padding:.65rem .75rem;font-size:.8rem}.tool-icon[data-v-2b8c1d21]{font-size:1rem}.categories-grid[data-v-2b8c1d21]{gap:1.5rem}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-navbar{z-index:50;position:sticky;top:0}.app-body{flex-direction:column;flex:1;width:100%;display:flex}.app-main{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:1rem;animation:.4s ease-out forwards fadeIn}.app-body.with-sidebar .app-main{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.home[data-v-fe7431c6]{text-align:center;padding:1rem 0}.hero[data-v-fe7431c6]{text-align:center;margin-bottom:.85rem}.subtitle[data-v-fe7431c6]{color:var(--text-muted);max-width:100%;margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.controls-bar[data-v-fe7431c6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.categories[data-v-fe7431c6]{flex-wrap:wrap;gap:.5rem;display:flex}.category-btn[data-v-fe7431c6]{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.85rem;font-weight:600}.category-btn[data-v-fe7431c6]:hover{border-color:var(--border-light);background:var(--bg-hover);color:var(--text-main)}.category-btn.active[data-v-fe7431c6]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-box input[data-v-fe7431c6]{border-radius:var(--radius-full);width:280px}@media (width<=768px){.search-box[data-v-fe7431c6],.search-box input[data-v-fe7431c6]{width:100%}.controls-bar[data-v-fe7431c6]{flex-direction:column;align-items:flex-start}}.mt-2[data-v-fe7431c6]{margin-top:1rem}.coming-soon[data-v-fe7431c6]{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-hover);border-radius:var(--radius-sm);margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.tools-grid[data-v-fe7431c6]{text-align:left;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.tool-card[data-v-fe7431c6]{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);color:var(--text-main);cursor:pointer;border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1rem;text-decoration:none;display:flex}.tool-card[data-v-fe7431c6]:hover:not(.disabled){box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-3px)}.tool-card.disabled[data-v-fe7431c6]{opacity:.6;cursor:not-allowed;filter:grayscale()}.tool-icon-wrapper[data-v-fe7431c6]{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-light);width:48px;height:48px;color:var(--primary-color);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.tool-icon[data-v-fe7431c6]{font-size:1.5rem}.tool-card h3[data-v-fe7431c6]{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.tool-card p[data-v-fe7431c6]{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.no-results[data-v-fe7431c6]{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-light);grid-column:1/-1;padding:3rem}