.doc-demo .dd-spinner{border:2px solid color-mix(in srgb, var(--color-brand) 30%, transparent);border-top-color:var(--color-brand);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite doc-demo-spin;display:block}@keyframes doc-demo-spin{to{transform:rotate(360deg)}}.content__default [data-doc-demo]:empty{min-height:2px;margin:0;display:block}.doc-demo{--dd-radius:12px;--dd-gap:12px;color:var(--color-text-primary);background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:var(--dd-radius);margin:1.75rem 0;font-size:14px;line-height:1.65;overflow:hidden;box-shadow:0 1px 2px #0000000a}.doc-demo[data-open=true]{border-top-color:#0000;overflow:visible}:root[data-theme=dark] .doc-demo.wi-glass{border-color:#0000}:root[data-theme=dark] .doc-demo.wi-glass[data-open=true] .dd-head{--dd-sticky-line:#ffffff3d}.doc-demo.wi-glass:before{z-index:1}.doc-demo .dd-head{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 9%, transparent) 0%, transparent 100%);border:0;border-bottom:1px solid #0000;align-items:center;gap:10px;padding:12px 14px;transition:background .18s;display:flex}.doc-demo .dd-head:hover{background:color-mix(in srgb, var(--color-brand) 11%, transparent)}.doc-demo .dd-head:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.doc-demo[data-open=true] .dd-head{--dd-sticky-line:var(--border-primary-color);top:var(--doc-sticky-sub-top);z-index:4;isolation:isolate;background-color:var(--card-bg);background-image:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 12%, var(--card-bg)) 0%, var(--card-bg) 100%);border-radius:var(--dd-radius);width:calc(100% + 2px);box-shadow:inset 0 0 0 1px var(--dd-sticky-line), 0 calc(-1 * var(--doc-sticky-fill)) 0 4px var(--bg-primary), 0 8px 20px #00000014;border:1px solid #0000;margin:-1px -1px 0;position:sticky}.doc-demo[data-open=true] .dd-head:before{top:calc(-1 * var(--doc-sticky-fill));height:calc(var(--doc-sticky-fill) + var(--dd-radius));pointer-events:none;background:linear-gradient(var(--bg-primary) 0 0) top / 100% var(--doc-sticky-fill) no-repeat, radial-gradient(circle var(--dd-radius) at 100% 100%, transparent 0 var(--dd-radius), var(--bg-primary) calc(var(--dd-radius) + 1px)) bottom left / var(--dd-radius) var(--dd-radius) no-repeat, radial-gradient(circle var(--dd-radius) at 0 100%, transparent 0 var(--dd-radius), var(--bg-primary) calc(var(--dd-radius) + 1px)) bottom right / var(--dd-radius) var(--dd-radius) no-repeat;content:"";position:absolute;left:-4px;right:-4px}.doc-demo[data-open=true] .dd-head:hover{background-color:var(--card-bg);background-image:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 18%, var(--card-bg)) 0%, color-mix(in srgb, var(--color-brand) 5%, var(--card-bg)) 100%)}.doc-demo .dd-head-toggle{color:var(--color-brand);flex:none;align-items:center;gap:4px;margin-left:auto;font-size:12.5px;font-weight:500;display:flex}.doc-demo .dd-chevron{transition:transform .22s}.doc-demo[data-open=true] .dd-chevron{transform:rotate(180deg)}@media (max-width:719px){.doc-demo .dd-head-toggle-text{display:none}}.doc-demo .dd-head-icon{background:color-mix(in srgb, var(--color-brand) 14%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.doc-demo .dd-head-main{flex:auto;min-width:0}.doc-demo .dd-title{color:var(--color-text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;line-height:1.4;display:flex}.doc-demo .dd-badge{letter-spacing:.4px;color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 14%, transparent);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.doc-demo .dd-desc{color:var(--color-text-secondary);margin:2px 0 0;font-size:12.5px;line-height:1.6;display:block}.doc-demo .dd-body{padding:16px}.doc-demo .dd-foot{color:var(--color-text-secondary);background:var(--bg-base-gray);border-top:1px solid var(--border-primary-color);padding:10px 16px;font-size:12.5px;line-height:1.7}.doc-demo .dd-foot strong{color:var(--color-text-primary)}.doc-demo .dd-row{gap:var(--dd-gap);flex-wrap:wrap;align-items:flex-start;display:flex}.doc-demo .dd-col{flex:300px;min-width:0}.doc-demo .dd-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.doc-demo .dd-label{color:var(--color-text-secondary);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.doc-demo .dd-hint{color:var(--color-text-secondary);margin:8px 0 0;font-size:12.5px;line-height:1.7}.doc-demo .dd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.doc-demo .dd-panel{background:var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:10px;padding:12px}.doc-demo .dd-flow-grid{outline:none;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;display:grid}.doc-demo .dd-flow-grid:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:10px}.doc-demo .dd-flow-stage,.doc-demo .dd-flow-code,.doc-demo .dd-flow-action{background:var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:10px;padding:12px}.doc-demo .dd-flow-status{float:right;color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:999px;padding:1px 7px;font-size:11px}.doc-demo .dd-flow-nodes{align-items:stretch;gap:6px;min-height:82px;margin-top:12px;display:flex}.doc-demo .dd-flow-node{text-align:center;background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:10px 7px;transition:border-color .25s,background .25s,transform .25s;display:flex;position:relative}.doc-demo .dd-flow-node b{z-index:1;color:var(--color-text-weak);position:absolute;right:-10px}.doc-demo .dd-flow-node[data-state=active]{color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 13%, var(--card-bg));border-color:var(--color-brand);transform:translateY(-2px)}.doc-demo .dd-flow-node[data-state=done]{color:#15803d;background:color-mix(in srgb, #22c55e 10%, var(--card-bg));border-color:color-mix(in srgb, #22c55e 55%, var(--border-primary-color))}.doc-demo .dd-flow-output{background:var(--card-bg);border-radius:8px;gap:8px;min-height:48px;margin-top:10px;padding:9px 10px;font-size:12.5px;display:flex}.doc-demo .dd-flow-output strong{color:var(--color-brand);flex:none}.doc-demo .dd-flow-output-placeholder{color:var(--color-text-weak);justify-content:center;align-items:center}.doc-demo .dd-flow-code ol{counter-reset:flow-line;margin:10px 0 0;padding:0;list-style:none}.doc-demo .dd-flow-code li{color:var(--color-text-weak);counter-increment:flow-line;border-left:3px solid #0000;padding:6px 8px}.doc-demo .dd-flow-code li:before{content:counter(flow-line);opacity:.45;margin-right:8px}.doc-demo .dd-flow-code li[data-done=true]{color:var(--color-text-secondary)}.doc-demo .dd-flow-code li[data-active=true]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-brand) 12%, transparent);border-left-color:var(--color-brand)}.doc-demo .dd-flow-code code{color:inherit;background:0 0;padding:0}.doc-demo .dd-flow-action{gap:3px;min-height:68px;margin-top:12px;display:grid}.doc-demo .dd-flow-action strong{color:var(--color-brand)}.doc-demo .dd-flow-controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.doc-demo .dd-flow-play{width:76px}.doc-demo .dd-flow-progress{color:var(--color-text-secondary);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:grid}.doc-demo .dd-flow-progress input{width:100%;accent-color:var(--color-brand)}.doc-demo .dd-flow-progress select{min-height:34px;color:inherit;background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:7px;margin-left:4px}@media (max-width:719px){.doc-demo .dd-flow-grid{grid-template-columns:1fr}.doc-demo .dd-flow-nodes{flex-direction:column}.doc-demo .dd-flow-node{min-height:44px}.doc-demo .dd-flow-node b{bottom:-16px;right:50%;transform:rotate(90deg)}.doc-demo .dd-flow-controls .dd-btn{min-height:44px}.doc-demo .dd-flow-progress{grid-template-columns:1fr auto}.doc-demo .dd-flow-progress input{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.doc-demo .dd-flow-node{transition:none}.doc-demo .dd-flow-node[data-state=active]{transform:none}}.doc-demo .dd-panel-title{letter-spacing:.3px;color:var(--color-text-weak);margin:0 0 8px;font-size:12px;font-weight:600}.doc-demo .dq-actions{flex-wrap:wrap;align-items:center;display:flex}.doc-demo .dq-category-actions{gap:8px;margin:2px 0 16px}.doc-demo .dq-primary-actions{gap:10px;margin-top:16px}@media (max-width:719px){.doc-demo .dq-actions .dd-btn{min-height:44px}.doc-demo .dq-category-actions .dd-btn{flex:calc(33.333% - 6px);justify-content:center}.doc-demo .dq-primary-actions .dd-btn:first-child{flex:auto;justify-content:center}}.doc-demo .hwd-controls{gap:8px;display:grid}.doc-demo .hwd-workbench:focus-visible{outline:2px solid color-mix(in srgb, var(--color-brand) 65%, transparent);outline-offset:6px}.doc-demo .hwd-speed{color:var(--color-text-secondary);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.doc-demo .hwd-speed select{color:var(--color-text-primary);background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:7px;padding:6px 8px}.doc-demo .hwd-actions{flex-wrap:wrap;gap:8px;display:flex}.doc-demo .hwd-playback{border-top:1px dashed var(--border-primary-color);flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.doc-demo .hwd-play-button{justify-content:center;width:104px}.doc-demo .hwd-playback .dd-btn:disabled{cursor:not-allowed;opacity:.42}.doc-demo .hwd-actions .active{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.doc-demo .hwd-progress{margin-top:16px}.doc-demo .hwd-progress-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.doc-demo .hwd-progress-meta strong{color:var(--color-brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.doc-demo .hwd-progress-track{background:color-mix(in srgb, var(--border-primary-color) 70%, transparent);border-radius:999px;height:5px;position:relative;overflow:hidden}.doc-demo .hwd-progress-track input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:-7px 0}.doc-demo .hwd-progress-track>span{background:linear-gradient(90deg, var(--color-brand), color-mix(in srgb, var(--color-brand) 58%, #ffd166));border-radius:inherit;height:100%;transition:width .32s;display:block}.doc-demo .hwd-theatre{background:#10151f;border:1px solid #283246;border-radius:12px;grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);min-height:310px;margin:14px 0;display:grid;overflow:hidden}.doc-demo .algo-curtain{--curtain-ink:#111827;--curtain-muted:#94a3b8;--curtain-line:#e4e8f2;--curtain-purple:#7365e8;color:var(--curtain-ink);border:1px solid var(--curtain-line);background:#fbfcff;border-radius:16px;margin:16px 0;overflow:hidden;box-shadow:0 18px 50px #1e293b14}.doc-demo .algo-curtain-header{border-bottom:1px solid var(--curtain-line);background:#f8f9fd;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 20px;display:flex}.doc-demo .algo-curtain-heading,.doc-demo .algo-curtain-metric{align-items:center;gap:14px;display:flex}.doc-demo .algo-curtain-heading>strong{color:var(--curtain-ink);font-size:18px}.doc-demo .algo-curtain-badge{letter-spacing:.06em;color:var(--curtain-purple);border:1px solid #c9c3ff;border-radius:8px;padding:7px 11px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .algo-curtain-metric{color:var(--curtain-purple);font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .algo-curtain-metric small{color:#a15c00;background:#fff6df;border-radius:999px;padding:4px 7px}.doc-demo .hwd-theatre.algo-curtain-body{background:#fff;border:0;border-radius:0;min-height:400px;margin:0}.doc-demo .algo-curtain-body .hwd-stage{background:#fff;min-height:400px}.doc-demo .algo-curtain-body .hwd-stage-grid{opacity:.45;background-image:radial-gradient(circle,#7365e81a 1px,#0000 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.doc-demo .algo-curtain-watermark{z-index:0;letter-spacing:.12em;color:#7365e809;pointer-events:none;-webkit-user-select:none;user-select:none;font:800 clamp(48px,8vw,108px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.doc-demo .algo-curtain-body .hwd-code-trace{color:#aebbd0;background:#111827}.doc-demo .algo-curtain-narration{border-top:1px solid var(--curtain-line);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:12px;min-height:72px;padding:16px 20px;display:grid}.doc-demo .algo-curtain-narration>strong{color:var(--curtain-purple)}.doc-demo .algo-curtain-narration p{color:#273249;margin:0;line-height:1.75}.doc-demo .algo-curtain-narration>span{color:#64748b;white-space:nowrap}.markdown-body .doc-demo .algo-curtain-narration code{color:#047857;background:#ecfdf5}.doc-demo .algo-curtain-ticks{background:#fff;grid-auto-columns:minmax(3px,1fr);grid-auto-flow:column;gap:4px;padding:0 20px 12px;display:grid}.doc-demo .algo-curtain-ticks i{background:#eef0f6;border-radius:999px;height:5px}.doc-demo .algo-curtain-ticks i[data-active=true]{background:#b6aef7}.doc-demo .algo-curtain-controls{border-top:1px solid var(--curtain-line);background:#fafbff;grid-template-columns:42px 48px 42px auto minmax(120px,1fr) auto;align-items:center;gap:10px;padding:14px 20px 18px;display:grid}.doc-demo .algo-curtain-controls>button{color:#152037;cursor:pointer;border:1px solid var(--curtain-line);background:#fff;border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:grid}.doc-demo .algo-curtain-controls>button:disabled{cursor:not-allowed;opacity:.35}.doc-demo .algo-curtain-controls>.algo-curtain-play{color:#fff;background:var(--curtain-purple);border-color:var(--curtain-purple);width:48px;box-shadow:0 7px 16px #7365e840}.doc-demo .algo-curtain-speed{color:#94a3b8;gap:2px;font-size:10px;display:grid}.doc-demo .algo-curtain-speed select{color:#1e293b;border:1px solid var(--curtain-line);background:#fff;border-radius:8px;padding:6px 8px;font-weight:700}.doc-demo .algo-curtain-scrubber{background:#e9edfb;border-radius:999px;height:7px;position:relative;overflow:hidden}.doc-demo .algo-curtain-scrubber>span{background:var(--curtain-purple);position:absolute;inset:0 auto 0 0}.doc-demo .algo-curtain-scrubber input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:-8px 0}.doc-demo .algo-curtain-controls output{color:#64748b;text-align:right;min-width:54px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:719px){.doc-demo .algo-curtain-header{align-items:flex-start}.doc-demo .algo-curtain-heading{gap:8px;display:grid}.doc-demo .algo-curtain-heading>strong{font-size:16px}.doc-demo .algo-curtain-metric{text-align:right;justify-items:end;gap:5px;display:grid}.doc-demo .algo-curtain-body .hwd-stage,.doc-demo .hwd-theatre.algo-curtain-body{min-height:300px}.doc-demo .algo-curtain-narration{grid-template-columns:auto 1fr;padding:14px}.doc-demo .algo-curtain-narration>span{grid-column:2}.doc-demo .algo-curtain-controls{grid-template-columns:40px 44px 40px 1fr auto;padding:12px 14px 16px}.doc-demo .algo-curtain-scrubber{grid-area:2/1/auto/-1}}.doc-demo .hwd-stage{place-items:center;min-width:0;padding:28px 20px 68px;display:grid;position:relative;overflow:hidden}.doc-demo .hwd-stage-grid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.doc-demo .hwd-array-scene,.doc-demo .hwd-char-scene,.doc-demo .hwd-node-scene,.doc-demo .hwd-flow-scene,.doc-demo .hwd-promise-scene,.doc-demo .hwd-promise-pipeline,.doc-demo .hwd-tree-scene,.doc-demo .hwd-sequence-scene{z-index:1;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative}.doc-demo .hwd-array-scene{align-items:flex-end;min-height:150px}.doc-demo .hwd-array-item{color:#93a4bd;text-align:center;gap:5px;min-width:34px;transition:transform .25s;display:grid}.doc-demo .hwd-array-bar{background:#43516a;border-radius:5px 5px 2px 2px;width:100%;min-height:16px;transition:height .28s,background .25s}.doc-demo .hwd-array-item[data-done=true] .hwd-array-bar{background:#39b982}.doc-demo .hwd-array-item[data-active=true]{color:#fff;transform:translateY(-8px)}.doc-demo .hwd-array-item[data-active=true] .hwd-array-bar{background:var(--color-brand);box-shadow:0 0 22px color-mix(in srgb, var(--color-brand) 55%, transparent)}.doc-demo .hwd-array-item small{color:#63718a;font:10px/1 ui-monospace,monospace}.doc-demo .hwd-tree-scene{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(4,54px);gap:12px 22px;width:auto;display:grid;position:relative}.doc-demo .hwd-tree-scene>div{z-index:1;color:#aebbd0;background:#18202e;border:2px solid #40506a;border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .25s,background .25s,transform .25s;display:grid;position:relative}.doc-demo .hwd-tree-scene>div:first-child{grid-column:2/span 2;justify-self:center}.doc-demo .hwd-tree-scene>div:nth-child(2){grid-column:1/span 2;justify-self:center}.doc-demo .hwd-tree-scene>div:nth-child(3){grid-column:3/span 2;justify-self:center}.doc-demo .hwd-tree-scene>div:nth-child(n+4){grid-row:3}.doc-demo .hwd-tree-scene>div[data-state=active]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 18px color-mix(in srgb, var(--color-brand) 32%, transparent);background:#ff8b3d2e;transform:translateY(-4px)}.doc-demo .hwd-tree-scene>div[data-state=done]{color:#73d6ab;border-color:#39b982}.doc-demo .hwd-tree-scene>div[data-empty=true]{opacity:.4;border-style:dashed}.doc-demo .hwd-tree-scene i{background:#40506a;width:1px;height:16px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.doc-demo .hwd-sequence-scene{flex-wrap:wrap}.doc-demo .hwd-sequence-scene>div{color:#8290a6;background:#18202e;border:1px solid #40506a;border-radius:9px;place-items:center;gap:4px;min-width:56px;max-width:100%;min-height:56px;padding:6px 10px;transition:all .25s;display:grid}.doc-demo .hwd-sequence-scene small{font-size:10px}.doc-demo .hwd-sequence-scene strong{color:#d6deeb;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.doc-demo .hwd-sequence-scene>div[data-state=active]{border-color:var(--color-brand);background:#ff8b3d29;transform:translateY(-5px)}.doc-demo .hwd-sequence-scene>div[data-state=done]{border-color:#39b982}.doc-demo .hwd-node-scene,.doc-demo .hwd-flow-scene{flex-wrap:wrap}.doc-demo .hwd-node-scene>div,.doc-demo .hwd-flow-scene>div{color:#8290a6;background:#18202e;border:1px solid #33405a;border-radius:9px;align-items:center;gap:8px;max-width:180px;padding:10px;transition:all .25s;display:flex}.doc-demo .hwd-node-scene>div[data-state=active],.doc-demo .hwd-flow-scene>div[data-state=active]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);transform:translateY(-4px)}.doc-demo .hwd-node-scene p,.doc-demo .hwd-flow-scene p{margin:0;font-size:12px}.doc-demo .hwd-char-scene{flex-wrap:wrap}.doc-demo .hwd-char-scene span{color:#9aabc1;background:#18202e;border:1px solid #33405a;border-radius:5px;place-items:center;width:29px;height:34px;display:grid}.doc-demo .hwd-char-scene span[data-active=true]{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.doc-demo .hwd-char-scene span[data-done=true]{background:color-mix(in srgb, var(--vp-c-brand) 12%, transparent);border-color:color-mix(in srgb, var(--vp-c-brand) 45%, transparent)}.doc-demo .hwd-promise-scene{gap:14px;width:min(100%,650px);display:grid}.doc-demo .hwd-promise-outer{color:#d8e2f1;background:#1b2433;border:1px solid #40506a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.doc-demo .hwd-promise-outer small{color:#91a1b8}.doc-demo .hwd-promise-outer strong{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-promise-outer[data-state=fulfilled]{background:#39b98226;border-color:#39b982;box-shadow:0 0 20px #39b98229}.doc-demo .hwd-promise-outer[data-state=rejected]{background:#f45b6926;border-color:#f45b69;box-shadow:0 0 20px #f45b6929}.doc-demo .hwd-promise-tasks{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.doc-demo .hwd-promise-tasks>div{color:#8290a6;background:#18202e;border:1px solid #33405a;border-radius:9px;gap:5px;min-width:0;padding:10px;transition:border-color .25s,transform .25s,background .25s;display:grid}.doc-demo .hwd-promise-tasks span{color:#d6deeb;font-size:12px}.doc-demo .hwd-promise-tasks strong{text-overflow:ellipsis;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.doc-demo .hwd-promise-tasks small{color:#72829a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.doc-demo .hwd-promise-tasks>div[data-state=pending]{border-color:#d9a441;transform:translateY(-3px)}.doc-demo .hwd-promise-tasks>div[data-state=fulfilled]{color:#73d6ab;background:#39b9821f;border-color:#39b982}.doc-demo .hwd-promise-tasks>div[data-state=rejected]{color:#ff8994;background:#f45b691f;border-color:#f45b69}.doc-demo .hwd-promise-tasks>div[data-state=ignored]{opacity:.48}.doc-demo .hwd-promise-rule{color:#ffbd73;text-align:center;background:#ff8b3d17;border:1px dashed #ff8b3d6b;border-radius:8px;padding:8px 10px;font-size:11px}.doc-demo .hwd-promise-pipeline{flex-wrap:wrap;width:min(100%,680px)}.doc-demo .hwd-promise-pipeline>div{color:#8290a6;background:#18202e;border:1px solid #33405a;border-radius:9px;gap:4px;min-width:104px;padding:10px;transition:border-color .25s,transform .25s,background .25s;display:grid;position:relative}.doc-demo .hwd-promise-pipeline span{color:#718199;font:10px/1 ui-monospace,monospace}.doc-demo .hwd-promise-pipeline strong{font-size:11px}.doc-demo .hwd-promise-pipeline i{z-index:2;color:#63718a;position:absolute;top:50%;right:-9px;transform:translate(50%,-50%)}.doc-demo .hwd-promise-pipeline>div[data-state=active]{color:#fff;border-color:var(--color-brand);background:#ff8b3d21;transform:translateY(-4px)}.doc-demo .hwd-promise-pipeline>div[data-state=done]{color:#73d6ab;border-color:#39b982}.doc-demo .hwd-hmr-scene{z-index:1;gap:14px;width:100%;padding:4px 4px 52px;display:grid;position:relative}.doc-demo .hwd-hmr-lane{grid-template-columns:70px repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.doc-demo .hwd-hmr-lane>span{color:#8290a6;border-right:1px solid #33405a;place-items:center;font-size:11px;display:grid}.doc-demo .hwd-hmr-lane>div{color:#8290a6;background:#18202e;border:1px solid #33405a;border-radius:9px;gap:4px;min-width:0;padding:10px;transition:all .25s;display:grid;position:relative}.doc-demo .hwd-hmr-lane>div:not(:last-child):after{z-index:2;color:#66758d;content:"→";position:absolute;top:50%;right:-8px;transform:translate(50%,-50%)}.doc-demo .hwd-hmr-lane strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.doc-demo .hwd-hmr-lane small{color:#697a93;text-overflow:ellipsis;white-space:nowrap;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.doc-demo .hwd-hmr-lane>div[data-state=active]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);background:#ff8b3d21;transform:translateY(-3px)}.doc-demo .hwd-hmr-lane>div[data-state=done]{color:#73d6ab;border-color:#39b982}.doc-demo .hwd-hmr-result{color:#91a1b8;text-align:center;background:#080c13c7;border:1px solid #2d3950;border-radius:8px;margin:0;padding:9px 12px;font-size:11px}.doc-demo .hwd-hmr-result[data-state=accepted]{color:#73d6ab;border-color:#39b982}.doc-demo .hwd-hmr-result[data-state=reload]{color:#ffb45f;border-color:#d9822b}.doc-demo .hwd-stage-status{z-index:2;color:#d6deeb;background:#080c13db;border:1px solid #2d3950;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.doc-demo .hwd-stage-status span{letter-spacing:.08em;color:#8fa0b7;text-transform:uppercase;flex:none;font-size:10px}.doc-demo .hwd-stage-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.doc-demo .hwd-stage-status em{color:#ffb45f;flex:none;margin-left:auto;font-size:10px}.doc-demo .hwd-code-trace{color:#aebbd0;background:#151c29;border-left:1px solid #2b3549;min-width:0;padding:16px 0}.doc-demo .hwd-code-title{color:#eef3fb;border-bottom:1px solid #293449;justify-content:space-between;padding:0 14px 11px;font-size:12px;display:flex}.doc-demo .hwd-code-title small{color:#718199}.doc-demo .hwd-code-trace ol{margin:0;padding:8px 0;list-style:none}.doc-demo .hwd-code-trace li{border-left:3px solid #0000;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px 12px;display:grid}.doc-demo .hwd-code-trace li[data-active=true]{color:#fff;background:color-mix(in srgb, var(--color-brand) 16%, transparent);border-left-color:var(--color-brand)}.doc-demo .hwd-code-trace li[data-done=true]{color:#6f8098}.doc-demo .hwd-code-trace code{overflow-wrap:anywhere;color:inherit;background:0 0;padding:0}.doc-demo .hwd-theatre.algo-theatre{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.doc-demo .algo-theatre .hwd-code-trace ol{scroll-behavior:smooth;max-height:430px;overflow:auto}.doc-demo .algo-theatre .hwd-code-trace li{padding:5px 12px}.doc-demo .algo-theatre .hwd-code-trace li[data-blank=true]{padding-top:0;padding-bottom:0}.doc-demo .algo-theatre .hwd-code-trace code{color:inherit;overflow-wrap:normal;white-space:pre;background:0 0;border:0;padding:0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-stage.algo-stage{grid-template-rows:auto auto;align-content:start;place-items:stretch stretch;gap:10px;padding:18px 16px 14px;display:grid}.doc-demo .algo-stage .hwd-algo-scene{z-index:1;align-content:start;gap:12px;min-width:0;display:grid;position:relative}.doc-demo .algo-stage .hwd-stage-status{align-items:flex-start;position:static}.doc-demo .algo-stage .hwd-stage-status span{padding-top:2px}.doc-demo .algo-stage .hwd-stage-status strong{white-space:normal;font-size:12px;line-height:1.65;overflow:visible}.doc-demo .hwd-algo-note{color:#ffbd73;text-align:center;background:#ff8b3d17;border:1px dashed #ff8b3d61;border-radius:7px;margin:0;padding:6px 10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-algo-note[data-empty=true]{color:#0000;background:0 0;border-color:#0000}.doc-demo .algo-stage .hwd-array-scene{flex-wrap:wrap;min-height:108px}.doc-demo .hwd-array-item em{min-height:13px;color:var(--color-brand);font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.doc-demo .hwd-array-item[data-focus=true] .hwd-array-bar{background:#4a6ea8}.doc-demo .hwd-array-item[data-focus=true][data-done=true] .hwd-array-bar{background:#39b982}.doc-demo .hwd-aux{gap:9px;display:grid}.doc-demo .hwd-aux-block{background:#080c139e;border:1px solid #283246;border-radius:9px;padding:9px 10px}.doc-demo .hwd-aux-block h5{color:#8fa0b7;margin:0 0 7px;font-size:11px;font-weight:500;line-height:1.4}.doc-demo .hwd-aux-cells{flex-wrap:wrap;gap:6px;display:flex}.doc-demo .hwd-aux-cell{text-align:center;background:#18202e;border:1px solid #33405a;border-radius:7px;gap:3px;min-width:40px;padding:5px 8px;transition:border-color .25s,background .25s,transform .25s;display:grid}.doc-demo .hwd-aux-cell small{color:#66758d;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-aux-cell strong{color:#d6deeb;font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-aux-cell[data-state=active]{border-color:var(--color-brand);background:#ff8b3d26;transform:translateY(-3px)}.doc-demo .hwd-aux-cell[data-state=active] strong{color:#fff}.doc-demo .hwd-aux-cell[data-state=done]{border-color:#39b982}.doc-demo .hwd-aux-cell[data-state=done] strong{color:#73d6ab}.doc-demo .hwd-heap-tree{width:100%;max-height:240px}.doc-demo .hwd-heap-edge{stroke:#40506a;stroke-width:1.5px;transition:stroke .25s}.doc-demo .hwd-heap-edge[data-state=active]{stroke:var(--color-brand);stroke-width:2.5px}.doc-demo .hwd-heap-node circle{fill:#18202e;stroke:#40506a;stroke-width:2px;transition:fill .25s,stroke .25s}.doc-demo .hwd-heap-node text{fill:#aebbd0;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .hwd-heap-node .hwd-heap-index{fill:#63718a;font-size:9px;font-weight:400}.doc-demo .hwd-heap-node[data-state=active] circle{fill:#ff8b3d38;stroke:var(--color-brand)}.doc-demo .hwd-heap-node[data-state=active] text{fill:#fff}.doc-demo .hwd-heap-node[data-state=focus] circle{stroke:#6f8fd0}.doc-demo .hwd-preset-hint{color:var(--color-text-secondary);margin:-2px 0 0;font-size:11px;line-height:1.6}.doc-demo .cross-origin-scene{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;padding:8px 8px 66px;display:flex;position:relative}.doc-demo .cross-origin-scene>div{color:#8290a6;background:#18202e;border:1px solid #33405a;border-radius:10px;gap:5px;min-width:104px;max-width:150px;padding:12px;transition:all .25s;display:grid;position:relative}.doc-demo .cross-origin-scene small{color:#66758d;font:10px/1 ui-monospace,monospace}.doc-demo .cross-origin-scene strong{font-size:12px}.doc-demo .cross-origin-scene i{color:#66758d;position:absolute;top:50%;right:-11px;transform:translate(50%,-50%)}.doc-demo .cross-origin-scene>div[data-state=active]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);background:#ff8b3d24;transform:translateY(-5px)}.doc-demo .cross-origin-scene>div[data-state=done]{color:#73d6ab;border-color:#39b982}.doc-demo .hwd-theatre.sso-theatre{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.doc-demo .sso-sequence{z-index:1;width:100%;min-height:420px;padding:4px 8px 72px;position:relative;overflow-x:auto}.doc-demo .sso-actors,.doc-demo .sso-lifelines,.doc-demo .sso-messages{grid-template-columns:repeat(4,minmax(112px,1fr));min-width:540px;display:grid}.doc-demo .sso-actors{z-index:2;gap:12px;position:relative}.doc-demo .sso-actors>div{color:#aab6c8;background:#18202e;border:1px solid #33405a;border-radius:10px;place-items:center;gap:4px;min-height:64px;padding:8px;transition:all .25s;display:grid}.doc-demo .sso-actors>div[data-active=true]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);background:#ff8b3d24}.doc-demo .sso-actors span{font-size:18px}.doc-demo .sso-actors strong{font-size:12px}.doc-demo .sso-lifelines{pointer-events:none;position:absolute;inset:72px 8px 74px}.doc-demo .sso-lifelines i{border-left:1px dashed #41506a;justify-self:center;width:1px}.doc-demo .sso-messages{z-index:2;grid-auto-rows:42px;margin:14px 0 0;padding:0;list-style:none;position:relative}.doc-demo .sso-messages li{color:#6f7d92;opacity:.25;align-self:center;height:30px;margin:0 12px;transition:opacity .25s,color .25s,transform .25s;position:relative}.doc-demo .sso-messages li small{z-index:2;color:#101722;background:#6f7d92;border-radius:50%;place-items:center;width:18px;height:18px;font:10px/1 ui-monospace,monospace;display:grid;position:absolute;top:4px;left:2px}.doc-demo .sso-messages li span{text-align:center;text-overflow:ellipsis;white-space:nowrap;font:11px/1.4 ui-monospace,monospace;position:absolute;inset:-3px 24px auto;overflow:hidden}.doc-demo .sso-messages li i{background:currentColor;height:1px;position:absolute;top:20px;left:0;right:0}.doc-demo .sso-messages li i:after{content:"";border-top:1px solid;border-right:1px solid;width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.doc-demo .sso-messages li[data-reverse=true] i:after{border-top:0;border-bottom:1px solid;border-left:1px solid;border-right:0;left:0;right:auto}.doc-demo .sso-messages li[data-state=done]{color:#73d6ab;opacity:.7}.doc-demo .sso-messages li[data-state=active]{color:#ffb45f;opacity:1;transform:translateY(-2px)}.doc-demo .sso-messages li[data-state=active] small{color:#fff;background:var(--color-brand)}.doc-demo .sso-state-cards{grid-template-columns:repeat(3,1fr);gap:8px;min-width:540px;margin-top:12px;display:grid}.doc-demo .sso-state-cards span{color:#9caac0;background:#0e1520e0;border:1px solid #33405a;border-radius:8px;gap:3px;padding:8px 10px;font-size:11px;display:grid}.doc-demo .sso-state-cards b{color:#ffb45f;font-size:10px}.doc-demo .cross-origin-result{z-index:2;color:#73d6ab;text-align:center;background:#39b9821c;border:1px solid #39b98273;border-radius:8px;margin:0;padding:7px 10px;font-size:11px;position:absolute;bottom:58px;left:16px;right:16px}.doc-demo .render-tree-scene{z-index:1;grid-template-columns:minmax(160px,1fr) 42px minmax(160px,1fr) 42px minmax(190px,1.1fr);align-items:stretch;gap:8px;width:100%;padding:16px 12px 82px;display:grid;position:relative}.doc-demo .hwd-theatre.rendering-theatre{grid-template-columns:minmax(0,1fr)}.doc-demo .render-tree-scene section{opacity:.38;background:#0f172ae0;border:1px solid #334155;border-radius:10px;padding:10px;transition:all .25s;overflow:hidden;transform:translateY(5px)}.doc-demo .render-tree-scene section[data-active=true]{opacity:1;border-color:#20b486;transform:none}.doc-demo .render-tree-scene .render-output[data-active=true]{border-color:#ff814a}.doc-demo .render-tree-scene header{color:#e2e8f0;justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.doc-demo .render-tree-scene header span{color:#94a3b8;font-size:10px}.doc-demo .render-tree-scene code{color:#e74755;white-space:normal;overflow-wrap:anywhere;background:#fff7df;border-radius:7px;min-height:112px;padding:8px;font-size:10px;line-height:1.55;display:block}.doc-demo .render-mini-tree{color:#cbd5e1;gap:3px;margin-top:9px;font-size:10px;display:grid}.doc-demo .render-mini-tree b{color:#fff}.doc-demo .render-mini-tree i{font-style:normal}.doc-demo .render-mini-tree .will-drop{color:#fca5a5}.doc-demo .render-mini-tree .dropped{color:#f87171;opacity:.72;text-decoration:line-through}.doc-demo .render-output p{color:#fdba74;background:#ff814a21;border-radius:6px;margin:10px 0 0;padding:6px;font-size:10px}.doc-demo .render-node-tree{gap:7px;margin-top:4px;display:grid}.doc-demo .render-branch{gap:7px;padding-left:18px;display:grid;position:relative}.doc-demo .render-branch:before{content:"";background:#475569;width:1px;position:absolute;top:-7px;bottom:12px;left:7px}.doc-demo .render-branch.children{grid-template-columns:1fr 1fr;padding-top:1px}.doc-demo .render-node{color:#dbeafe;background:#172033;border:1px solid #3b82f6;border-radius:7px;gap:2px;padding:7px 8px;display:grid;position:relative}.doc-demo .render-node:before{content:"";background:#475569;width:11px;height:1px;position:absolute;top:50%;left:-12px}.doc-demo .render-node-tree>.render-node:first-child:before{display:none}.doc-demo .render-node b{font-size:10px}.doc-demo .render-node small{color:#93c5fd;font-size:9px}.doc-demo .render-node.muted{color:#94a3b8;border-style:dashed}.doc-demo .render-node.removed{color:#fca5a5;opacity:.6;background:#7f1d1d2e;border-color:#ef4444;text-decoration:line-through}.doc-demo .visual-tree,.doc-demo .visual-tree ul{justify-content:center;margin:0;padding:16px 0 0;list-style:none;display:flex;position:relative}.doc-demo .visual-tree{min-width:100%;padding-top:10px;overflow-x:auto}.doc-demo .visual-tree li{text-align:center;padding:16px 3px 0;position:relative}.doc-demo .visual-tree li:before,.doc-demo .visual-tree li:after{content:"";border-top:1px solid #64748b;width:50%;height:16px;position:absolute;top:0;right:50%}.doc-demo .visual-tree li:after{border-left:1px solid #64748b;left:50%;right:auto}.doc-demo .visual-tree li:only-child:before,.doc-demo .visual-tree li:only-child:after{display:none}.doc-demo .visual-tree li:only-child{padding-top:0}.doc-demo .visual-tree li:first-child:before,.doc-demo .visual-tree li:last-child:after{border:0}.doc-demo .visual-tree li:last-child:before{border-right:1px solid #64748b;border-radius:0 5px 0 0}.doc-demo .visual-tree li:first-child:after{border-radius:5px 0 0}.doc-demo .visual-tree ul:before{content:"";border-left:1px solid #64748b;width:0;height:16px;position:absolute;top:0;left:50%}.doc-demo .visual-tree li>span{color:#dbeafe;white-space:nowrap;background:#172033;border:1px solid #3b82f6;border-radius:6px;gap:2px;min-width:58px;padding:5px 7px;font-size:9px;display:grid}.doc-demo .visual-tree li>span small{color:#93c5fd;font-size:8px}.doc-demo .visual-tree li.muted>span{color:#94a3b8;border-style:dashed}.doc-demo .visual-tree li.will-drop>span{color:#fca5a5;border-color:#ef4444}.doc-demo .cssom-tree li>span{border-color:#a78bfa}.doc-demo .output-tree li>span{border-color:#fb923c}.doc-demo .render-excluded{color:#fca5a5;background:#7f1d1d2e;border:1px dashed #ef4444;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;font-size:9px;display:flex}.doc-demo .render-excluded code{color:#fca5a5;background:#7f1d1d4d;min-height:0;padding:1px 4px}.doc-demo .render-merge-arrow{color:#64748b;text-align:center;opacity:.35;place-content:center;gap:4px;transition:all .25s;display:grid}.doc-demo .render-merge-arrow[data-active=true]{color:#fb923c;opacity:1}.doc-demo .render-merge-arrow span{writing-mode:vertical-rl;font-size:9px}.doc-demo .render-merge-arrow b{font-size:20px}.doc-demo .tls-handshake-scene{z-index:1;width:100%;padding:12px 18px 82px;position:relative}.doc-demo .tls-actors{color:#dbeafe;text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.doc-demo .tls-actors strong{background:#172033;border:1px solid #334155;border-radius:8px;padding:8px}.doc-demo .tls-handshake-scene ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.doc-demo .tls-handshake-scene li{color:#718096;opacity:.42;background:#0f172ab8;border-left:3px solid #334155;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:7px 10px;transition:all .25s;display:grid}.doc-demo .tls-handshake-scene li[data-state=active]{color:#fff;opacity:1;border-color:#fb7c43;transform:translate(4px)}.doc-demo .tls-handshake-scene li[data-state=done]{color:#86efac;opacity:.78;border-color:#22c55e}.doc-demo .tls-handshake-scene li>span{font:11px/1 ui-monospace,monospace}.doc-demo .tls-handshake-scene li div{grid-template-columns:minmax(110px,.7fr) minmax(130px,.7fr) minmax(220px,1.6fr);align-items:center;gap:10px;display:grid}.doc-demo .tls-handshake-scene li small{color:inherit}.doc-demo .tls-handshake-scene li code{color:#e74755;text-overflow:ellipsis;white-space:nowrap;background:#fff7df;border-radius:5px;padding:4px 7px;overflow:hidden}.doc-demo .tls-key-card{color:#86efac;background:#22c55e1a;border:1px solid #22c55e59;border-radius:8px;gap:2px;margin-top:9px;padding:7px 10px;display:grid}.doc-demo .tls-key-card.danger{color:#fca5a5;background:#ef44441a;border-color:#ef444466}.doc-demo .tls-key-card span,.doc-demo .tls-key-card small{font-size:10px}.doc-demo .hwd-theatre.tls-theatre{grid-template-columns:minmax(0,1fr)}.doc-demo .tls-handshake-scene{min-height:560px;padding-inline:32px}.doc-demo .tls-actors{z-index:3;position:relative}.doc-demo .tls-actors strong{color:#f8fafc;border-color:#475569;gap:3px;display:grid}.doc-demo .tls-actors small{color:#94a3b8;font-size:9px;font-weight:400}.doc-demo .tls-lifelines{z-index:0;pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:58px 32px 78px}.doc-demo .tls-lifelines i{background:repeating-linear-gradient(#475569 0 7px,#0000 7px 13px);justify-self:center;width:1px}.doc-demo .tls-handshake-scene ol{z-index:2;gap:14px;padding:12px 0;position:relative}.doc-demo .tls-handshake-scene .tls-sequence-message{background:#111a2a;border:1px solid #334155;border-left:3px solid #475569;border-radius:8px;grid-template-columns:26px minmax(0,1fr);width:68%;min-height:92px;padding:9px 12px;display:grid;position:relative}.doc-demo .tls-handshake-scene .tls-sequence-message:after{content:"";opacity:.7;background:currentColor;width:43%;height:2px;position:absolute;top:50%}.doc-demo .tls-handshake-scene .tls-sequence-message:before{z-index:2;content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;position:absolute;top:calc(50% - 5px)}.doc-demo .tls-handshake-scene .tls-sequence-message.b2s,.doc-demo .tls-handshake-scene .tls-sequence-message.b2ca{justify-self:start;margin-left:2%}.doc-demo .tls-handshake-scene .tls-sequence-message.b2s:after{left:96%}.doc-demo .tls-handshake-scene .tls-sequence-message.b2s:before{border-left:9px solid;right:-41%}.doc-demo .tls-handshake-scene .tls-sequence-message.s2b{justify-self:end;margin-right:2%}.doc-demo .tls-handshake-scene .tls-sequence-message.s2b:after{right:96%}.doc-demo .tls-handshake-scene .tls-sequence-message.s2b:before{border-right:9px solid;left:-41%}.doc-demo .tls-handshake-scene .tls-sequence-message.b2ca{width:48%}.doc-demo .tls-handshake-scene .tls-sequence-message.b2ca:after{width:52%;left:96%}.doc-demo .tls-handshake-scene .tls-sequence-message.b2ca:before{border-left:9px solid;right:-47%}.doc-demo .tls-handshake-scene .tls-sequence-message.derive,.doc-demo .tls-handshake-scene .tls-sequence-message.local{border-style:dashed;justify-self:center;width:72%}.doc-demo .tls-handshake-scene .tls-sequence-message.derive:before,.doc-demo .tls-handshake-scene .tls-sequence-message.derive:after,.doc-demo .tls-handshake-scene .tls-sequence-message.local:before,.doc-demo .tls-handshake-scene .tls-sequence-message.local:after{display:none}.doc-demo .tls-handshake-scene .tls-sequence-message.bidir{color:#86efac;border-color:#22c55e;justify-self:center;width:84%}.doc-demo .tls-handshake-scene .tls-sequence-message.bidir:after{width:auto;left:8%;right:8%}.doc-demo .tls-handshake-scene .tls-sequence-message.bidir:before{border-left:9px solid;right:6%}.doc-demo .tls-handshake-scene .tls-sequence-message>div{grid-template-columns:minmax(150px,.6fr) minmax(300px,1.4fr);gap:7px 12px;display:grid}.doc-demo .tls-handshake-scene .tls-sequence-message code{z-index:3;text-overflow:clip;white-space:normal;line-height:1.5;position:relative;overflow:visible}.doc-demo .tls-handshake-scene .tls-sequence-message p{color:#cbd5e1;background:#0f172ae0;border-left:2px solid #64748b;border-radius:4px;grid-column:1/-1;margin:0;padding:7px 9px;font-size:11px;line-height:1.65}.doc-demo .tls-handshake-scene .tls-sequence-message[data-state=active] p{color:#fff7ed;border-left-color:#fb923c}.doc-demo .tls-handshake-scene .tls-sequence-message[data-state=idle]:before,.doc-demo .tls-handshake-scene .tls-sequence-message[data-state=idle]:after{opacity:.18}@media (max-width:719px){.doc-demo .hwd-theatre,.doc-demo .hwd-theatre.algo-theatre{grid-template-columns:1fr}.doc-demo .algo-stage .hwd-array-scene{gap:6px}.doc-demo .hwd-array-item{min-width:28px}.doc-demo .hwd-heap-tree{max-height:190px}.doc-demo .hwd-aux-cell{min-width:34px;padding:4px 6px}.doc-demo .render-tree-scene{grid-template-columns:1fr}.doc-demo .render-merge-arrow{grid-auto-flow:column}.doc-demo .render-merge-arrow span{writing-mode:initial}.doc-demo .tls-handshake-scene li div{grid-template-columns:1fr;gap:3px}.doc-demo .hwd-code-trace{border-top:1px solid #2b3549;border-left:0}.doc-demo .hwd-promise-tasks{grid-template-columns:1fr}.doc-demo .hwd-promise-pipeline{align-items:stretch}.doc-demo .hwd-promise-pipeline>div{flex:calc(50% - 8px)}.doc-demo .hwd-hmr-lane{grid-template-columns:1fr 1fr}.doc-demo .hwd-hmr-lane>span{border-bottom:1px solid #33405a;border-right:0;grid-column:1/-1;padding-bottom:4px}}.doc-demo .hwd-steps{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.doc-demo .hwd-steps li{color:var(--color-text-secondary);background:var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:9px;align-items:flex-start;gap:10px;padding:9px 10px;display:flex;position:relative}.doc-demo .hwd-steps li:not(:last-child):after{background:var(--border-primary-color);content:"";width:2px;position:absolute;top:34px;bottom:-10px;left:21px}.doc-demo .hwd-steps li[data-state=done]:not(:last-child):after{background:var(--color-brand)}.doc-demo .hwd-steps li>span{width:24px;height:24px;color:var(--color-text-secondary);border:1px solid var(--border-primary-color);border-radius:50%;flex:0 0 24px;place-items:center;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.doc-demo .hwd-steps li[data-state=active]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-brand) 9%, var(--card-bg));border-color:color-mix(in srgb, var(--color-brand) 45%, var(--border-primary-color));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 9%, transparent);transition:transform .22s,box-shadow .22s,background .22s;transform:translate(2px)}.doc-demo .hwd-steps li[data-state=active]>span,.doc-demo .hwd-steps li[data-state=done]>span{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.doc-demo .hwd-steps p{margin:0}.doc-demo .hwd-output pre{word-break:break-word;white-space:pre-wrap;box-sizing:border-box;height:168px;margin:0;overflow:auto}@media (max-width:719px){.doc-demo .hwd-theatre.sso-theatre{grid-template-columns:1fr}.doc-demo .sso-sequence{min-height:400px;padding-left:0;padding-right:0}.doc-demo .hwd-actions .dd-btn,.doc-demo .hwd-playback .dd-btn{flex:calc(50% - 4px);min-height:44px}}@media (prefers-reduced-motion:reduce){.doc-demo .hwd-progress-track>span,.doc-demo .hwd-steps li[data-state=active],.doc-demo .hwd-array-item,.doc-demo .hwd-array-bar,.doc-demo .hwd-aux-cell,.doc-demo .hwd-heap-edge,.doc-demo .hwd-heap-node circle,.doc-demo .sso-actors>div,.doc-demo .sso-messages li{transition:none}.doc-demo .hwd-steps li[data-state=active],.doc-demo .hwd-array-item[data-active=true],.doc-demo .hwd-aux-cell[data-state=active]{transform:none}}.doc-demo .dd-input,.doc-demo .dd-textarea{width:100%;color:var(--color-text-primary);background:var(--input-bg);border:1px solid var(--input-border);box-sizing:border-box;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .15s;display:block}.doc-demo .dd-textarea{resize:vertical}.doc-demo .dd-input:focus,.doc-demo .dd-textarea:focus{border-color:var(--color-brand)}.doc-demo .dd-btn{color:var(--color-text-primary);cursor:pointer;background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.doc-demo .dd-btn:hover{border-color:var(--color-brand)}.doc-demo .dd-btn-primary{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.doc-demo .dd-btn-primary:hover{filter:brightness(1.06)}.doc-demo .dd-seg{background:var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.doc-demo .dd-seg-item{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,color .15s}.doc-demo .dd-seg-item:hover{color:var(--color-text-primary)}.doc-demo .dd-seg-item[data-active=true]{color:#fff;background:var(--color-brand)}.doc-demo .dd-switch{width:100%;color:inherit;text-align:left;cursor:pointer;background:var(--card-bg);border:1px solid var(--border-primary-color);border-radius:9px;align-items:flex-start;gap:10px;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s;display:flex}.doc-demo .dd-switch+.dd-switch{margin-top:8px}.doc-demo .dd-switch:hover{border-color:color-mix(in srgb, var(--color-brand) 45%, var(--border-primary-color))}.doc-demo .dd-switch[data-on=true]{background:color-mix(in srgb, var(--color-brand) 6%, var(--card-bg));border-color:color-mix(in srgb, var(--color-brand) 40%, var(--border-primary-color))}.doc-demo .dd-switch-knob{background:var(--color-gray-200,#d9d9d9);border-radius:999px;flex:none;width:32px;height:18px;margin-top:2px;transition:background .18s;position:relative}.doc-demo .dd-switch-knob:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.doc-demo .dd-switch[data-on=true] .dd-switch-knob{background:var(--color-brand)}.doc-demo .dd-switch[data-on=true] .dd-switch-knob:after{transform:translate(14px)}.doc-demo .dd-switch-text{min-width:0}.doc-demo .dd-switch-name{color:var(--color-text-primary);font-weight:500;display:block}.doc-demo .dd-switch-note{color:var(--color-text-secondary);margin-top:2px;font-size:12px;line-height:1.6;display:block}.doc-demo .dd-ok{color:#16a34a}.doc-demo .dd-warn{color:#d97706}.doc-demo .dd-bad{color:#dc2626}.doc-demo .dd-tag{border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-block}.doc-demo .dd-tag-ok{color:#16a34a;background:#16a34a1f}.doc-demo .dd-tag-warn{color:#d97706;background:#d9770624}.doc-demo .dd-tag-bad{color:#dc2626;background:#dc26261f}.doc-demo .dd-code{color:#e6e6e6;white-space:pre;background:#282c34;border-radius:9px;margin:0;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.75;overflow-x:auto}.doc-demo .dd-code .dd-code-dim{color:#7f848e}.doc-demo .dd-code .dd-code-key{color:#e5c07b}.doc-demo .dd-code .dd-code-str{color:#98c379}.doc-demo .dd-code .dd-code-bad{color:#e06c75}.doc-demo .dd-serp{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:14px 16px}.doc-demo .dd-serp-url{color:#4d5156;margin-bottom:3px;font-size:12.5px}.doc-demo .dd-serp-title{color:#1a0dab;word-break:break-word;font-size:19px;line-height:1.35}.doc-demo .dd-serp-desc{color:#4d5156;word-break:break-word;margin-top:4px;font-size:13.5px;line-height:1.6}.doc-demo .dd-serp-cut{color:#c4302b;background:#dc26261a;text-decoration:line-through}.doc-demo .dd-meter{background:var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:999px;height:8px;overflow:hidden}.doc-demo .dd-meter-fill{border-radius:999px;height:100%;transition:width .35s,background .35s}.doc-demo .dd-stage{background:repeating-conic-gradient(#80808014 0% 25%, transparent 0% 50%) 50% / 18px 18px, var(--bg-base-gray);border:1px solid var(--border-primary-color);border-radius:10px;justify-content:center;align-items:center;min-height:190px;padding:14px;display:flex}.doc-demo .dd-stage img{background:#fff;border-radius:6px;max-width:100%;height:auto}.doc-demo .dd-reader{color:#d7e3ff;background:#1f2937;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:13px;line-height:1.65;display:flex}.doc-demo .dd-reader-icon{flex:none;font-size:15px}.doc-demo .dd-reader-quote{color:#fff;font-weight:600}.doc-demo .dd-reader-mute{color:#9aa5b8}.doc-demo .dd-grid{border:1px solid var(--border-primary-color);border-radius:10px;grid-template-columns:88px 1fr 1fr;font-size:12.5px;display:grid;overflow:hidden}.doc-demo .dd-grid-cell{border-right:1px solid var(--border-primary-color);border-bottom:1px solid var(--border-primary-color);padding:8px 10px}.doc-demo .dd-grid-cell[data-head=true]{color:var(--color-text-primary);background:var(--bg-base-gray);font-weight:600}.doc-demo .pf-stage{align-content:start;justify-items:stretch;padding:20px 16px 68px}.doc-demo .pf-scene{z-index:1;align-content:start;gap:12px;width:100%;display:grid;position:relative}.markdown-body .doc-demo .hwd-code-trace li code{overflow-wrap:anywhere;color:inherit;background:0 0;border-radius:0;margin:0;padding:0;font-size:11.5px}.markdown-body .doc-demo .pf-message code{color:#ffd8bd;background:#ff8b3d1f;border-radius:6px;margin:0;padding:3px 7px;font-size:11px}.markdown-body .doc-demo .pf-message[data-tone=return] code{color:#a9e9cd;background:#39b98221}.markdown-body .doc-demo .pf-message[data-tone=block] code{color:#ffb3ba;background:#f45b6921}.doc-demo .pf-actors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.doc-demo .pf-actor{color:#8290a6;text-align:center;background:#18202e;border:1px solid #33405a;border-radius:10px;gap:3px;min-width:96px;max-width:168px;padding:9px 11px;transition:transform .24s,border-color .24s,background .24s;display:grid}.markdown-body .doc-demo .pf-actor strong{color:inherit;text-overflow:ellipsis;font:600 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.doc-demo .pf-theatre .hwd-code-trace ol{max-height:440px;overflow:auto}.doc-demo .pf-actor small{color:#66758d;font-size:10px}.doc-demo .pf-actor[data-state=active]{color:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);background:#ff8b3d24;transform:translateY(-4px)}.doc-demo .pf-actor[data-state=done]{color:#73d6ab;border-color:#39b982}.doc-demo .pf-message{color:#cbd5e1;background:#080c13b8;border:1px dashed #3a475f;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.doc-demo .pf-message span{color:#9aabc1}.doc-demo .pf-message i{color:var(--color-brand);font-style:normal}.doc-demo .pf-message code{overflow-wrap:anywhere;color:#ffd8bd;background:#ff8b3d1f;border-radius:6px;padding:3px 7px;font-size:11px}.doc-demo .pf-message-idle{color:#6b7a91}.doc-demo .pf-message[data-tone=return]{border-color:#39b9828c}.doc-demo .pf-message[data-tone=return] i{color:#39b982}.doc-demo .pf-message[data-tone=return] code{color:#a9e9cd;background:#39b98221}.doc-demo .pf-message[data-tone=block]{border-color:#f45b698c}.doc-demo .pf-message[data-tone=block] i{color:#f45b69}.doc-demo .pf-message[data-tone=block] code{color:#ffb3ba;background:#f45b6921}.doc-demo .pf-state{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;display:grid}.doc-demo .pf-state-item{background:#151d2a;border:1px solid #2d3950;border-radius:8px;gap:3px;min-width:0;padding:8px 10px;transition:border-color .24s,background .24s;display:grid}.doc-demo .pf-state-item small{color:#7b8aa1;font-size:10px}.doc-demo .pf-state-item strong{overflow-wrap:anywhere;color:#d6deeb;font:600 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.doc-demo .pf-state-item[data-changed=true]{border-color:var(--color-brand);background:#ff8b3d1a}.doc-demo .pf-state-item[data-changed=true] strong{color:#fff}@media (max-width:719px){.doc-demo .pf-actor{flex:calc(50% - 8px);min-width:0;max-width:none}.doc-demo .pf-state{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.doc-demo .pf-actor,.doc-demo .pf-state-item{transition:none}.doc-demo .pf-actor[data-state=active]{transform:none}}:root[data-theme=dark] .doc-demo .dd-serp{background:#202124;border-color:#3c4043}:root[data-theme=dark] .doc-demo .dd-serp-title{color:#8ab4f8}:root[data-theme=dark] .doc-demo .dd-serp-url,:root[data-theme=dark] .doc-demo .dd-serp-desc{color:#bdc1c6}:root[data-theme=dark] .doc-demo .dd-switch-knob{background:#4b5057}:root[data-theme=dark] .doc-demo .dd-stage img{background:#f5f5f5}@media (max-width:719px){.doc-demo .dd-body{padding:12px}.doc-demo .dd-col{flex-basis:100%}.doc-demo .dd-grid{grid-template-columns:66px 1fr 1fr}.doc-demo .dd-serp-title{font-size:17px}}@media print{.doc-demo,.content__default [data-doc-demo]{display:none}}.doc-demo .canvas-particle-lab{gap:12px;display:grid}.doc-demo .canvas-particle-lab canvas{touch-action:none;border:1px solid var(--border-primary-color);background:radial-gradient(circle at 50% 40%,#f3f0ff,#fbfcff 65%);border-radius:12px;width:100%;height:320px}.doc-demo .canvas-particle-lab output{color:var(--color-text-secondary);margin-left:auto;font:600 12px/1 ui-monospace,monospace}.doc-demo .canvas-particle-lab p{color:var(--color-text-secondary);margin:0;font-size:12px}.doc-demo .canvas-topic-lab{gap:14px;display:grid}.doc-demo .canvas-topic-slider{color:var(--text-secondary);grid-template-columns:minmax(92px,auto) minmax(120px,1fr) 48px;align-items:center;gap:12px;font-size:13px;font-weight:650;display:grid}.doc-demo .canvas-topic-slider input{accent-color:#8b5cf6;width:100%}.doc-demo .canvas-topic-slider output{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-primary);text-align:right}.doc-demo .canvas-topic-lab canvas{border:1px solid color-mix(in srgb, var(--border-color) 80%, #8b5cf6);touch-action:none;border-radius:12px;width:100%;height:250px;display:block}.doc-demo .canvas-topic-lab .dd-mono{min-height:20px;color:var(--text-secondary);overflow-wrap:anywhere;margin:10px 0 0;font-size:12px}@media (max-width:640px){.doc-demo .canvas-topic-slider{grid-template-columns:1fr 44px}.doc-demo .canvas-topic-slider span{grid-column:1/-1}.doc-demo .canvas-topic-lab canvas{height:220px}}.doc-demo .learning-runtime-lab{gap:14px;display:grid}.doc-demo .learning-runtime-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:14px;display:grid}.doc-demo .learning-runtime-stage{background:color-mix(in srgb, var(--bg-secondary) 92%, #8b5cf6);border:1px solid var(--border-color);border-radius:12px;min-width:0;padding:16px}.doc-demo .learning-runtime-actors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.doc-demo .learning-runtime-actors>div{min-width:0;color:var(--text-secondary);text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;gap:4px;padding:10px;transition:all .22s;display:grid}.doc-demo .learning-runtime-actors>div[data-active=true]{color:#6d28d9;background:color-mix(in srgb, #8b5cf6 12%, var(--bg-primary));border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.doc-demo .learning-runtime-actors span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.doc-demo .learning-runtime-stage dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.doc-demo .learning-runtime-stage dl>div{background:var(--bg-primary);border-radius:8px;min-width:0;padding:9px 10px}.doc-demo .learning-runtime-stage dt{color:var(--text-secondary);font-size:11px}.doc-demo .learning-runtime-stage dd{font:650 12px/1.45 var(--font-mono,ui-monospace, monospace);color:var(--text-primary);overflow-wrap:anywhere;margin:4px 0 0}.doc-demo .learning-runtime-action{min-height:48px;color:var(--text-primary);background:color-mix(in srgb, #8b5cf6 8%, var(--bg-primary));border-left:3px solid #8b5cf6;border-radius:8px;margin:0;padding:12px 14px}.doc-demo .learning-runtime-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.doc-demo .learning-runtime-controls button,.doc-demo .learning-runtime-controls select{min-height:36px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px}.doc-demo .learning-runtime-controls button:disabled{cursor:not-allowed;opacity:.4}.doc-demo .learning-runtime-controls input{accent-color:#8b5cf6;flex:150px;min-width:120px}.doc-demo .learning-runtime-controls span{min-width:44px;font:650 12px/1 var(--font-mono,ui-monospace, monospace)}@media (max-width:720px){.doc-demo .learning-runtime-grid,.doc-demo .learning-runtime-stage dl{grid-template-columns:1fr}}@media (max-width:719px){.doc-demo .canvas-particle-lab canvas{height:240px}.doc-demo .canvas-particle-lab output{width:100%;margin:4px 0 0}}