.hpt-section{margin-top:65px;scroll-margin-top:110px;color:#203f60}.hpt-heading{max-width:760px}.hpt-heading h3{font-size:32px;line-height:1.25;margin:16px 0}.hpt-heading p{font-size:14px;line-height:1.9;color:#6b8095}.hpt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;background:#e7f0f3;border:1px solid #ccdde6;margin-top:25px}.hpt-toolbar>div{display:flex;align-items:center;gap:8px;font-size:12px}.hpt-toolbar button{font:inherit;font-size:12px;padding:9px 12px;border:1px solid #bed1dd;color:#244d64;background:#fff;cursor:pointer}.hpt-toolbar button[aria-pressed=true]{color:#fff;background:#244d64}.hpt-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);border:1px solid #ccdde6;border-top:0;background:#fff;align-items:start}.hpt-tree{overflow:auto;max-height:640px;padding:24px;scrollbar-gutter:stable}.hpt-tree ul{list-style:none;margin:0;padding:0}.hpt-tree ul ul{padding-left:28px;margin-left:13px;border-left:1px solid #94b6bc}.hpt-tree li{position:relative;padding-top:12px}.hpt-tree ul ul>li:before{content:'';position:absolute;left:-28px;top:48px;width:28px;border-top:1px solid #94b6bc}.hpt-node button{position:relative;width:100%;min-width:190px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 15px;text-align:left;font:inherit;border:1px solid #d4e1e7;background:#f7fafc;padding:12px 15px;color:#23445c;cursor:pointer;transition:background .3s,border-color .3s}.hpt-node small{font-size:9px;letter-spacing:.07em;color:#618493;grid-column:1/-1}.hpt-node strong{font-size:14px;line-height:1.5}.hpt-node button>span{font-size:11px;line-height:1.6;color:#6c8394;grid-column:1}.hpt-node b{font-size:12px;grid-column:2;grid-row:2/4;align-self:center;white-space:nowrap}.hpt-node.is-selected button{background:#e1f1ec;border-color:#599e8d;box-shadow:inset 3px 0 #599e8d}.hpt-node button:focus-visible,.hpt-toolbar button:focus-visible{outline:2px solid #2c7a85;outline-offset:3px}.hpt-inspector{padding:30px;position:sticky;top:105px;min-width:0;background:#173449;color:#d0e3ea;margin:24px 24px 24px 0}.hpt-inspector>small{font-size:9px;letter-spacing:.12em;color:#9fc9c4}.hpt-inspector h4{font-size:24px;line-height:1.4;color:#fff;margin:20px 0 12px}.hpt-kind{display:inline-block;border:1px solid #4e7885;padding:5px 8px;font-size:10px;color:#b8e2d5}.hpt-inspector>p{font-size:13px;line-height:1.9;min-height:100px}.hpt-inspector dl{margin:25px 0;font-size:12px}.hpt-inspector dl>div{border-top:1px solid #34576a;display:flex;justify-content:space-between;gap:15px;padding:13px 0}.hpt-inspector dd{margin:0;text-align:right;font-weight:600}.hpt-flow{padding:16px;border-left:2px solid #9fd0c3;background:#24495d;font-size:12px;line-height:1.9}.hpt-inspector .hpt-hint{font-size:10px;color:#a6bfce;min-height:0;margin-top:20px}.hpt-section[data-running=true] .hpt-node.is-selected button:after{content:'';position:absolute;right:6px;top:6px;width:5px;height:5px;background:#599e8d;border-radius:50%;animation:hpt-pulse 1.1s ease-in-out infinite}@keyframes hpt-pulse{50%{opacity:.25;transform:scale(1.5)}}@media(max-width:800px){.hpt-layout{grid-template-columns:1fr}.hpt-tree{max-height:470px}.hpt-inspector{position:static;margin:0 18px 18px;padding:22px}.hpt-inspector>p{min-height:0}.hpt-toolbar{align-items:flex-start;flex-wrap:wrap}.hpt-heading h3{font-size:27px}}@media(max-width:480px){.hpt-tree{padding:12px}.hpt-tree ul ul{padding-left:13px;margin-left:5px}.hpt-tree ul ul>li:before{left:-13px;width:13px}.hpt-node button{min-width:0;padding:10px;gap:4px 8px}.hpt-node strong{font-size:12px}.hpt-node b{font-size:10px}.hpt-node button>span{font-size:10px}.hpt-inspector{margin:0 12px 12px}.hpt-toolbar{padding:12px}.hpt-toolbar>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.hpt-section *{animation:none!important;transition:none!important}}