*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0}.wrap{max-width:880px;margin:0 auto;padding:24px 20px 60px}h1{font-size:20px;margin:0}.sub{color:#94a3b8;font-size:13px;margin-top:2px}.demo{display:inline-block;font-size:11px;background:#7c2d12;color:#fed7aa;padding:2px 8px;border-radius:6px;margin-top:8px}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;margin-top:16px}.card h2{font-size:14px;margin:0 0 10px;color:#cbd5e1}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px}.stat .l{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.stat .v{font-size:18px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}button{background:#4338ca;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;font-weight:600}button.sec{background:#334155}button:disabled{opacity:.45;cursor:not-allowed}input{background:#0f172a;border:1px solid #334155;color:#e2e8f0;border-radius:8px;padding:9px 12px;font-size:14px;width:180px}label{font-size:12px;color:#94a3b8;display:block;margin-bottom:4px}a{color:#818cf8}code{background:#0f172a;padding:2px 6px;border-radius:5px;font-size:12px;color:#a5b4fc}.mono{font-family:ui-monospace,monospace;font-size:12px}.log{margin-top:16px}.log .item{border-left:2px solid #4338ca;padding:6px 10px;margin-bottom:6px;background:#1e293b;border-radius:0 8px 8px 0;font-size:13px}.muted{color:#64748b}.ok{color:#4ade80}.err{color:#f87171}