@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#0a0d14;--bg-surface:#101522;--bg-surface-elevated:#161d2f;--bg-card:#161d2fb3;--bg-card-hover:#1c263ed9;--bg-input:#0e1320;--bg-input-focus:#141b2c;--border-color:#ffffff14;--border-hover:#6366f166;--border-active:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--accent-glow:#6366f140;--glass-blur:blur(16px);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--badge-security:#10b981;--badge-media:#ec4899;--badge-dev:#3b82f6;--badge-text:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fff;--bg-input:#f8fafc;--bg-input-focus:#fff;--border-color:#e2e8f0;--border-hover:#6366f1;--border-active:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-secondary:#9333ea;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #c026d3 100%);--accent-glow:#4f46e526;--glass-blur:blur(16px);--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 30px #0000001a}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .2s}html,body{background-color:var(--bg-primary);max-width:100vw;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}code,pre,.font-mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.app-shell{flex:1;height:calc(100vh - 68px);display:flex;position:relative;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden auto}.container-custom{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}footer{z-index:10;width:100%;position:relative}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card-hover{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.glass-card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--border-color)}.btn-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-hover)}.input-base{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;padding:.7rem 1rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input-base:focus{background:var(--bg-input-focus);border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-glow)}.textarea-base{width:100%;min-height:160px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;outline:none;padding:.85rem 1rem;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.5}.textarea-base:focus{background:var(--bg-input-focus);border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-glow)}.badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-security{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.badge-media{color:#ec4899;background:#ec48991f;border:1px solid #ec489940}.badge-developer,.badge-dev{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.badge-text{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.badge-privacy{color:#818cf8;background:#6366f11f;border:1px solid #6366f14d}.tool-container{flex-direction:column;gap:2rem;padding-top:1.5rem;padding-bottom:4rem;display:flex}.tool-workbench{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.75rem}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.sidebar-scroll:hover{scrollbar-color:var(--border-color) transparent}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:var(--border-color)}.mobile-menu-btn,.mobile-sidebar-header{display:none!important}@media (max-width:900px){.mobile-menu-btn{display:inline-flex!important}.mobile-sidebar-header{display:flex!important}.app-sidebar{z-index:50!important;width:290px!important;height:100vh!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;box-shadow:0 10px 40px #00000080!important}.app-sidebar.closed{pointer-events:none;transform:translate(-100%)!important}.app-sidebar.open{pointer-events:auto;transform:translate(0)!important}.sidebar-backdrop{z-index:48!important;display:block!important}}@media (min-width:901px){.app-sidebar.closed{transform:none!important}.sidebar-backdrop{display:none!important}}