:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#f3f7ff;color:#111827}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% -10%,rgba(255,172,123,.28),transparent 32%),radial-gradient(circle at 88% 0%,rgba(121,180,255,.22),transparent 34%),linear-gradient(180deg,#edf3ff,#f6f9ff 60%,#eef4ff)}a{color:#0f4c81}.wrap{max-width:1160px;margin:0 auto;padding:28px 16px 36px;display:grid;gap:14px}.card{background:#fff;border:1px solid #d6deec;border-radius:14px;box-shadow:0 10px 22px #11284d12;padding:16px}h1,h2{margin:0 0 8px}h1{font-size:28px}h2{font-size:18px}p{margin:0 0 10px}.hero p{color:#465870}.hero-links{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.hero-links a{display:inline-block;border:1px solid #c8d7ef;background:#f7fbff;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.hero-links a:hover{background:#ecf4ff}.lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lane{border:1px solid #dbe6f8;background:linear-gradient(180deg,#f9fbff,#f4f8ff);border-radius:10px;padding:10px}.lane h2{font-size:15px}.lane p{margin:0;color:#4a5f7a;font-size:14px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px}label{display:grid;gap:5px;font-size:13px;color:#4a5c74}.inline{display:inline-flex;align-items:center;gap:8px;align-self:end;min-height:40px}input,button{height:40px;border-radius:8px;border:1px solid #c8d8ed;padding:0 10px;font-size:14px}input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0}button{border:0;background:#0f4c81;color:#fff;padding:0 14px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end;grid-column:1 / -1}.route{margin-bottom:4px}.status{color:#334a63;min-height:20px}.status.ok{color:#166534}.error{color:#b42318}.muted{color:#5a6880}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e2e9f4;text-align:left;padding:8px;font-size:14px;vertical-align:top}tbody tr.selected{background:#f0f6ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}pre{margin:0;border-radius:10px;background:#0e1628;color:#dce5f3;border:1px solid #2a3650;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto}.trace-list{display:grid;gap:8px}details{border:1px solid #d8e2f0;border-radius:10px;background:#fbfdff;overflow:hidden}summary{list-style:none;cursor:pointer;padding:10px;display:grid;grid-template-columns:140px 1fr 130px 70px;gap:8px;align-items:center;background:#f2f7ff;color:#2d3d55;font-size:13px}summary::-webkit-details-marker{display:none}details p,details pre{margin:10px}@media (max-width: 960px){.controls{grid-template-columns:1fr 1fr}.lane-grid,.split{grid-template-columns:1fr}}@media (max-width: 760px){.controls{grid-template-columns:1fr}summary{grid-template-columns:1fr}}