.logo{height:48px;margin:12px 16px;color:#fff;font-weight:700;display:flex;align-items:center}.timeline-head,.timeline-row{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:stretch;margin-bottom:8px}.timeline-label{font-weight:600;display:flex;align-items:center}.timeline-hours{display:grid;grid-template-columns:repeat(12,1fr);font-size:12px;color:#66736d}.timeline-track{position:relative;height:48px;background:linear-gradient(90deg,#f3f6f4 1px,transparent 1px) 0 0 / calc(100% / 12) 100%;border:1px solid #e3eae6;border-radius:8px}.timeline-bar{position:absolute;top:6px;bottom:6px;border:0;border-radius:8px;background:#d9efe7;color:#14201c;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;cursor:pointer;text-align:left}.code-block{background:#f5f7f6;padding:12px;border-radius:8px;white-space:pre-wrap;font-size:12px}body{margin:0}