@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--transition-speed:.3s;--font-main:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-primary-rgb:10,10,15;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--text-primary:#fff;--text-secondary:#8b8b9e;--accent-color:#667eea;--accent-secondary:#764ba2;--accent-glow:rgba(102,126,234,.4);--accent-color-rgb:102,126,234;--border-color:hsla(0,0%,100%,.08);--border-color-hover:hsla(0,0%,100%,.15)}[data-theme=midnight]{--bg-primary:#0f172a;--bg-primary-rgb:15,23,42;--bg-secondary:#1e293b;--bg-tertiary:#293548;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#818cf8;--accent-secondary:#6366f1;--accent-glow:rgba(129,140,248,.4);--accent-color-rgb:129,140,248;--border-color:rgba(148,163,184,.15);--border-color-hover:rgba(148,163,184,.25)}[data-theme=cyberpunk]{--bg-primary:#0d0d1a;--bg-primary-rgb:13,13,26;--bg-secondary:#1a1a2e;--bg-tertiary:#252540;--text-primary:#eaeaff;--text-secondary:#9d4edd;--accent-color:#f72585;--accent-secondary:#7209b7;--accent-glow:rgba(247,37,133,.5);--accent-color-rgb:247,37,133;--border-color:rgba(157,78,221,.2);--border-color-hover:rgba(247,37,133,.4)}[data-theme=light]{--bg-primary:#fafbfc;--bg-primary-rgb:250,251,252;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--text-primary:#1a1a2e;--text-secondary:#64748b;--accent-color:#6366f1;--accent-secondary:#8b5cf6;--accent-glow:rgba(99,102,241,.3);--accent-color-rgb:99,102,241;--border-color:rgba(0,0,0,.08);--border-color-hover:rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;outline:none;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .25s ease}.btn.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);box-shadow:0 4px 15px var(--accent-glow);color:#fff}.btn.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.btn.btn-secondary:hover{background:#ffffff14;border-color:var(--border-color-hover)}.btn-copy{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .25s}.btn-copy:hover{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border-color:transparent;box-shadow:0 4px 15px var(--accent-glow);color:#fff}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-group input,.input-group select,.input-group textarea{background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-main);font-size:.95rem;padding:.75rem 1rem;transition:all .25s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background:#ffffff0d;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.input-group input::-moz-placeholder,.input-group select::-moz-placeholder,.input-group textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.input-group input::placeholder,.input-group select::placeholder,.input-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.input-group textarea{font-family:var(--font-mono);font-size:.9rem;line-height:1.5;resize:vertical}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--border-color-hover)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::-moz-selection{background:var(--accent-color);color:#fff}::selection{background:var(--accent-color);color:#fff}.toast-container[data-v-bbf3b9e8]{display:flex;flex-direction:column;gap:1rem;pointer-events:none;position:fixed;right:2rem;top:2rem;z-index:10000}.toast[data-v-bbf3b9e8]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--text-secondary);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-main);font-weight:500;gap:.75rem;min-width:300px;padding:1rem 1.5rem;pointer-events:auto}.toast.success[data-v-bbf3b9e8]{border-left-color:#10b981}.toast.success .toast-icon[data-v-bbf3b9e8]{color:#10b981}.toast.error[data-v-bbf3b9e8]{border-left-color:#ef4444}.toast.error .toast-icon[data-v-bbf3b9e8]{color:#ef4444}.toast.info[data-v-bbf3b9e8]{border-left-color:var(--accent-color)}.toast.info .toast-icon[data-v-bbf3b9e8]{color:var(--accent-color)}.toast-icon[data-v-bbf3b9e8]{font-size:1.2rem;font-weight:700}.toast-enter-active[data-v-bbf3b9e8],.toast-leave-active[data-v-bbf3b9e8]{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.toast-enter-from[data-v-bbf3b9e8],.toast-leave-to[data-v-bbf3b9e8]{opacity:0;transform:translate(30px)}.header[data-v-73d21e35]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--bg-primary-rgb,10,10,10),.8);border-bottom:1px solid hsla(0,0%,100%,.06);position:sticky;top:0;z-index:100}.header-content[data-v-73d21e35]{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.85rem 1.5rem}.header-content[data-v-73d21e35],.logo[data-v-73d21e35]{align-items:center;display:flex}.logo[data-v-73d21e35]{gap:.6rem;text-decoration:none;transition:opacity .2s}.logo[data-v-73d21e35]:hover{opacity:.8}.logo-icon[data-v-73d21e35]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.logo-text[data-v-73d21e35]{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.nav-desktop[data-v-73d21e35]{display:flex;gap:.25rem}@media(max-width:1024px){.nav-desktop[data-v-73d21e35]{display:none}}.nav-link[data-v-73d21e35]{align-items:center;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.55rem .9rem;text-decoration:none;transition:all .2s ease}.nav-link[data-v-73d21e35]:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link.active[data-v-73d21e35]{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff}.nav-link svg[data-v-73d21e35]{opacity:.7}.header-actions[data-v-73d21e35]{align-items:center;display:flex;gap:.75rem}.theme-switcher[data-v-73d21e35]{position:relative}.theme-btn[data-v-73d21e35]{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem .85rem;transition:all .2s}.theme-btn[data-v-73d21e35]:hover{background:#ffffff14;border-color:#ffffff1f}.theme-btn svg[data-v-73d21e35]{transition:transform .2s}.theme-btn svg.rotated[data-v-73d21e35]{transform:rotate(180deg)}.theme-dropdown[data-v-73d21e35]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141419f2;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 20px 40px #0006;min-width:160px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px)}.theme-option[data-v-73d21e35]{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.6rem .85rem;text-align:left;transition:all .15s;width:100%}.theme-option[data-v-73d21e35]:hover{background:#ffffff0d;color:var(--text-primary)}.theme-option.active[data-v-73d21e35]{background:#667eea1a;color:var(--accent-color)}.mobile-menu-btn[data-v-73d21e35]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;padding:.5rem}@media(max-width:1024px){.mobile-menu-btn[data-v-73d21e35]{align-items:center;display:flex;justify-content:center}}.nav-mobile[data-v-73d21e35]{background:#0f0f14fa;border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem 1.25rem}.nav-link-mobile[data-v-73d21e35]{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:all .2s}.nav-link-mobile[data-v-73d21e35]:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link-mobile.active[data-v-73d21e35]{background:linear-gradient(135deg,#667eea26,#764ba226);color:#fff}.dropdown-enter-active[data-v-73d21e35],.dropdown-leave-active[data-v-73d21e35]{transition:all .2s ease}.dropdown-enter-from[data-v-73d21e35],.dropdown-leave-to[data-v-73d21e35]{opacity:0;transform:translateY(-8px)}.slide-enter-active[data-v-73d21e35],.slide-leave-active[data-v-73d21e35]{transition:all .25s ease}.slide-enter-from[data-v-73d21e35],.slide-leave-to[data-v-73d21e35]{opacity:0;transform:translateY(-10px)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.loading-overlay{align-items:center;background-color:var(--bg-primary);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--accent-color);height:50px;margin:0 auto 1rem;width:50px}.loading-text{color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;letter-spacing:1px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}