.hmap-editor{--hmap-ink: #20201e;--hmap-muted: #72726b;--hmap-line: #c5c5ba;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(140px,var(--hmap-upper, 55%)) 8px minmax(120px,1fr);height:100%;min-height:420px;position:relative;background:#fafaf5;color:var(--hmap-ink);font:15px/1.6 Georgia,Times New Roman,serif;border:1px solid var(--hmap-line)}.hmap-editor *{box-sizing:border-box}.hmap-editor [hidden]{display:none!important}.hmap-editor button,.hmap-editor select{font:12px/1.4 ui-monospace,monospace;color:inherit;background:transparent;border:1px solid var(--hmap-line);padding:7px 11px;border-radius:0;cursor:pointer}.hmap-editor button:hover{background:#eeeee6}.hmap-editor :focus-visible{outline:2px solid #222;outline-offset:3px}.hmap-editor button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.hmap-controls{display:flex;gap:9px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--hmap-line);flex-wrap:wrap}.hmap-source{overflow:auto;padding:26px 32px;min-height:0;scroll-behavior:smooth}.hmap-source h1{font-size:27px;line-height:1.25;margin:0 0 24px}.hmap-source h2{font-size:20px;margin:25px 0 12px}.hmap-source h3{font-size:16px;margin:20px 0 6px}.hmap-source p{margin:8px 0 16px;max-width:85ch}.hmap-intent-heading button{font:inherit;font-weight:700;border:0;padding:0;text-align:left}.hmap-route-choices{display:flex;gap:12px;flex-wrap:wrap}.hmap-route-choices button{border:0;border-bottom:1px solid var(--hmap-line);padding:0 0 3px;text-align:left}.hmap-chunk{padding:14px 0 21px;border-top:1px solid var(--hmap-line)}.hmap-source .hmap-chunk-label{font:12px ui-monospace,monospace;margin:0 0 11px}.hmap-body{white-space:pre-wrap;overflow-wrap:anywhere;max-width:90ch}.hmap-code-reference,.hmap-estimate-detail{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.hmap-module{border-top:1px dashed var(--hmap-line)}.hmap-divider{background:repeating-linear-gradient(90deg,#ccc 0 2px,transparent 2px 5px) center/70px 2px no-repeat;border-block:1px solid var(--hmap-line);cursor:row-resize;touch-action:none}.hmap-rail{overflow:auto;padding:25px 24px;min-height:0;background:#f1f1e9}.hmap-route-row{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;min-width:100%}.hmap-editor .hmap-step{display:flex;flex-direction:column;gap:9px;align-items:flex-start;flex:0 0 215px;width:215px;min-height:112px;padding:15px 16px;text-align:left;background:#fafaf5}.hmap-step strong{font:17px/1.25 Georgia,serif}.hmap-stereotype,.hmap-step-estimate{font:11px ui-monospace,monospace;overflow-wrap:anywhere}.hmap-arrow{font:22px monospace;padding:0 15px}.hmap-dim{opacity:.32}.hmap-focused{background:#e5e5d7;outline:1px solid #777}.hmap-status{font:12px/1.6 ui-monospace,monospace}.hmap-import-review{position:absolute;inset:10%;z-index:3;overflow:auto;background:#fafaf5;border:2px solid #222;padding:24px;box-shadow:0 0 0 70px #fafaf5dd}.hmap-review-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 ui-monospace,monospace}.hmap-import-review button{margin-right:12px}.hmap-empty{font:13px ui-monospace,monospace;color:var(--hmap-muted)}@media(max-width:600px){.hmap-source{padding:18px}.hmap-controls{padding:8px;gap:5px}.hmap-editor{font-size:14px}.hmap-rail{padding:18px 14px}.hmap-editor .hmap-step{flex-basis:185px;width:185px}}*{box-sizing:border-box}body{margin:0;background:#f5f5ee;color:#242421;font:15px/1.6 Georgia,Times New Roman,serif}.demo-shell{max-width:1420px;margin:0 auto;padding:0 40px}header{height:76px;border-bottom:1px solid #c2c2b6;display:flex;align-items:center;justify-content:space-between;font:12px ui-monospace,monospace}.demo-brand{font-size:23px;letter-spacing:-1px;font-weight:700;text-decoration:none;color:inherit}.demo-brand span{font-size:11px;letter-spacing:1px;font-weight:400;margin-left:16px}.demo-build{font-size:10px;letter-spacing:1px;color:#6b6b60}.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:40px 0 26px;gap:30px}.demo-eyebrow,.demo-number{font:10px ui-monospace,monospace;letter-spacing:2px}.demo-eyebrow{margin:0 0 12px}.demo-heading h1{font-weight:400;font-size:clamp(27px,3vw,43px);letter-spacing:-1px;margin:0;line-height:1.15}.demo-intro{margin:12px 0 0;color:#69695e}.demo-number{white-space:nowrap;margin-top:8px;color:#747469}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-actions button,.demo-guide button{border:1px solid #a9a99c;background:transparent;padding:9px 14px;font:11px ui-monospace,monospace;cursor:pointer;color:inherit}.demo-actions button:first-child{background:#272724;color:#f5f5ee}.demo-actions button:disabled{opacity:.4;cursor:wait}.demo-actions button:hover:not(:disabled){background:#deded1;color:#222}button:focus-visible,a:focus-visible{outline:2px solid #222;outline-offset:3px}#host-status,.demo-storage{font:11px/1.5 ui-monospace,monospace;margin:12px 0 9px;min-height:17px}.demo-storage:empty{display:none}.demo-storage{border-left:3px solid #555;padding-left:10px}.demo-editor{height:650px;min-height:420px}.demo-guide{margin:20px 0;padding:22px;border:1px solid #aaa}.demo-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace}footer{display:flex;gap:25px;justify-content:space-between;font:10px ui-monospace,monospace;padding:24px 0;margin:0 0 12px;color:#77776a}footer a{color:inherit}footer span{margin-right:auto}@media(max-width:700px){.demo-shell{padding:0 15px}.demo-heading{margin-top:27px}.demo-number,.demo-build{display:none}.demo-brand span{margin-left:7px;font-size:9px}.demo-editor{height:610px}footer{flex-wrap:wrap;gap:12px}footer span{width:100%}}
