#see-it-run{--bg: #e9e9e4;--bg-2: #f1f1ec;--paper: #fbfbf8;--ink: #171717;--ink-2: #3d3d3a;--muted: #6b6b66;--faint: #9a9a93;--line: #d6d6cf;--line-2: #c4c4bc;--lime: var(--ds-primary, #f2ff70);--lime-2: #e3f25a;--lime-soft: #f7fcc4;--ok: #3b5a00;--ok-bg: #eef7d2;--ok-line: #cfe39a;--warn: #7a5300;--warn-bg: #fff4d1;--warn-line: #ecd99a;--no: #8a2a12;--no-bg: #fbe9e2;--no-line: #f0c4b3;--display: var(--font-head);--body: var(--font-body);--mono: var(--font-mono);--r: 4px;--max: 1200px;--ease: cubic-bezier(.2,.7,.2,1)}#see-it-run *,#see-it-run *::before,#see-it-run *::after{box-sizing:border-box}#see-it-run{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#see-it-run ::selection{background:var(--lime)}#see-it-run .wrap{max-width:var(--max);margin:0 auto;padding:0 32px}#see-it-run h1,#see-it-run h2,#see-it-run h3{font-family:var(--display);font-weight:400;letter-spacing:-.015em;margin:0}#see-it-run h1{font-size:clamp(44px,6vw,76px);line-height:1.0;letter-spacing:-.03em}#see-it-run h2{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.025em}#see-it-run h3{font-size:20px;line-height:1.25;font-weight:500}#see-it-run p{margin:0}#see-it-run .lead{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:62ch}#see-it-run .eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}#see-it-run .eyebrow::before{content:"";width:18px;height:1px;background:currentColor}#see-it-run .hl{background:linear-gradient(transparent 60%,var(--lime) 60%)}#see-it-run .chip{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--body);padding:6px 9px;border-radius:999px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}#see-it-run .chip svg{width:13px;height:13px}#see-it-run .chip.dark{background:#262626;border-color:#3a3a3a;color:#d6d6cf}#see-it-run section{padding:128px 0;position:relative}#see-it-run .sec-head{display:grid;gap:18px;max-width:800px;margin-bottom:64px}#see-it-run .dark{background:#121212;color:#ececE6}#see-it-run .dark .eyebrow{color:#9a9a93}#see-it-run .dark .lead{color:#c9c9c2}#see-it-run .dark .hl{background:none;color:var(--lime)}#see-it-run .eac{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}#see-it-run .doc{background:#f8f8f3;color:var(--ink);border-radius:12px;overflow:hidden;border:1px solid #2a2a2a}#see-it-run .doc-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#ececE6;border-bottom:1px solid var(--line);font-size:13px}#see-it-run .doc-bar b{font-weight:500}#see-it-run .doc-body{padding:26px 30px 30px;font-size:14.5px;line-height:1.6}#see-it-run .doc-body h4{font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:26px 0 12px;display:flex;align-items:center;gap:10px}#see-it-run .doc-body h4:first-child{margin-top:0}#see-it-run .doc-body h4::after{content:"";flex:1;height:1px;background:var(--line)}#see-it-run .doc-body .ov{color:var(--ink-2)}#see-it-run .doc-body table{width:100%;border-collapse:collapse;font-size:13px}#see-it-run .doc-body th{text-align:left;font:500 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line-2)}#see-it-run .doc-body td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}#see-it-run .doc-body td:first-child{font-weight:500;white-space:nowrap}#see-it-run .doc-body td.t{font:400 12px/1.5 var(--mono);color:var(--muted)}#see-it-run .doc-body td.d{font:400 12.5px/1.5 var(--mono);white-space:nowrap}#see-it-run .doc-body td.d.override{color:var(--ink);background:var(--lime-soft)}#see-it-run .doc-body ol.st{list-style:none;margin:0;padding:0;display:grid;gap:4px}#see-it-run .doc-body ol.st li{display:grid;grid-template-columns:30px 1fr;gap:6px;padding:10px 12px 10px 8px;border-radius:8px;border-left:3px solid transparent;transition:background .2s,border-color .2s;cursor:default}#see-it-run .doc-body ol.st li .n{font:500 13px/1.6 var(--mono);color:var(--muted);text-align:right;padding-right:8px}#see-it-run .doc-body ol.st li b.t{font-weight:500}#see-it-run .doc-body ol.st li p{color:var(--ink-2);font-size:13.5px;margin-top:3px}#see-it-run .doc-body ol.st li code{font:500 12px/1 var(--mono);background:#ececE6;padding:2px 5px;border-radius:3px}#see-it-run .doc-body ol.st li.on{background:var(--lime-soft);border-left-color:var(--ink)}#see-it-run .doc-body ul.out{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--ink-2);font-size:13.5px}#see-it-run .doc-body .inp{font-weight:600;color:var(--ink);background:linear-gradient(transparent 65%,rgba(242,255,112,.8) 65%)}#see-it-run .pane{background:#1c1c1c;border:1px solid #2e2e2e;border-radius:12px;overflow:hidden;position:sticky;top:92px}#see-it-run .pane-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #2e2e2e;font-size:13px;color:#cfcfc8}#see-it-run .pane-h b{font-weight:500;color:#fff}#see-it-run .saved{margin:14px 18px 4px;padding:14px 16px;border-radius:10px;background:#232b12;border:1px solid #3c4b17;display:flex;gap:12px;align-items:center}#see-it-run .saved b{font:400 26px/1 var(--display);color:var(--lime);letter-spacing:-.02em}#see-it-run .saved span{font-size:13px;color:#cfd8b3;line-height:1.4}#see-it-run .journal{list-style:none;margin:0;padding:8px 0 12px}#see-it-run .journal li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:12px 18px;border-left:3px solid transparent;transition:background .2s,border-color .2s;font-size:14px;cursor:default}#see-it-run .journal li.on{background:rgba(242,255,112,.07);border-left-color:var(--lime)}#see-it-run .journal .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#26300f;color:var(--lime)}#see-it-run .journal .dot svg{width:13px;height:13px}#see-it-run .journal .dot.ask{background:#43350f;color:#ffd76a}#see-it-run .journal .what{color:#f1f1ec}#see-it-run .journal .detail{color:#9a9a93;font:400 12px/1.5 var(--mono);margin-top:3px}#see-it-run .journal .ln{font:400 11.5px/1 var(--mono);color:#7d7d76;padding:5px 7px;border:1px solid #333;border-radius:4px;white-space:nowrap;align-self:start}#see-it-run .journal li.on .ln{border-color:var(--lime);color:var(--lime)}#see-it-run .pane-f{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #2e2e2e;font:400 11.5px/1.4 var(--mono);color:#85857e}#see-it-run .eac-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}#see-it-run .eac-foot div{display:grid;gap:8px;padding-top:20px;border-top:1px solid #2e2e2e;font-size:14.5px;color:#c9c9c2}#see-it-run .eac-foot b{color:#fff;font:400 19px/1.3 var(--display)}#see-it-run dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 60px 120px -40px rgba(0,0,0,.5)}#see-it-run dialog::backdrop{background:rgba(23,23,23,.5);backdrop-filter:blur(2px)}@media(max-width:1000px){#see-it-run .eac{grid-template-columns:1fr}#see-it-run .eac-foot{grid-template-columns:1fr}#see-it-run .pane{position:static}#see-it-run section{padding:96px 0}}@media(max-width:560px){#see-it-run .wrap{padding:0 20px}}#see-it-run{overflow-x:clip}@media(max-width:560px){#see-it-run .doc-body{overflow-x:auto;padding:20px}}#see-it-run details a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}#see-it-run details a:hover{text-decoration-color:currentColor}#see-it-run .lead a{color:inherit;text-decoration:underline;text-decoration-color:rgba(233,233,228,.45);text-underline-offset:3px}#see-it-run .lead a:hover{text-decoration-color:currentColor}.ba #see-it-run{margin:36px 0 8px}.ba #see-it-run section.dark{padding:44px 28px 40px;border-radius:16px}.ba #see-it-run .wrap{padding:0;max-width:none}.ba #see-it-run .sec-head{margin-bottom:28px}.ba #see-it-run .sec-head h2{font-size:30px;line-height:1.1;margin:0}.ba #see-it-run .sec-head .lead{font-size:16px;margin:0}.ba #see-it-run .eac,.ba #see-it-run .eac-foot{grid-template-columns:1fr}.ba #see-it-run li{line-height:inherit}.ba #see-it-run ul,.ba #see-it-run ol{margin:0}
