.layout[data-v-4b1677ee]{display:flex;min-height:100vh;background:var(--bg-main)}.sidebar[data-v-4b1677ee]{width:280px;min-width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s,min-width .2s}.sidebar.collapsed[data-v-4b1677ee]{width:56px;min-width:56px}.sidebar.collapsed .app-name[data-v-4b1677ee],.sidebar.collapsed .search-wrap[data-v-4b1677ee],.sidebar.collapsed .category-name[data-v-4b1677ee],.sidebar.collapsed .nav-tool-text[data-v-4b1677ee],.sidebar.collapsed .nav-item-text[data-v-4b1677ee],.sidebar.collapsed .theme-label[data-v-4b1677ee]{display:none}.sidebar.collapsed .nav-item[data-v-4b1677ee],.sidebar.collapsed .nav-tool[data-v-4b1677ee]{padding:10px 0;justify-content:center}.sidebar.collapsed .sidebar-footer[data-v-4b1677ee]{padding:12px 0;justify-content:center}.sidebar.collapsed .theme-btn[data-v-4b1677ee]{padding:8px;justify-content:center}.sidebar-header[data-v-4b1677ee]{padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.toggle[data-v-4b1677ee]{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px}.toggle[data-v-4b1677ee]:hover{color:var(--text);background:var(--bg-hover)}.app-name[data-v-4b1677ee]{font-weight:600;font-size:1.1rem;color:var(--text)}.search-wrap[data-v-4b1677ee]{padding:10px 12px}.search[data-v-4b1677ee]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.9rem}.search[data-v-4b1677ee]::placeholder{color:var(--text-muted)}.search[data-v-4b1677ee]:focus{outline:none;border-color:var(--accent)}.nav[data-v-4b1677ee]{flex:1;overflow-y:auto;padding:8px 0}.nav-item[data-v-4b1677ee]{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .15s,background .15s}.nav-item[data-v-4b1677ee]:hover{color:var(--text);background:var(--bg-hover)}.nav-item.active[data-v-4b1677ee]{color:var(--accent);background:var(--bg-active)}.nav-item-icon[data-v-4b1677ee]{font-size:1rem;flex-shrink:0}.category[data-v-4b1677ee]{margin-top:8px}.category-name[data-v-4b1677ee]{padding:6px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-tool[data-v-4b1677ee]{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 24px;color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .15s,background .15s}.nav-tool[data-v-4b1677ee]:hover{color:var(--text);background:var(--bg-hover)}.nav-tool.active[data-v-4b1677ee]{color:var(--accent);background:var(--bg-active)}.nav-tool-icon[data-v-4b1677ee]{font-size:.9rem;opacity:.8;flex-shrink:0}.sidebar-footer[data-v-4b1677ee]{padding:10px 12px;border-top:1px solid var(--border);display:flex;align-items:center}.theme-btn[data-v-4b1677ee]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:color .15s,background .15s}.theme-btn[data-v-4b1677ee]:hover{color:var(--text);background:var(--bg-hover)}.theme-icon[data-v-4b1677ee]{font-size:1rem;flex-shrink:0}.main[data-v-4b1677ee]{flex:1;overflow:auto;padding:24px}.fade-enter-active[data-v-4b1677ee],.fade-leave-active[data-v-4b1677ee]{transition:opacity .15s ease}.fade-enter-from[data-v-4b1677ee],.fade-leave-to[data-v-4b1677ee]{opacity:0}:root{--bg-main: #1a1b1e;--bg-sidebar: #16171a;--bg-card: #212225;--bg-input: #1e1f22;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(99, 102, 241, .12);--border: #2d2e32;--text: #e4e4e7;--text-muted: #71717a;--accent: #6366f1;--accent-hover: #818cf8;--success: #22c55e;--error: #ef4444;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-main: #f0f0f5;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #f5f5f8;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(99, 102, 241, .08);--border: #e2e2e8;--text: #18181b;--text-muted: #71717a;--accent: #6366f1;--accent-hover: #4f52d1;--success: #16a34a;--error: #dc2626}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg-main)}#app{min-height:100vh}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}textarea,input,select{font-family:var(--font-mono);font-size:.9rem}.tool-section{margin-bottom:20px}.tool-section:last-child{margin-bottom:0}.tool-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.tool-textarea{width:100%;min-height:120px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);resize:vertical}.tool-textarea:focus{outline:none;border-color:var(--accent)}.tool-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.tool-input:focus{outline:none;border-color:var(--accent)}.btn{padding:8px 16px;border-radius:8px;border:none;font-weight:500;font-size:.9rem;transition:background .15s,color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.error-msg{font-size:.85rem;color:var(--error);margin-top:6px}.success-msg{font-size:.85rem;color:var(--success);margin-top:6px}