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