:root{--bg:#08090d;--panel:#10131b;--panel2:#151a24;--soft:#1d2430;--ink:#eef2f6;--muted:#99a4b5;--rule:#293344;--accent:#ff8a3d;--accent2:#8bc6ff;--ok:#85d68e;--bad:#ff7373;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(255,138,61,.16),transparent 36rem),radial-gradient(circle at 88% 10%,rgba(139,198,255,.12),transparent 36rem),var(--bg);color:var(--ink);font:15px/1.48 var(--sans)}a{color:inherit}.install{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.rail{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--rule);background:rgba(10,12,18,.86);backdrop-filter:blur(16px);padding:18px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin-bottom:20px}.mark{width:36px;height:36px;border:1px solid rgba(255,138,61,.55);border-radius:12px;background:linear-gradient(135deg,rgba(255,138,61,.32),rgba(139,198,255,.18));box-shadow:0 0 34px rgba(255,138,61,.18)}.brand b{display:block;letter-spacing:-.03em}.brand small,.muted{color:var(--muted)}.navtitle{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:20px 0 8px}.navbtn,.filebtn{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:12px;padding:10px 11px;cursor:pointer;display:block;text-decoration:none}.navbtn:hover,.navbtn.active,.filebtn:hover{background:var(--panel2);border-color:var(--rule)}.navbtn small,.filebtn small{display:block;color:var(--muted);font:11px var(--mono);overflow:hidden;text-overflow:ellipsis}.main{padding:22px;min-width:0}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-bottom:16px}.panel{border:1px solid var(--rule);background:linear-gradient(180deg,rgba(21,26,36,.96),rgba(15,18,26,.96));border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.24);overflow:hidden}.pad{padding:22px}.kicker{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--accent2)}h1{font-size:clamp(30px,4vw,56px);line-height:.96;margin:12px 0 12px;letter-spacing:-.055em}h2{font-size:22px;margin:0 0 4px;letter-spacing:-.035em}h3{margin:0 0 6px}.lead{font-size:18px;color:#c8d1de;max-width:76ch}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn{border:1px solid var(--rule);background:#111722;color:var(--ink);border-radius:11px;padding:9px 12px;font:700 12px var(--mono);text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--accent);background:#191f2a}.btn.primary{background:linear-gradient(135deg,var(--accent),#ffb36d);border-color:transparent;color:#160b04}.btn.ghost{background:transparent}.btn.ok{border-color:rgba(133,214,142,.45);color:var(--ok)}.btn.bad{border-color:rgba(255,115,115,.45);color:var(--bad)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip,.tag{border:1px solid var(--rule);border-radius:999px;padding:5px 8px;background:#0e131c;color:#c9d2df;font:11px var(--mono)}.tag{color:var(--accent2)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border:1px solid var(--rule);border-radius:16px;padding:14px;background:#0c111a}.metric b{display:block;font:800 24px/1 var(--mono);color:var(--accent)}.metric span{font:11px var(--mono);color:var(--muted)}.sequence{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.step{border:1px solid var(--rule);background:#0d121b;border-radius:16px;padding:12px;cursor:pointer;text-align:left;color:var(--ink)}.step:hover,.step.active{border-color:var(--accent);background:#171d29}.step b{display:block;color:var(--accent);font:800 13px var(--mono)}.step span{display:block;color:#c8d1de;margin:4px 0}.step small{color:var(--muted);font:11px var(--mono)}.workbench{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;min-height:680px}.object-list{border-right:1px solid var(--rule);background:#0b1018;overflow:auto;max-height:760px;padding:14px}.object-filter{width:100%;border:1px solid var(--rule);background:#070b10;color:var(--ink);border-radius:12px;padding:11px;margin-bottom:10px}.object-card{border:1px solid var(--rule);border-radius:14px;margin-bottom:9px;padding:10px;background:#111722}.object-card.active{border-color:var(--accent)}.object-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-card p{margin:5px 0 8px;color:var(--muted);font-size:12px}.object-card .mini{display:flex;gap:6px;flex-wrap:wrap}.mini .btn{padding:6px 8px;font-size:10px}.viewer{min-width:0}.viewer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--rule);background:#0e141e}.path{font:12px var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame{display:block;width:100%;height:700px;border:0;background:white}.source{margin:0;padding:16px;white-space:pre-wrap;overflow:auto;max-height:700px;background:#070b10;color:#d8e5f0;font:12px/1.55 var(--mono)}.source.xml{color:#d7c6ff}.source.err{color:var(--bad)}.tablewrap{overflow:auto;max-height:700px}.tablewrap table{width:100%;border-collapse:collapse;font:12px var(--mono)}th,td{border-bottom:1px solid var(--rule);padding:8px;text-align:left;vertical-align:top}th{color:var(--accent2);position:sticky;top:0;background:#0b1018}.elements{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}.element{padding:14px;border:1px solid var(--rule);border-radius:16px;background:#0e141e}.element b{display:block;margin-bottom:7px}.element ul{margin:0;padding-left:18px;color:var(--muted);font:12px/1.45 var(--mono)}.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.route{border:1px solid var(--rule);border-radius:14px;background:#0c111a;padding:12px}.route code{display:block;color:#d9e5f0;font:12px var(--mono);word-break:break-all}.jsonrow{margin-left:18px;border-left:1px solid var(--rule);padding-left:8px}.key{color:var(--accent2);font-family:var(--mono);margin-right:8px}.boot{font:12px/1.55 var(--mono);background:#070b10;border:1px solid var(--rule);border-radius:16px;padding:14px;color:#b9c4d2;max-height:220px;overflow:auto}.boot .ok{color:var(--ok)}.boot .warn{color:var(--accent)}@media(max-width:1050px){.install{display:block}.rail{position:relative;height:auto}.hero,.workbench{grid-template-columns:1fr}.sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.object-list{max-height:none;border-right:0;border-bottom:1px solid var(--rule)}.frame{height:560px}}@media(max-width:640px){.main{padding:12px}.hero{gap:12px}.pad{padding:16px}.sequence{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}}