@charset "UTF-8";
:root{--paper:#f3f1e9;--surface:#faf9f4;--ink:#24352e;--muted:#787e70;--line:#d9dcd0;--orange:#c65a36;--orange-light:#f2e5d8;--green:#2d5146;--code:#2c3e36;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;--line-height:23px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select,input{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}textarea:focus-visible{outline:none}::selection{background:#eac7ac;color:#263a2c}[hidden]{display:none!important}.shell{max-width:1680px;padding:0 40px;margin:0 auto}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:26px}.wordmark{display:flex;align-items:center;gap:11px;letter-spacing:1.7px;font-size:22px;font-weight:650;text-decoration:none;position:relative}.wordmark svg{width:33px;height:35px;fill:none;stroke:var(--ink);stroke-width:1.2}.wordmark-dot{font-size:9px;align-self:flex-start;margin-top:3px;margin-left:-7px}.edition{font:9px var(--mono);letter-spacing:1.5px;display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:25px;color:#616d60}.status-dot,.mini-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#738363}.masthead nav{display:flex;align-items:center;gap:24px}.text-button{padding:4px 0;font-size:12px;white-space:nowrap;text-align:left}.text-button:hover{color:var(--orange)}.text-button span{margin-left:6px}.edition-number{font:10px var(--mono);letter-spacing:1px;border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}.intro{padding:32px 0 33px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow,.small-label{font:9px/1.4 var(--mono);letter-spacing:1.3px;color:var(--muted)}.eyebrow{margin:0 0 12px}.intro h1{font:46px/1.15 var(--serif);letter-spacing:-1.8px;font-weight:400;margin:0}.intro h1 em{font-weight:400;color:#62705e}.intro-action{display:flex;align-items:flex-end;gap:28px}.intro-action p{font-size:12px;line-height:1.6;margin:0;color:#6c7466}.watch-button{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--ink);color:#f2f0e3;font-size:11px;white-space:nowrap;transition:background .2s,transform .2s}.watch-button:hover{background:#3b5143;transform:translateY(-1px)}.play-triangle{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #d5b891}.duration{font:8px var(--mono);letter-spacing:.5px;margin-left:12px;color:#b6c1af}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#eaece2;margin-bottom:28px}.stage{display:flex;align-items:center;gap:13px;text-align:left;padding:16px 20px;min-width:0;position:relative;border-right:1px solid var(--line);transition:background .2s}.stage:last-child{border-right:0}.stage:hover{background:#f9f8f1}.stage.selected{background:var(--surface)}.stage.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.stage-number{font:10px var(--mono);color:#8a927e}.stage.selected .stage-number{color:var(--orange)}.stage-name{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}.stage-name small{display:block;font:9px var(--mono);color:#8a907f;margin-top:5px}.stage-arrow{margin-left:auto;font-size:18px;color:#96a18b;font-weight:300}.stage-live{width:6px;height:6px;border:1px solid #6a8467;border-radius:50%;margin-left:auto}.stage.touring{box-shadow:inset 0 0 0 1px var(--orange);background:var(--orange-light)}.stage.error-stage{background:#f3e2d9}.workbench-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;gap:20px}.example-control{display:flex;align-items:center;gap:15px;min-width:0}.select-wrap{position:relative}.select-wrap select{appearance:none;background:none;border:0;font:17px var(--serif);padding:6px 30px 6px 0;cursor:pointer;color:var(--ink);max-width:250px}.select-wrap>span{position:absolute;right:10px;top:5px;pointer-events:none;color:#788070}.concept{font:9px var(--mono);color:#8a907f;border-left:1px solid var(--line);padding-left:14px;white-space:nowrap}.execution-controls{display:flex;align-items:center;gap:7px}.auto-label{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;cursor:pointer}.auto-label input{position:absolute;opacity:0;pointer-events:none}.switch{width:23px;height:13px;background:#c9cec2;border-radius:10px;position:relative;transition:background .2s}.switch:before{content:"";position:absolute;width:9px;height:9px;top:2px;left:2px;background:white;border-radius:50%;transition:transform .2s}.auto-label input:checked+.switch{background:#6f836c}.auto-label input:checked+.switch:before{transform:translateX(10px)}.auto-label input:focus-visible+.switch{outline:2px solid var(--orange);outline-offset:4px}.toolbar-divider{height:19px;width:1px;background:var(--line);margin:0 7px}.control{border:1px solid var(--line);padding:7px 11px;font-size:11px;white-space:nowrap;min-height:33px}.control:hover:not(:disabled){background:#e8eadd;border-color:#bbc4b1}.control>span{font-size:15px;margin-right:4px;line-height:1}.icon-control{padding:4px 10px;font-size:23px;line-height:1;min-width:33px;min-height:33px}.run-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#f6f4e8;padding:8px 16px;font-size:11px;min-width:77px;min-height:33px}.run-button:hover:not(:disabled){background:#456654}#run-icon{font-size:10px}.run-button.is-running{background:var(--orange)}.workbench{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.71fr) minmax(0,1fr);border:1px solid #b8c1ae;background:var(--surface);height:472px;box-shadow:0 7px 16px #29342b05}.panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}.source-panel,.inspector-panel{border-right:1px solid var(--line)}.panel-heading{height:42px;min-height:42px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.1px;background:#f7f7ef}.panel-heading>div{display:flex;align-items:center;gap:8px}.file-dot{display:inline-block;width:6px;height:8px;border:1px solid #87917b;border-radius:1px}.muted-button{color:#87907e;padding:5px 0;font:9px var(--mono)}.muted-button:hover{color:var(--orange)}#modified{color:var(--orange)}.editor-shell{position:relative;flex:1;display:flex;min-height:0;overflow:hidden;background:#faf9f3}.editor-text{flex:1;min-width:0;position:relative;overflow:hidden}.editor-text textarea,.code-highlight{font:12px/var(--line-height) var(--mono);tab-size:2;letter-spacing:-.13px;padding:17px 18px 28px 9px;border:0;margin:0;white-space:pre;overflow-wrap:normal}.editor-text textarea{position:absolute;inset:0;resize:none;outline:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--ink);overflow:auto;z-index:2;border-radius:0}.editor-text textarea::selection{background:#d5b68d50}.code-highlight{position:absolute;top:0;left:0;min-width:100%;pointer-events:none;color:var(--code)}.code-line{display:block;min-height:var(--line-height);position:relative;isolation:isolate}.code-line:before{content:"";position:absolute;inset:0 -1000px 0 -9px;z-index:-1;pointer-events:none}.code-line.active:before{background:#eceddc}.code-line.error:before{background:#f4e1d8}.code-line.chosen:before{background:#efe6d6}.token-keyword{color:#a3673f}.token-number{color:#ae6b54}.token-string{color:#6c844d}.token-comment{color:#9caa95;font-style:italic}.token-operator{color:#808875}.token-call{color:#3e6e6a}.line-gutter{width:45px;flex:0 0 45px;overflow:clip;background:#f5f5ed;user-select:none;z-index:3;border-right:1px solid #eaecdf}.line-gutter>div{padding-top:17px;padding-bottom:28px}.line-gutter button{display:block;position:relative;width:100%;height:var(--line-height);font:10px/var(--line-height) var(--mono);text-align:right;padding:0 9px 0 0;color:#acb2a0}.line-gutter button:hover{color:var(--orange);background:#e9ebdf}.line-gutter button.breakpoint{color:var(--orange)}.line-gutter button.breakpoint:before{content:"";position:absolute;left:5px;top:9px;width:5px;height:5px;background:var(--orange);border-radius:50%}.line-gutter button.active{background:#e6e9d7;color:#687357}.line-gutter button.error-line{color:var(--orange);background:#f4e1d8}.editor-footer{height:29px;min-height:29px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.1px;color:#838e77;background:#f5f6ed}.editor-footer .mini-dot{width:4px;height:4px;margin-right:4px}.editor-footer.has-error{color:var(--orange)}.inspector-tabs{height:42px;min-height:42px;display:grid;grid-template-columns:1fr 1fr 1.2fr;border-bottom:1px solid var(--line);background:#f0f2e9}.inspector-tabs button{font:10px var(--mono);padding:0 5px;color:#8c927e;position:relative}.inspector-tabs button[aria-selected=true]{color:var(--ink);background:#faf9f3}.inspector-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:#74846a}.inspector-tabs button:hover{color:var(--ink)}.inspector-caption{display:flex;justify-content:space-between;padding:13px 14px 11px;font:8px var(--mono);letter-spacing:1px;color:#909b82;border-bottom:1px dashed #e0e4d6}.inspector-body{flex:1;overflow:auto;min-height:0;padding:9px 0;scrollbar-width:thin;scrollbar-color:#cdd3c1 transparent}.inspector-footer{min-height:29px;height:29px;padding:8px 12px;border-top:1px solid var(--line);font:8px var(--mono);color:#8b947f;background:#f4f5ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instruction{display:flex;align-items:center;width:100%;font:10px/1.5 var(--mono);height:24px;padding:0 13px;gap:10px;text-align:left;position:relative}.instruction:hover,.tree-node:hover{background:#eeeee0}.instruction.current{background:#e5e9d7}.instruction.current:before{content:"";position:absolute;left:0;top:6px;width:2px;height:12px;background:#678358}.instruction.matched{background:#f0e6d7}.instruction-address{color:#a8b197;width:26px;flex-shrink:0;font-size:9px}.instruction-op{font-weight:600;color:#536749;min-width:65px;font-size:9px}.instruction-op.call{color:#9d6b49}.instruction-arg{overflow:hidden;text-overflow:ellipsis;color:#6e7860;white-space:nowrap;flex:1;font-size:9px}.instruction-line{font-size:8px;color:#a8b197;margin-left:auto}.token-group{padding:6px 13px 10px;border-bottom:1px dotted #e0e4d6}.token-group>span{font:8px var(--mono);color:#a1ab95;margin-right:6px}.token-chip{display:inline-block;max-width:100%;padding:3px 5px;margin:2px 0;border:1px solid #dde3d1;border-radius:3px;background:#f3f5eb;font:10px var(--mono);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.token-chip[data-type=number]{background:#f1e9db;border-color:#e9dbc4;color:#aa714c}.token-chip[data-type=keyword]{background:#eaeedd;color:#6d7e52}.token-chip[data-type=string]{color:#568576}.token-group.current{background:#eeeade}.token-chip:hover{border-color:var(--orange)}.tree-node{display:flex;align-items:center;width:100%;text-align:left;min-height:26px;font:9px var(--mono);white-space:nowrap;gap:5px;color:#687856;padding:3px 10px}.tree-branch{color:#bbc6ad;font-size:12px}.tree-type{color:#4d6350}.tree-value{color:#a46d47;overflow:hidden;text-overflow:ellipsis}.tree-node.current{background:#ecebdc}.inspector-empty{padding:30px 18px;color:#949e87;font:11px/1.8 var(--mono)}.output-panel{background:#142624}.output-panel .panel-heading{background:#142624;color:#cbd4bf;border-bottom:1px solid #ccd9b919}.output-indicator{width:5px;height:5px;border-radius:50%;background:#afba83}.canvas-export{font-size:17px;color:#a2b394;padding:4px 0 4px 12px}.canvas-export:hover{color:#efd0a1}.canvas-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#142624}.canvas-stage canvas{display:block;aspect-ratio:1/1;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:100%}.canvas-coordinate{position:absolute;font:7px var(--mono);letter-spacing:1px;color:#acba956b;z-index:2;pointer-events:none}.top-left{top:12px;left:16px}.top-right{top:12px;right:16px}.bottom-left{bottom:10px;left:16px}.bottom-right{bottom:10px;right:16px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:33px;height:33px;border-top:1px solid #ccd9b919;padding:0 15px;font:8px var(--mono);color:#9bad8e;background:#142624}.canvas-footer>div{display:flex;gap:6px;align-items:center}#execution-status{font-size:7px;letter-spacing:.8px}.live-dot{height:4px;width:4px;background:#9db189;border-radius:50%}.live-dot.running{background:#e8b77b;animation:pulse 1s infinite}.live-dot.error{background:#e48c67}.speed-control{display:flex;align-items:center;gap:4px;color:#789172;font-size:8px}.speed-control select{background:#142624;color:#b8c6a5;border:0;font:8px var(--mono);padding:2px 0}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#92a287;padding:35px;text-align:center}.canvas-empty>span{font:40px var(--serif);color:#768e713d}.canvas-empty p{font:10px/1.7 var(--mono);max-width:230px}.experiment-note{display:flex;gap:13px;align-items:center;min-height:46px;font-size:10px;color:#737e68}.experiment-note .small-label{font-size:8px;white-space:nowrap}.experiment-note>span:last-child{margin-left:auto;font:8px var(--mono);color:#97a08a;white-space:nowrap}.timeline{border:1px solid var(--line);margin-top:7px;padding:16px 20px 13px;background:#eeefe5}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.timeline-heading>div{display:flex;align-items:center;gap:10px}.timeline-symbol{font-size:21px;line-height:1;color:#849373}.timeline-heading strong{font:italic 17px var(--serif);font-weight:400}.timeline-subtitle{font-size:10px;color:#8c9680;margin-left:8px}.timeline-position{font:9px var(--mono);white-space:nowrap}#snapshot-state{font:7px var(--mono);letter-spacing:1px;background:#dee5cf;color:#667a51;padding:3px 5px}#snapshot-state.past{background:#f0ddc6;color:#a56539}.timeline-main{display:flex;align-items:center;gap:10px;padding:5px 0 3px}.history-button{font:22px var(--mono);color:#7b8c6b;padding:3px 0;min-width:24px;min-height:33px}.history-button:hover:not(:disabled){color:var(--orange)}.scrubber{height:39px;position:relative;flex:1}#history-chart{position:absolute;inset:0 0 8px;width:100%;height:30px;overflow:visible}#history-area{fill:#d8dfc9;stroke:none}#history-line{fill:none;stroke:#a7b399;stroke-width:1;vector-effect:non-scaling-stroke}#history{position:absolute;bottom:0;left:0;width:100%;margin:0;appearance:none;background:transparent;height:18px;cursor:ew-resize;accent-color:#6b8057}#history::-webkit-slider-runnable-track{height:2px;background:#b7c3a6}#history::-webkit-slider-thumb{appearance:none;width:8px;height:18px;border:2px solid #eeefe5;background:#657c55;border-radius:0;margin-top:-8px;box-shadow:0 0 0 1px #657c55}#history::-moz-range-track{height:2px;background:#b7c3a6}#history::-moz-range-thumb{width:6px;height:17px;background:#657c55;border:2px solid #eeefe5;border-radius:0}.timeline-meta{display:flex;justify-content:space-between;font:8px var(--mono);color:#97a28a;padding:3px 0 0}.runtime{display:grid;grid-template-columns:1fr .85fr 1.1fr;gap:28px;padding:29px 0 27px}.runtime-card{min-width:0}.runtime-card>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd5c0;padding:0 0 10px;margin-bottom:10px}.runtime h2{font:16px var(--serif);margin:0;font-weight:400}.runtime-card header .small-label{font-size:7px}.runtime select{border:0;background:none;color:#7f8d71;font:8px var(--mono);padding:2px;max-width:150px}.locals-table{height:164px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd3c1 transparent}.local-row{display:flex;align-items:center;gap:14px;font:10px var(--mono);min-height:29px;border-bottom:1px dotted #d9dfd0}.local-name{min-width:60px;color:#637855}.local-scope{font:7px var(--mono);color:#a3ad96;background:#e7eadf;padding:2px 4px}.local-value{color:#ab744c;text-align:right;margin-left:auto;max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-note{font:10px/1.8 var(--mono);color:#9ca98f;margin:12px 0 4px}.stack-values{display:flex;flex-wrap:wrap;gap:5px;min-height:35px;max-height:70px;overflow:auto;align-items:flex-start}.stack-value{background:#e8ecdf;border:1px solid #dbe2ce;padding:4px 8px;font:10px var(--mono);color:#92724f}.stack-value small{font:7px var(--mono);color:#a4af96;margin-right:9px}.call-stack-label{display:flex;justify-content:space-between;margin-top:11px}.call-stack-label .small-label,#call-depth{font:7px var(--mono);color:#9ca78e}.call-stack{display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-height:42px;overflow:auto;margin-top:6px}.frame-chip{font:8px var(--mono);padding:3px 6px;background:#e5e9d9;color:#798c66}.frame-chip.active{color:#596e46;border-bottom:1px solid #a8b499}.frame-arrow{font:9px var(--mono);color:#b0bba3}.print-output{display:flex;align-items:flex-start;gap:15px;border-top:1px dotted #d4dbca;padding:10px 0 0;margin-top:10px}.print-output .small-label{font-size:7px;margin-top:3px}.print-output output{font:11px/1.6 var(--mono);color:#8b7855;white-space:pre-wrap;max-height:55px;overflow:auto;overflow-wrap:anywhere}.trace-list{height:164px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd3c1 transparent}.trace-entry{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:27px;padding:0 7px;border-bottom:1px dotted #d9dfd0;font:9px var(--mono);color:#7c8a6e}.trace-entry:hover{background:#e5e9da}.trace-entry.selected{background:#e6eadb}.trace-step{color:#abb59c;font-size:8px;min-width:43px}.trace-op{font-size:8px;color:#65805b;min-width:65px}.trace-arg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-loc{margin-left:auto;font-size:7px;color:#a3af92;white-space:nowrap}.below-workbench{border-top:1px solid var(--ink);padding:28px 0;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;align-items:center}.below-workbench .small-label{font-size:8px}.below-workbench p{font:23px/1.4 var(--serif);margin:8px 0 0;font-weight:400;letter-spacing:-.3px}.below-workbench p em{color:#869377}.lab-link{display:flex;align-items:center;gap:16px;min-height:66px;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 3px;transition:background .2s}.lab-link:hover{background:#e9ece0}.lab-link>span:nth-child(2){font:16px var(--serif)}.lab-link>span:last-child{margin-left:auto;font-size:19px;color:#95a585}.lab-link-number{font:9px var(--mono);color:#a5b196}.lab-link small{display:block;font:9px var(--sans);color:#8b9980;margin-top:5px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0 26px;font:7px var(--mono);color:#94a086;letter-spacing:.6px}.page-footer a{text-decoration:none;color:#6e8061}.page-footer a:hover{text-decoration:underline}.footer-separator{color:#b0baa4;margin:0 8px}.tour{display:flex;align-items:center;gap:20px;background:#ede2cd;border:1px solid #d4bd99;padding:15px 18px;margin:0 0 13px;animation:slide-in .2s ease-out}.tour-number{font:9px var(--mono);letter-spacing:1px;color:#a47744;white-space:nowrap}.tour strong{font:18px var(--serif);font-weight:400}.tour p{font-size:11px;margin:3px 0 0;color:#8b7758}.tour>button:nth-last-child(2){margin-left:auto}.tour .icon-control{color:#ad9a76;font-size:20px}.lab-banner{display:flex;align-items:center;gap:16px;background:#efeadb;border:1px solid #d9cdb6;padding:14px 18px;margin:0 0 13px}.lab-banner .lab-icon{font:26px var(--serif);color:#ac8654}.lab-banner>div{flex:1}.lab-banner strong{font:16px var(--serif);font-weight:400}.lab-banner p{font-size:10px;color:#8d806a;margin:3px 0 0}.lab-banner .control{font-size:9px;border-color:#cec4aa}.lab-banner .text-button{font-size:10px}#lab-hint{color:#ae6440;margin-top:7px}.lab-banner.fixed{background:#e7eddb;border-color:#c8d6b5}.diagnostic{display:flex;gap:12px;padding:16px 18px;border:1px solid #dfc0aa;background:#f3e6db;border-top:0;color:#994f33}.diagnostic-icon{width:17px;height:17px;line-height:17px;font:12px/17px var(--mono);border:1px solid #c8916f;border-radius:50%;text-align:center;flex-shrink:0}.diagnostic>div{min-width:0}.diagnostic .text-button{display:block;font:9px var(--mono);margin:0 0 4px;text-decoration:underline}.diagnostic strong{font-size:12px;font-weight:500}.diagnostic p{font:11px/1.6 var(--sans);margin:4px 0 0;color:#a17c62}dialog{border:1px solid #b2be9f;box-shadow:0 30px 100px #0c251f40;background:var(--paper);color:var(--ink);width:min(780px,calc(100% - 32px));padding:25px 34px 35px;max-height:87vh;overflow:auto}dialog::backdrop{background:#14251c65;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .icon-control{color:#9aa68b;font-size:26px}dialog h2{font:38px/1.15 var(--serif);letter-spacing:-1px;font-weight:400;margin:17px 0 25px}dialog h2 em{color:#8a967b}.guide-tabs{display:flex;gap:27px;border-bottom:1px solid #bdc9ac;margin-bottom:20px}.guide-tabs button{font:11px var(--mono);padding:0 0 10px;color:#919e81}.guide-tabs button[aria-selected=true]{color:var(--green);border-bottom:2px solid var(--orange)}.guide-lead{font-size:13px;line-height:1.8;color:#7b8a6a;margin:0 0 23px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}dialog h3{font:17px var(--serif);font-weight:400;margin:21px 0 10px}.guide-grid h3{margin-top:0}dialog pre{font:11px/1.7 var(--mono);white-space:pre-wrap;background:#e7ebdd;padding:12px 14px;color:#648254;margin:0;border-left:2px solid #aebf98}dialog p{font-size:12px;line-height:1.8;color:#7c8c6c}dialog code{font:10px var(--mono);color:#657e53}.reference-table{border-top:1px solid var(--line)}.reference-table>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:9px 0;font-size:10px;color:#8f9b80}.reference-table code{font-size:10px}.operator-list{line-height:2.4}kbd{font:9px var(--mono);border:1px solid #c1cdb0;background:#eaf0df;padding:2px 4px;border-radius:2px}.guide-footnote{font:9px/1.8 var(--mono);border-top:1px solid var(--line);padding-top:15px;color:#97a38a}.architecture-flow{display:grid;grid-template-columns:1fr;gap:6px}.architecture-flow a{display:block;border:1px solid #c7d1b8;padding:13px 16px;text-decoration:none;position:relative;background:#ecefe3}.architecture-flow a:hover{border-color:#9cb481;background:#e5ebd9}.architecture-flow a>span{font:8px var(--mono);letter-spacing:1px;color:#9aab87;display:block}.architecture-flow strong{font:19px var(--serif);font-weight:400;display:block;margin-top:4px}.architecture-flow p{margin:4px 0 0;font-size:11px}.architecture-flow code{position:absolute;right:13px;top:14px;font-size:9px;color:#859d6e}.architecture-arrow{text-align:center;font-size:14px;color:#9bad86;line-height:1}.source-links{display:flex;gap:25px}.source-links a{font-size:11px;color:#6b8956}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;z-index:1000;background:var(--ink);color:var(--paper);padding:10px}.skip-link:focus{top:10px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes slide-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1520px){.workbench{height:520px}.editor-text textarea,.code-highlight{font-size:13px}.intro{padding-top:37px;padding-bottom:38px}.intro h1{font-size:51px}.intro-action p{font-size:13px}.watch-button{font-size:12px}.instruction{height:26px}.instruction-op,.instruction-arg{font-size:10px}}
@media(max-width:1280px){.shell{padding:0 28px}.edition{display:none}.intro h1{font-size:40px}.intro-action{gap:20px}.intro-action p{font-size:10px}.watch-button{padding:12px;font-size:10px}.duration{font-size:7px;margin-left:2px}.concept{display:none}.workbench{grid-template-columns:minmax(0,1.16fr) minmax(0,.67fr) minmax(0,1fr);height:452px}.editor-text textarea,.code-highlight{font-size:11px;letter-spacing:-.2px}.stage{padding:14px 15px}.below-workbench{gap:24px}.below-workbench p{font-size:20px}.timeline-subtitle{font-size:9px}.canvas-footer{padding:0 10px;font-size:7px}.speed-control{font-size:7px}}
@media(max-width:1000px){.intro-action{display:block}.intro-action p{margin:0 0 12px}.intro h1{font-size:39px}.stage-name{font-size:11px}.stage-number{font-size:9px}.stage{gap:9px;padding:12px 13px}.stage-arrow{font-size:14px}.workbench{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);height:auto}.source-panel{height:453px}.output-panel{height:453px;grid-column:2;grid-row:1}.inspector-panel{grid-column:1/-1;grid-row:2;border-top:1px solid var(--line);border-right:0;height:240px}.inspector-tabs{grid-template-columns:100px 100px 120px;justify-content:start}.inspector-caption{padding:8px 14px}.inspector-body{padding:6px 0}.inspector-footer{min-height:25px;height:25px}.instruction{max-width:100%;height:25px}.instruction-arg{flex:initial}.instruction-line{margin-left:auto}.token-group{display:inline-block;vertical-align:top;border-right:1px dotted var(--line);border-bottom:0;padding:4px 10px}.editor-text textarea,.code-highlight{font-size:12px}.line-control{display:none}.pipeline{margin-bottom:22px}.runtime{gap:20px;grid-template-columns:1fr 1fr}.trace-card{grid-column:1/-1}.trace-list{height:137px}.runtime-card.trace-card header{margin-bottom:5px}.below-workbench{grid-template-columns:1fr 1fr}.below-workbench>div{grid-column:1/-1}.below-workbench p br{display:none}.page-footer{font-size:6px}.desktop-only{display:none}}
@media(max-width:700px){.shell{padding:0 18px}.masthead{height:75px;gap:10px}.wordmark{font-size:18px;gap:9px;letter-spacing:1px}.wordmark svg{width:26px;height:30px}.masthead nav{gap:13px}.masthead nav .text-button{font-size:10px}.masthead nav .text-button span{margin-left:1px}.edition-number{display:none}.intro{display:block;padding:29px 0}.intro h1{font-size:38px;letter-spacing:-1.4px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:13px}.intro-action{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.intro-action p{font-size:10px;max-width:180px;margin:0}.intro-action p br{display:none}.watch-button{font-size:9px;gap:7px;white-space:normal;max-width:188px;padding:10px 12px;text-align:left}.duration{display:none}.stage{display:block;padding:12px 10px;min-height:66px}.stage-number{font-size:7px;display:block;margin-bottom:6px}.stage-name{font-size:9px;letter-spacing:-.2px}.stage-name small{font-size:6px;margin-top:3px;letter-spacing:0}.stage-arrow{display:none}.stage-live{position:absolute;right:8px;top:12px;width:4px;height:4px}.pipeline{margin-bottom:22px}.workbench-toolbar{display:block;padding-bottom:12px}.example-control{justify-content:space-between}.example-control>.small-label{font-size:8px}.select-wrap select{font-size:17px;max-width:250px}.execution-controls{margin-top:11px;justify-content:flex-end;gap:7px}.auto-label{margin-right:auto;font-size:9px}.toolbar-divider{margin:0 3px}.control{font-size:10px;padding:6px 9px}.line-control{display:block;font-size:9px}.run-button{min-width:69px;padding:7px 12px}.workbench{grid-template-columns:1fr}.source-panel{grid-column:1;grid-row:1;height:385px;border-right:0}.output-panel{grid-column:1;grid-row:2;height:auto;min-height:360px;border-top:1px solid var(--line)}.canvas-stage{aspect-ratio:1/1}.canvas-stage canvas{width:100%;height:100%;max-height:unset}.inspector-panel{grid-row:3;grid-column:1;height:250px}.editor-text textarea,.code-highlight{font-size:11px;letter-spacing:0}.panel-heading{height:39px;min-height:39px;font-size:9px}.experiment-note{align-items:flex-start;padding:13px 0;font-size:10px;line-height:1.7;gap:10px}.experiment-note>span:last-child{display:none}.experiment-note>.small-label{margin-top:4px}.timeline{margin-top:10px;padding:14px 13px 11px}.timeline-heading{align-items:flex-start;gap:10px}.timeline-heading>div{gap:6px}.timeline-heading strong{font-size:15px;white-space:nowrap}.timeline-symbol{font-size:16px}.timeline-subtitle{display:none}.timeline-position{flex-direction:column;align-items:flex-end!important;font-size:7px;gap:3px!important}.timeline-main{gap:5px;padding-top:13px}.history-button{min-width:20px;font-size:18px}.timeline-meta{font-size:6px;gap:10px;line-height:1.6}.timeline-meta>span:last-child{max-width:135px;text-align:right}.runtime{grid-template-columns:1fr;padding:25px 0;gap:25px}.runtime-card{grid-column:1}.locals-table{height:auto;max-height:174px;min-height:60px}.trace-list{height:164px}.stack-values{min-height:30px}.runtime h2{font-size:19px}.local-row{min-height:32px}.trace-entry{min-height:31px}.below-workbench{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:25px 0}.below-workbench p{font-size:23px}.below-workbench p br{display:block}.lab-link{min-height:68px}.page-footer{display:block;line-height:2;font-size:6px;padding:19px 0}.page-footer>span{display:block}.tour{gap:10px;flex-wrap:wrap;padding:14px}.tour>div{flex:1;min-width:200px}.tour-number{font-size:8px}.tour strong{font-size:16px}.tour p{font-size:10px}.tour .text-button{font-size:10px}.lab-banner{flex-wrap:wrap;padding:13px;gap:9px}.lab-banner>div{min-width:210px}.lab-banner .lab-icon{display:none}.lab-banner>button{margin-top:4px}.lab-banner .text-button{margin-left:auto}.diagnostic{padding:14px 12px}.diagnostic strong{font-size:11px}.diagnostic p{font-size:10px}dialog{padding:18px 21px 25px;width:calc(100% - 22px);max-height:91vh}.guide-grid{grid-template-columns:1fr;gap:19px}dialog h2{font-size:31px}.guide-tabs{gap:22px}.guide-tabs button{font-size:9px}.reference-table>div{grid-template-columns:1fr;gap:6px}.reference-table code{font-size:10px}.architecture-flow code{position:static;display:block;margin-top:8px}.architecture-flow strong{font-size:17px}.source-links{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1001px) and (max-height:850px){:root{--line-height:19px}.editor-text textarea,.code-highlight{padding-top:12px;padding-bottom:20px}.line-gutter>div{padding-top:12px}.masthead{height:72px}.intro{padding:25px 0 26px}.intro h1{font-size:43px}.pipeline{margin-bottom:19px}.stage{padding-top:12px;padding-bottom:12px}.workbench{height:438px}.experiment-note{min-height:39px}.eyebrow{margin-bottom:9px}}