.navbar[data-v-8a8bb8c2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 40px}.container[data-v-8a8bb8c2]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo[data-v-8a8bb8c2]{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex-shrink:0}.logo-icon[data-v-8a8bb8c2]{font-size:28px}.logo-text[data-v-8a8bb8c2]{font-size:24px;font-weight:600}.search-container[data-v-8a8bb8c2]{flex:1;max-width:400px;position:relative}.search-box[data-v-8a8bb8c2]{display:flex;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:8px 16px;transition:all .2s}.search-box[data-v-8a8bb8c2]:focus-within{background:#ffffff40;border-color:#fff6}.search-icon[data-v-8a8bb8c2]{font-size:14px;margin-right:8px;opacity:.8}.search-box input[data-v-8a8bb8c2]{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-box input[data-v-8a8bb8c2]::placeholder{color:#fff9}.clear-btn[data-v-8a8bb8c2]{background:transparent;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:0;line-height:1}.clear-btn[data-v-8a8bb8c2]:hover{color:#fff}.search-results[data-v-8a8bb8c2]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;z-index:100}.search-item[data-v-8a8bb8c2]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s;color:var(--text-primary)}.search-item[data-v-8a8bb8c2]:hover{background:var(--bg-hover)}.tool-name[data-v-8a8bb8c2]{font-weight:500}.search-empty[data-v-8a8bb8c2]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;text-align:center;color:var(--text-muted);z-index:100}.nav-actions[data-v-8a8bb8c2]{display:flex;align-items:center;gap:16px;flex-shrink:0;position:relative;z-index:10}.lang-dropdown[data-v-8a8bb8c2]{position:relative}.lang-btn[data-v-8a8bb8c2]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.lang-btn[data-v-8a8bb8c2]:hover{background:#ffffff40}.lang-flag[data-v-8a8bb8c2]{font-size:16px}.lang-menu[data-v-8a8bb8c2]{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;z-index:100;min-width:140px}.lang-option[data-v-8a8bb8c2]{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;color:var(--text-primary);transition:background .15s}.lang-option[data-v-8a8bb8c2]:hover{background:var(--bg-hover)}.lang-option.active[data-v-8a8bb8c2]{background:var(--accent-light);color:var(--accent-start)}.theme-toggle[data-v-8a8bb8c2]{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.theme-toggle[data-v-8a8bb8c2]:hover{background:#fff3;border-color:#ffffff80}.back-link a[data-v-8a8bb8c2]{color:#ffffffe6;text-decoration:none;font-size:14px;transition:opacity .2s}.back-link a[data-v-8a8bb8c2]:hover{opacity:.8}@media (max-width: 768px){.navbar[data-v-8a8bb8c2]{padding:12px 16px}.logo-text[data-v-8a8bb8c2]{font-size:18px}.search-container[data-v-8a8bb8c2]{max-width:200px}.lang-label[data-v-8a8bb8c2]{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}:root,[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--accent-start: #667eea;--accent-end: #764ba2;--accent-light: rgba(102, 126, 234, .1);--card-bg: #ffffff;--card-border: #e5e7eb;--card-hover-border: #667eea;--card-hover-shadow: rgba(102, 126, 234, .15);--input-bg: #ffffff;--input-border: #d1d5db;--input-focus-border: #667eea;--btn-primary-bg: linear-gradient(135deg, #667eea, #764ba2);--btn-primary-text: #ffffff;--btn-secondary-bg: #f3f4f6;--btn-secondary-text: #374151;--badge-bg: #f3f4f6;--badge-text: #6b7280;--category-active-bg: linear-gradient(135deg, #9da5e8, #a8a5e6);--category-active-text: #ffffff;--code-bg: #f3f4f6;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #1e293b;--bg-hover: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--accent-start: #818cf8;--accent-end: #a78bfa;--accent-light: rgba(129, 140, 248, .15);--card-bg: #1e293b;--card-border: #334155;--card-hover-border: #818cf8;--card-hover-shadow: rgba(129, 140, 248, .2);--input-bg: #1e293b;--input-border: #475569;--input-focus-border: #818cf8;--btn-primary-bg: linear-gradient(135deg, #818cf8, #a78bfa);--btn-primary-text: #ffffff;--btn-secondary-bg: #334155;--btn-secondary-text: #e2e8f0;--badge-bg: #334155;--badge-text: #94a3b8;--category-active-bg: linear-gradient(135deg, #6366f1, #8b5cf6);--category-active-text: #ffffff;--code-bg: #0f172a;--success-color: #34d399;--error-color: #f87171;--warning-color: #fbbf24}