@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,[data-theme=dark]{color-scheme:dark;--bg-main:#0a0e17;--bg-surface:#101623;--bg-surface-elevated:#162032;--bg-surface-glass:#101623bf;--bg-surface-highlight:#ffffff0a;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-focus:#6366f180;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #38bdf8 100%);--header-bg:#0a0e17d9;--footer-bg:#070a10;--card-bg:#101623d9;--sandbox-bg:#0d121c;--sandbox-bar-bg:#090e17;--input-bg:#0c111a;--input-mono-bg:#080c14;--code-output:#38bdf8;--code-input:#f1f5f9;--chip-bg:#ffffff0d;--chip-border:#ffffff14;--kbd-bg:#ffffff14;--kbd-border:#ffffff1f;--shadow-card:0 10px 30px -10px #00000080;--shadow-hover:0 20px 40px -15px #6366f133;--cat-dev:#818cf8;--cat-doc:#a78bfa;--cat-img:#f472b6;--cat-av:#fb923c;--cat-sec:#34d399;--cat-math:#38bdf8;--cat-time:#c084fc;--cat-hw:#f87171;--cat-health:#2dd4bf;--cat-prod:#fbbf24;--cat-developer-formatting:var(--cat-dev);--cat-document-text:var(--cat-doc);--cat-image-graphics:var(--cat-img);--cat-audio-video:var(--cat-av);--cat-security-crypto:var(--cat-sec);--cat-math-scientific:var(--cat-math);--cat-date-time:var(--cat-time);--cat-hardware-electronics:var(--cat-hw);--cat-health-fitness:var(--cat-health);--cat-productivity-business:var(--cat-prod);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--text-primary:var(--text-main);--text-secondary:var(--text-muted);--border:var(--border-subtle);--border-light:var(--border-subtle);--bg-input:var(--input-bg);--bg-card:var(--bg-surface-elevated);--bg-secondary:var(--bg-surface-highlight);--accent:var(--primary);--color-primary:var(--primary);--color-success-bg:#065f46;--color-success:#10b981;--cat-audio:var(--cat-av);--cat-hardware:var(--cat-hw);--cat-productivity:var(--cat-prod)}[data-theme=light]{color-scheme:light;--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-glass:#ffffffe6;--bg-surface-highlight:#0f172a08;--border-subtle:#0f172a17;--border-medium:#0f172a29;--border-focus:#6366f199;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e533;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #0284c7 100%);--header-bg:#f8fafce6;--footer-bg:#f1f5f9;--card-bg:#fff;--sandbox-bg:#fff;--sandbox-bar-bg:#f8fafc;--input-bg:#fff;--input-mono-bg:#f8fafc;--code-output:#0284c7;--code-input:#0f172a;--chip-bg:#0f172a0d;--chip-border:#0f172a1a;--kbd-bg:#0f172a0f;--kbd-border:#0f172a24;--shadow-card:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--shadow-hover:0 12px 30px -4px #6366f124, 0 4px 10px -2px #0f172a0f;--cat-dev:#4338ca;--cat-doc:#6d28d9;--cat-img:#be185d;--cat-av:#c2410c;--cat-sec:#047857;--cat-math:#0369a1;--cat-time:#7e22ce;--cat-hw:#b91c1c;--cat-health:#0f766e;--cat-prod:#b45309;--cat-developer-formatting:var(--cat-dev);--cat-document-text:var(--cat-doc);--cat-image-graphics:var(--cat-img);--cat-audio-video:var(--cat-av);--cat-security-crypto:var(--cat-sec);--cat-math-scientific:var(--cat-math);--cat-date-time:var(--cat-time);--cat-hardware-electronics:var(--cat-hw);--cat-health-fitness:var(--cat-health);--cat-productivity-business:var(--cat-prod);--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--text-primary:var(--text-main);--text-secondary:var(--text-muted);--border:var(--border-subtle);--border-light:var(--border-subtle);--bg-input:var(--input-bg);--bg-card:var(--bg-surface);--bg-secondary:var(--bg-surface-elevated);--accent:var(--primary);--color-primary:var(--primary);--color-success-bg:#047857;--color-success:#047857;--cat-audio:var(--cat-av);--cat-hardware:var(--cat-hw);--cat-productivity:var(--cat-prod)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-main);width:100%;max-width:100%;color:var(--text-main);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s;overflow-x:hidden}body{background-color:var(--bg-main);width:100%;max-width:100%;min-height:100vh;color:var(--text-main);flex-direction:column;display:flex;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.ambient-background{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-glow-1{filter:blur(100px);background:radial-gradient(#6366f124 0%,#0000 70%);width:65vw;height:55vh;animation:14s ease-in-out infinite alternate floatGlow;position:absolute;top:-15%;left:10%}.ambient-glow-2{filter:blur(110px);background:radial-gradient(#06b6d41a 0%,#0000 70%);width:55vw;height:55vh;animation:18s ease-in-out infinite alternate-reverse floatGlow;position:absolute;top:35%;right:-10%}.ambient-grid{opacity:.8;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 40%,#0000 80%);mask-image:radial-gradient(at 50% 20%,#000 40%,#0000 80%)}[data-theme=light] .ambient-glow-1{background:radial-gradient(#6366f114 0%,#0000 70%)}[data-theme=light] .ambient-glow-2{background:radial-gradient(#06b6d40f 0%,#0000 70%)}[data-theme=light] .ambient-grid{background-image:radial-gradient(#0000000f 1px,#0000 1px)}@keyframes floatGlow{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.05)}to{transform:translate(-20px,15px)scale(.95)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}a{color:inherit;text-decoration:none}.container{z-index:1;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative}@media (width<=768px){.container{max-width:100%;padding:0 1rem}}@media (width<=480px){.container{padding:0 .85rem}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .25s,transform .25s,box-shadow .25s}.glass-panel:hover{border-color:var(--border-medium)}.card-interactive{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.card-interactive:hover{box-shadow:var(--shadow-hover);border-color:#6366f166;transform:translateY(-4px)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 8px 24px #6366f166}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-medium);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-surface-highlight);color:var(--text-main)}.btn-sm{border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.8125rem}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.input,.textarea,.select,select,input[type=text],input[type=number],input[type=search],textarea{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}[data-theme=light] input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=light] textarea,[data-theme=light] select{color:var(--text-main)!important;background-color:var(--input-bg)!important;border-color:var(--border-medium)!important}[data-theme=dark] input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text-main)!important;background-color:var(--input-bg)!important;border-color:var(--border-subtle)!important}[data-theme=light] button[style*="var(--bg-input)"]{color:var(--text-main)!important}.input,.textarea,.select{width:100%;padding:.75rem 1rem;font-size:.875rem}.input:focus,.textarea:focus,.select:focus,select:focus,input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select{color-scheme:light dark}:root select,[data-theme=dark] select{color-scheme:dark}[data-theme=light] select{color-scheme:light}select option,option{color:#f8fafc!important;background-color:#162032!important}[data-theme=light] select option,[data-theme=light] option{color:#0f172a!important;background-color:#fff!important}select optgroup,optgroup{color:#94a3b8;background-color:#162032}[data-theme=light] select optgroup,[data-theme=light] optgroup{color:#475569;background-color:#fff}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.85}.input-mono,.textarea-mono{font-family:var(--font-mono);font-size:.85rem;line-height:1.55}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .65rem;font-size:.725rem;font-weight:600;display:inline-flex}.badge-privacy{color:#34d399;background:#10b9811a;border:1px solid #10b98140}[data-theme=light] .badge-privacy{color:#047857;background:#0478571a;border-color:#04785740}[data-theme=light] .pulse-dot{background:#047857;box-shadow:0 0 8px #04785780}.badge-category{color:#6366f1;background:#6366f11a;border:1px solid #6366f140}.pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 10px #10b981}.kbd-shortcut{background:var(--kbd-bg);border:1px solid var(--kbd-border);font-family:var(--font-mono);color:var(--text-muted);border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.7rem;display:inline-flex}.hero-badge{color:#10b981;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #10b9811a}[data-theme=light] .hero-badge{color:#047857;background:#04785714;border-color:#04785740}.stat-card{background:var(--card-bg);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:.25rem;padding:1.25rem 1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.stat-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-card);transform:translateY(-2px)}#toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-medium);pointer-events:auto;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:.85rem;font-weight:600;animation:.25s ease-out fadeIn;display:flex;box-shadow:0 10px 30px #00000040}@media (width<=768px){.container{padding:0 1rem}.hide-on-mobile{display:none!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea,.input,.textarea,.select{font-size:16px!important}button,.btn,.filter-tab,.command-search-btn{touch-action:manipulation}.btn{min-height:38px}.btn-sm{min-height:34px;padding:.35rem .65rem}}@media (width<=480px){.container{padding:0 .75rem}}@media (width>=769px){.show-on-mobile{display:none!important}}img,svg,canvas,video{max-width:100%}pre,code{max-width:100%;overflow-x:auto}.tool-workspace{flex-direction:column;gap:1rem;width:100%;display:flex}.tool-toolbar{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;display:flex}@media (width<=640px){.tool-toolbar{gap:.5rem;padding:.6rem .75rem}.tool-toolbar .btn-sm{padding:.35rem .65rem;font-size:.75rem}}.tool-dual-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem;width:100%;display:grid}@media (width<=768px){.tool-dual-grid{grid-template-columns:1fr;gap:1.25rem}}.tool-pane{flex-direction:column;gap:.5rem;width:100%;min-width:0;display:flex}.tool-pane-textarea{resize:vertical;background:var(--input-bg);width:100%;height:380px;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem}.tool-pane-textarea.output{background:var(--input-mono-bg);color:var(--code-output)}.code-output{color:var(--code-output)!important}.tool-output-box{background:var(--input-mono-bg)!important;color:var(--code-output)!important;border:1px solid var(--border-subtle)!important}@media (width<=768px){.tool-pane-textarea{height:250px}}.command-search-btn{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.65rem;padding:.5rem .875rem;font-size:.825rem;transition:all .2s;display:flex}.command-search-btn:hover{border-color:var(--border-medium);color:var(--text-main)}.search-label-mobile{display:none}@media (width<=768px){.search-label-desktop,.search-label-mobile{display:none}.search-kbd{display:none!important}.command-search-btn{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}}[data-theme=light] .command-search-btn{color:var(--text-muted);background:#0f172a0a;border-color:#0f172a17}.command-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background-color:#030712b8;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem;display:flex;position:fixed;inset:0}@media (width<=640px){.command-modal-overlay{padding:1.5rem .75rem .75rem}}.table-responsive,.cheatsheet-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}