:root{--accent: #8b5cf6;--accent-2: #6366f1;--accent-soft: rgba(139, 92, 246, .16);--bg: #06060a;--panel: rgba(16, 16, 26, .72);--border: rgba(255, 255, 255, .09);--text: #eceaf6;--muted: rgba(236, 234, 246, .55);--ok: #34d399;--warn: #fbbf24;--bad: #f87171}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}code,pre,.mono{font-family:JetBrains Mono,monospace}#bgv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9)}#bgv-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 70% 20%,rgba(99,102,241,.12),transparent 60%),linear-gradient(180deg,#06060ad1,#06060aed);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0404088c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .5s ease}#gate.hidden{opacity:0;pointer-events:none}.gate-inner{text-align:center}.gate-logo{width:72px;height:72px;border-radius:18px;margin-bottom:18px}.gate-title{font-size:64px;margin:0;letter-spacing:-.03em}.gate-title span{color:var(--accent)}.gate-sub{color:var(--muted);margin:8px 0 22px}.gate-spinner{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#app{display:flex;min-height:100vh}#sidebar{width:240px;position:fixed;top:0;bottom:0;left:0;padding:22px 16px;display:flex;flex-direction:column;gap:18px;background:var(--panel);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand img{width:38px;height:38px;border-radius:10px}.brand-name{font-size:20px;font-weight:700;letter-spacing:-.02em}.brand-name b{color:var(--accent);font-weight:700}#nav{display:flex;flex-direction:column;gap:4px}#nav a{color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:500;transition:all .15s ease}#nav a:hover{color:var(--text);background:#ffffff0d}#nav a.active{color:#fff;background:linear-gradient(90deg,var(--accent-soft),transparent);border-left:2px solid var(--accent);border-radius:0 10px 10px 0}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.audio-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 12px}.audio-pill button{background:none;border:none;color:var(--text);cursor:pointer;font-size:15px}.audio-pill input{flex:1;accent-color:var(--accent)}#main{flex:1;margin-left:240px;padding:34px 42px 60px;max-width:calc(100vw - 240px)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:7px 14px;background:var(--accent-soft);margin-bottom:18px}.hero{max-width:760px;padding:26px 0 10px}.hero-kicker{font-size:12px;color:var(--muted);letter-spacing:.06em;border-left:2px solid var(--accent);padding-left:12px;margin-bottom:22px}.hero-title{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:700}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--muted);font-size:17px;line-height:1.65;max-width:560px;margin:0 0 24px}.hero-meta{margin-top:22px;font-size:12px;color:var(--muted);letter-spacing:.04em}.demo{margin-top:34px;display:grid;grid-template-columns:1fr 28px 1fr;gap:10px;align-items:stretch;max-width:780px}.demo-col{display:flex;flex-direction:column;gap:7px;min-width:0}.demo-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.demo-code{margin:0;padding:14px 16px;font-size:11.5px;line-height:1.65;border:1px solid var(--border);border-radius:10px;background:#050509d1;overflow:hidden;flex:1;max-height:210px;white-space:pre;text-overflow:ellipsis}.demo-in{color:#eceaf673;word-break:break-all;white-space:pre-wrap;filter:blur(.2px)}.demo-out{color:var(--text)}.demo-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:17px;-webkit-user-select:none;user-select:none}@media (max-width: 720px){.demo{grid-template-columns:1fr}.demo-arrow{transform:rotate(90deg);height:20px}}@keyframes blink{50%{opacity:0}}.engine-index{margin-top:34px}.index-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.index-all{color:var(--accent);text-decoration:none;font-size:12px}.index-all:hover{text-decoration:underline}.index-grid{display:flex;flex-direction:column}.index-row{display:grid;grid-template-columns:44px 34px 1fr auto 20px;align-items:center;gap:14px;text-align:left;padding:11px 6px;border:none;border-bottom:1px solid var(--border);background:none;color:var(--text);cursor:pointer;font-family:inherit;transition:background .12s ease,padding-left .12s ease}.index-row:hover{background:#8b5cf612;padding-left:12px}.index-num{color:var(--muted);font-size:12px}.index-logo{width:30px;height:30px;object-fit:contain}.index-name{font-size:15px;font-weight:500}.index-badge{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c4b5fd;border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:2px 9px}.index-arrow{color:var(--muted);opacity:0;transition:opacity .12s ease}.index-row:hover .index-arrow{opacity:1;color:var(--accent)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.ghost-btn{border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.ghost-btn{background:#ffffff0a;color:var(--text);border:1px solid var(--border)}.ghost-btn:hover{background:#ffffff14}.stats{display:flex;gap:40px;margin-top:34px;flex-wrap:wrap}.stat b{display:block;font-size:30px;letter-spacing:-.02em}.stat b i{font-style:normal;color:var(--accent)}.stat span{color:var(--muted);font-size:13px}h2.sec{font-size:26px;margin:0 0 6px;letter-spacing:-.02em}.sec-sub{color:var(--muted);margin:0 0 22px}.rail{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.tool-card{scroll-snap-align:start;flex:0 0 210px;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;transition:all .18s ease;text-align:left;color:var(--text);font-family:inherit}.tool-card:hover{border-color:#8b5cf68c;transform:translateY(-3px)}.tool-card img{width:100%;height:96px;object-fit:contain;border-radius:10px;background:#ffffff08;padding:8px}.tool-card .t-name{font-weight:600;margin-top:12px}.tool-card .t-badge{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.badge-Deobfuscator{color:#c4b5fd;background:#8b5cf629;border:1px solid rgba(139,92,246,.4)}.badge-Scanner{color:#7dd3fc;background:#38bdf81f;border:1px solid rgba(56,189,248,.4)}.badge-Formatter{color:#fcd34d;background:#fbbf241f;border:1px solid rgba(251,191,36,.4)}.badge-Beta{color:#f0abfc;background:#e879f91f;border:1px solid rgba(232,121,249,.4)}.badge-Down{color:#fca5a5;background:#f871711f;border:1px solid rgba(248,113,113,.4)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 1000px){.editor-grid{grid-template-columns:1fr}}.code-box{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#08080ecc}.code-box header{padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.code-box textarea,.code-box pre{margin:0;padding:16px;min-height:320px;max-height:480px;overflow:auto;border:none;background:transparent;color:var(--text);resize:vertical;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.code-box textarea{outline:none}.tool-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.tool-head img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#ffffff0a;padding:6px}.tool-head h2{margin:0;font-size:22px}.tool-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.tool-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}select.preset{background:#ffffff0d;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.status-line{font-size:13px;color:var(--muted);margin-top:10px;min-height:18px}.status-line.ok{color:var(--ok)}.status-line.bad{color:var(--bad)}table.endpoints{width:100%;border-collapse:collapse;font-size:14px}table.endpoints th,table.endpoints td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border)}table.endpoints th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}table.endpoints code{color:#c4b5fd}table.endpoints tr:last-child td{border-bottom:none}.update-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.update-item:last-child{border-bottom:none}.update-meta{flex:0 0 110px;display:flex;flex-direction:column;gap:6px}.update-date{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent);padding-top:3px}.update-version{align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;color:#c4b5fd;background:var(--accent-soft);border:1px solid rgba(139,92,246,.4);border-radius:999px;padding:2px 8px}.update-item h3{margin:0 0 5px;font-size:16px}.update-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.credit-card{display:flex;gap:16px;align-items:center;background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:18px;transition:border-color .15s ease}.credit-card:hover{border-color:#8b5cf673}.credit-pp{width:72px;height:72px;border-radius:16px;object-fit:cover;border:2px solid rgba(139,92,246,.5)}.credit-info h3{margin:0;font-size:18px}.credit-alias{color:var(--muted);font-weight:500;font-size:14px}.credit-info p{margin:4px 0 10px;color:var(--muted);font-size:13px}.credit-discord{padding:7px 14px;font-size:13px}#toasts{position:fixed;bottom:20px;right:20px;z-index:60;display:flex;flex-direction:column;gap:10px}.toast{background:#141420f5;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 16px;font-size:14px;animation:slide-in .25s ease}.toast.ok{border-left-color:var(--ok)}.toast.bad{border-left-color:var(--bad)}@keyframes slide-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}@media (max-width: 860px){#sidebar{width:68px;padding:16px 10px}.brand-name,#nav a,.sidebar-foot .ghost-btn{display:none}#nav a{padding:12px;text-align:center}#nav a.active{border-left:none;border-radius:10px;background:var(--accent-soft)}#main{margin-left:68px;max-width:calc(100vw - 68px);padding:24px 18px 50px}.audio-pill input{display:none}}