*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg1: #0f0f1a;--bg2: #14141f;--bg3: #1a1a28;--border: #2a2a3d;--border2: #3a3a55;--text: #e8e8f0;--text2: #9090b0;--text3: #5a5a7a;--accent: #5b8ef0;--accent2: #7b6cf0;--green: #4ade80;--yellow: #fbbf24;--red: #f87171;--pink: #f472b6;--cyan: #22d3ee;--orange: #fb923c;--lang-powershell: #2563eb;--lang-bash: #16a34a;--lang-python: #ca8a04;--lang-batch: #9333ea;--lang-javascript: #d97706;--lang-sql: #0891b2;--lang-yaml: #dc2626;--lang-ruby: #be123c;--lang-go: #0369a1;--lang-dockerfile: #1d4ed8;--lang-text: #525252;--lang-typescript: #1d4ed8}html{font-size:14px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text)}input,textarea,select{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.875rem;border-radius:6px;padding:.5rem .75rem;outline:none;transition:border-color .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}button{font-family:JetBrains Mono,monospace;cursor:pointer;border:none;border-radius:6px;transition:all .15s}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#4a7de0;filter:brightness(1.1)}.btn-secondary{background:var(--bg3);color:var(--text2);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border2);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text2);border-color:transparent}.btn-ghost:hover{color:var(--text);background:var(--bg3)}.btn-sm{padding:.3rem .65rem;font-size:.75rem}.btn-icon{padding:.4rem;min-width:0}.card{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.card:hover{border-color:var(--border2)}.tag{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:.7rem;border-radius:4px;background:var(--bg3);color:var(--text2);border:1px solid var(--border);gap:.3rem}.tag:hover{border-color:var(--border2);color:var(--text);cursor:pointer}.lang-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.layout{display:flex;min-height:100vh}.sidebar{width:220px;min-width:220px;background:var(--bg1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1;overflow:auto}.container{max-width:1100px;margin:0 auto;padding:1.5rem 2rem}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:auto;position:relative}.code-block pre{padding:1.25rem;font-size:.82rem;line-height:1.65}.code-block code{font-family:JetBrains Mono,monospace}.hljs{background:transparent!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg1);border:1px solid var(--border);border-radius:12px;padding:2rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.75rem;color:var(--text2);margin-bottom:.4rem;letter-spacing:.05em;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text3)}.empty-state h3{color:var(--text2);margin-bottom:.5rem;font-family:Syne,sans-serif}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1.25rem;font-size:.85rem;z-index:2000;animation:slideIn .2s ease;box-shadow:0 8px 24px #0006}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--accent)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.fw-bold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.hljs-keyword{color:#c792ea}.hljs-string{color:#c3e88d}.hljs-comment{color:#546e7a;font-style:italic}.hljs-number{color:#f78c6c}.hljs-function{color:#82aaff}.hljs-variable{color:#eff}.hljs-built_in{color:#ffcb6b}.hljs-attr{color:#89ddff}.hljs-title{color:#82aaff}.hljs-params{color:#ffd580}@media (max-width: 768px){.sidebar{display:none}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}