@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(./ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(./jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--color-paper:#f4f7fb;--color-paper-2:#e7ebf1;--color-paper-3:#d6dbe3;--color-rule:#8e96a0;--color-rule-strong:#151d29;--color-muted:#4c5663;--color-ink-2:#28313d;--color-ink:#09121f;--color-accent:#005ab8;--color-accent-hover:#004a9c;--color-accent-ink:#f6f9fd;--color-focus:#004a9c;--color-error:#9a0006;--color-error-hover:#820000;--color-warning:#704500;--color-success:#00581c;--color-clear:transparent;--color-editor-paper:#050b16;--color-editor-paper-2:#0b1420;--color-editor-active:#121d2d;--color-editor-rule:#2c394a;--color-editor-muted:#8a9aae;--color-editor-ink:#e0e9f4;--color-editor-selection:#1c406e;--color-editor-focus:#82baff;--color-editor-warning:#eeb154;--color-syntax-keyword:#6dadff;--color-syntax-name:#cbd9ec;--color-syntax-number:#eeb154;--color-syntax-string:#85cb8f;--color-syntax-type:#31c7d5;--color-syntax-comment:#8294ab;--color-syntax-invalid:#fd7466;--font-display:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-body:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace;--weight-regular:400;--weight-medium:500;--weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--line-tight:1.1;--line-snug:1.35;--line-normal:1.55;--tracking-label:.08em;--tracking-display:-.025em;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--target-touch:2.75rem;--panel-header-height:3.75rem;--diagnostics-height:clamp(10rem, 24svh, 14rem);--rule-hair:1px;--rule-strong:2px;--rule-focus:3px;--rule-input-focus:2px;--radius-control:0;--offset-active:1px;--offset-control-focus:2px;--offset-input-focus:1px;--offset-underline:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.1s;--dur-short:.18s;--dur-long:.36s;--dur-spinner:.9s;--z-base:1;--z-raised:10;--z-sticky:200}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.0868% -.457972 -2.21384);--color-paper-2:lab(93.0197% -.677824 -3.31558);--color-paper-3:lab(87.2122% -.889778 -4.41301);--color-rule:lab(61.6743% -1.26213 -6.58178);--color-rule-strong:lab(10.5816% -1.10279 -8.89635);--color-muted:lab(36.1246% -1.53147 -9.04209);--color-ink-2:lab(19.8739% -1.332 -8.96781);--color-ink:lab(5.15533% -.541404 -9.80284);--color-accent:lab(37.8032% 11.6133 -65.2244);--color-accent-hover:lab(30.3386% 18.5392 -68.6182);--color-accent-ink:lab(97.6668% -.458062 -2.21386);--color-focus:lab(30.3386% 18.5392 -68.6182);--color-error:lab(32.0708% 56.7362 45.825);--color-error-hover:lab(24.9526% 60.3482 47.6455);--color-warning:lab(33.6384% 18.1137 64.4263);--color-success:lab(31.9604% -38.657 29.1453);--color-editor-paper:lab(2.98341% -.313304 -6.02173);--color-editor-paper-2:lab(6.08682% -.718251 -9.56774);--color-editor-active:lab(10.5145% -1.02942 -12.3279);--color-editor-rule:lab(23.3058% -1.61044 -12.4742);--color-editor-muted:lab(62.7769% -2.18889 -12.6773);--color-editor-ink:lab(91.8366% -1.30305 -6.60259);--color-editor-selection:lab(26.335% .275821 -31.233);--color-editor-focus:lab(73.7461% -2.78541 -49.0512);--color-editor-warning:lab(76.7321% 16.4406 55.1357);--color-syntax-keyword:lab(68.9864% -1.74749 -52.3501);--color-syntax-name:lab(86.0003% -2.03735 -10.9377);--color-syntax-number:lab(76.7321% 16.4406 55.1357);--color-syntax-string:lab(75.8862% -32.0671 22.6731);--color-syntax-type:lab(73.2002% -35.5636 -18.9327);--color-syntax-comment:lab(60.436% -2.38684 -14.442);--color-syntax-invalid:lab(65.915% 52.5472 34.4498)}}html,body{overflow-x:clip}html{background:var(--color-paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);min-width:0;min-height:100svh;color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);font-synthesis:none;line-height:var(--line-normal);text-rendering:optimizelegibility;grid-template-rows:auto minmax(0,1fr) auto;margin:0;display:grid}button,kbd,code{font:inherit}button{color:inherit}button:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--offset-control-focus)}.clipboard-proxy{width:var(--space-3xs);height:var(--space-3xs);opacity:0;pointer-events:none;border:0;padding:0;position:fixed;inset:0 auto auto 0}.cm-editor.cm-focused{outline-color:var(--color-editor-focus)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.tool-bar{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-lg);min-width:0;min-height:4.25rem;padding:var(--space-xs) clamp(var(--space-md), 3vw, var(--space-xl));border-block-end:var(--rule-strong) solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink);flex-wrap:wrap;display:flex}.tool-bar__identity{align-items:center;gap:var(--space-2xs) var(--space-lg);flex-wrap:wrap;flex:0 auto;min-width:0;display:flex}.tool-bar__heading{align-items:baseline;gap:var(--space-xs);flex-wrap:wrap;flex:0 auto;min-width:0;display:flex}.wordmark{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);font-style:normal;font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--line-tight);overflow-wrap:anywhere;margin:0}.wordmark span{color:var(--color-accent)}.demo-title{min-width:0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--line-snug);overflow-wrap:anywhere;margin:0}.demo-title:not([hidden]):before{color:var(--color-rule-strong);content:"/";margin-inline-end:var(--space-xs)}.demo-nav{align-items:center;gap:var(--space-2xs);scrollbar-width:thin;min-width:0;max-width:100%;display:flex;overflow-x:auto}.demo-nav__link,.demo-nav__link:visited{min-height:var(--target-touch);padding-inline:var(--space-xs);border-block-end:var(--rule-strong) solid var(--color-clear);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.demo-nav__link[aria-current=page],.demo-nav__link[data-state=active]{border-block-end-color:var(--color-accent);color:var(--color-ink);font-weight:var(--weight-bold)}.demo-nav__link:focus-visible{box-shadow:inset 0 0 0 var(--rule-focus) var(--color-focus);outline:0}.demo-nav__link:active:not([aria-disabled=true]){transform:translateY(var(--offset-active))}.demo-nav__link[aria-disabled=true],.demo-nav__link[data-state=disabled]{color:var(--color-muted);cursor:not-allowed;opacity:.56}.demo-nav__link[data-state=loading]{color:var(--color-warning);cursor:progress}.demo-nav__link[data-state=error]{color:var(--color-error)}.demo-nav__link[data-state=success]{color:var(--color-success)}.tool-bar__status{justify-content:flex-end;align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;flex:38rem;min-width:0;display:flex}.compile-status{align-items:center;gap:var(--space-xs);min-width:0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--line-snug);margin:0;display:flex}.compile-status>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compile-status__mark{width:var(--space-xs);height:var(--space-xs);border:var(--rule-hair) solid currentColor;background:var(--color-clear);flex:none}.compile-status[data-state=ready]{color:var(--color-success)}.compile-status[data-state=ready] .compile-status__mark{background:currentColor}.compile-status[data-state=working]{color:var(--color-warning)}.compile-status[data-state=working] .compile-status__mark{animation:status-spin var(--dur-spinner) linear infinite;background:currentColor}.compile-status[data-state=playing]{color:var(--color-accent)}.compile-status[data-state=playing] .compile-status__mark{background:currentColor}.compile-status[data-state=error]{color:var(--color-error)}.compile-status[data-state=error] .compile-status__mark{background:currentColor}.tool-bar__actions{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.tool-button{min-width:5rem;min-height:var(--target-touch);padding:var(--space-xs) var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);border:var(--rule-strong) solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out);line-height:1;display:inline-flex}.tool-button--run{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.tool-button--stop{border-color:var(--color-error);color:var(--color-error)}.tool-button--export{border-color:var(--color-rule-strong);background:var(--color-paper-2)}.tool-button--share{border-color:var(--color-accent);color:var(--color-accent)}.tool-button--quiet{border-color:var(--color-clear);background:var(--color-clear);min-width:0;color:var(--color-muted);text-decoration:underline;text-decoration-thickness:var(--rule-hair);text-underline-offset:var(--offset-underline)}.tool-button:active:not(:disabled),.tool-button[data-state=active]{transform:translateY(var(--offset-active))}.tool-button:disabled,.tool-button[data-state=disabled]{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed;opacity:.56}.tool-button[data-state=loading]{border-color:var(--color-warning);background:var(--color-paper);color:var(--color-warning);cursor:progress;opacity:1}.tool-button[data-state=loading]:before{width:var(--space-sm);height:var(--space-sm);border:var(--rule-strong) solid currentColor;border-inline-end-color:var(--color-clear);content:"";animation:status-spin var(--dur-spinner) linear infinite;flex:none}.tool-button[data-state=error]{border-color:var(--color-error);background:var(--color-paper);color:var(--color-error)}.tool-button[data-state=error]:before{content:"!"}.tool-button[data-state=success]{border-color:var(--color-success);background:var(--color-paper);color:var(--color-success)}.tool-button[data-state=success]:before{content:"✓"}.workbench{grid-template-rows:auto auto;min-width:0;display:grid}.editors{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.editor-panel{border-block-end:var(--rule-strong) solid var(--color-rule-strong);background:var(--color-editor-paper);min-width:0;min-height:55svh;color:var(--color-editor-ink);grid-template-rows:auto minmax(0,1fr);display:grid}.panel-header{min-width:0;min-height:var(--panel-header-height);padding:var(--space-xs) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-editor-rule);background:var(--color-editor-paper-2);color:var(--color-editor-ink);display:flex}.panel-header>div{min-width:0}.panel-header__tools{align-items:center;gap:var(--space-sm);display:flex}.source-language{border:var(--rule-hair) solid var(--color-editor-rule);flex:none;display:inline-flex}.source-language__button{min-width:var(--target-touch);min-height:var(--target-touch);padding:0 var(--space-xs);background:var(--color-clear);color:var(--color-editor-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;border:0;line-height:1}.source-language__button+.source-language__button{border-inline-start:var(--rule-hair) solid var(--color-editor-rule)}.source-language__button[aria-pressed=true]{background:var(--color-editor-focus);color:var(--color-editor-paper)}.source-language__button:disabled{cursor:not-allowed;opacity:.56}.source-language__button:active:not(:disabled){transform:translateY(var(--offset-active))}.panel-header h2,.diagnostics h2{color:inherit;font-family:var(--font-display);font-size:var(--text-base);font-style:normal;font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--line-tight);overflow-wrap:anywhere;margin:0}.panel-header p{margin:var(--space-2xs) 0 0;color:var(--color-editor-muted);font-size:var(--text-xs);line-height:var(--line-snug)}.panel-header code{color:var(--color-editor-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;flex:none}.editor-host{background:var(--color-editor-paper);min-width:0;min-height:0}.editor-host>.cm-editor{outline:var(--rule-input-focus) solid transparent;outline-offset:var(--offset-input-focus);height:100%}.editor-host .cm-scroller{overflow:auto}.editor-host .cm-focused{z-index:var(--z-raised);position:relative}.editor-host .cm-lintRange-error{-webkit-text-decoration-color:var(--color-syntax-invalid);text-decoration-color:var(--color-syntax-invalid)}.editor-host .cm-lintRange-warning{-webkit-text-decoration-color:var(--color-editor-warning);text-decoration-color:var(--color-editor-warning)}.diagnostics{background:var(--color-paper);min-width:0;min-height:12rem;color:var(--color-ink-2);grid-template-rows:auto minmax(0,1fr);display:grid}.diagnostics__header{min-width:0;padding:var(--space-xs) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);display:flex}.diagnostics__title{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.diagnostics__title span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.diagnostics__output{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--line-snug);margin:0;padding:0;list-style:none;overflow:auto}.diagnostic{min-width:0;padding:var(--space-xs) var(--space-md);align-items:start;gap:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:auto auto minmax(0,1fr);display:grid}.diagnostic__level{min-width:3.5rem;color:var(--color-muted);font-weight:var(--weight-bold);white-space:nowrap}.diagnostic[data-level=error] .diagnostic__level{color:var(--color-error)}.diagnostic[data-level=warning] .diagnostic__level{color:var(--color-warning)}.diagnostic[data-level=success] .diagnostic__level{color:var(--color-success)}.diagnostic__location{min-height:1.5rem;padding:0 var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-mono);font-size:inherit;white-space:nowrap;cursor:pointer;line-height:1.35rem}.diagnostic__location:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--offset-control-focus)}.diagnostic__location:active{transform:translateY(var(--offset-active))}.diagnostic__location:disabled{background:var(--color-paper-3);color:var(--color-muted);cursor:not-allowed;opacity:.56}.diagnostic__message{overflow-wrap:anywhere;min-width:0}.diagnostic--empty{color:var(--color-muted);grid-template-columns:minmax(0,1fr)}.runtime-line{min-width:0;padding:var(--space-xs) clamp(var(--space-md), 3vw, var(--space-xl));justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-lg);border-block-start:var(--rule-strong) solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--line-snug);flex-wrap:wrap;display:flex}.runtime-line span{white-space:nowrap}.runtime-line kbd{color:var(--color-ink);font-family:var(--font-mono);font-weight:var(--weight-bold)}.webmcp-info{display:inline-flex;position:relative}.webmcp-info__trigger{min-height:var(--target-touch);padding:0 var(--space-xs);background:var(--color-clear);color:var(--color-muted);font-family:var(--font-mono);font-size:inherit;line-height:inherit;text-decoration:underline;text-decoration-thickness:var(--rule-hair);text-underline-offset:var(--offset-underline);cursor:help;border:0}.runtime-line .webmcp-info__tooltip{z-index:var(--z-sticky);inset-inline-end:0;bottom:calc(100% + var(--space-xs));width:min(18rem, calc(100vw - var(--space-md) - var(--space-md)));padding:var(--space-xs) var(--space-sm);border:var(--rule-strong) solid var(--color-rule-strong);background:var(--color-paper);color:var(--color-ink);line-height:var(--line-snug);white-space:normal;opacity:0;visibility:hidden;transform:translateY(var(--offset-active));transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), visibility 0s linear var(--dur-short);pointer-events:auto;position:absolute}.webmcp-info:focus-within .webmcp-info__tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}noscript{padding:var(--space-md);background:var(--color-error);color:var(--color-accent-ink)}@keyframes status-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.demo-nav__link:hover:not([aria-disabled=true]){border-block-end-color:var(--color-accent);color:var(--color-ink)}.tool-button--run:hover:not(:disabled){background:var(--color-accent-hover)}.tool-button--stop:hover:not(:disabled){border-color:var(--color-error-hover);color:var(--color-error-hover)}.tool-button--export:hover:not(:disabled){background:var(--color-paper-3)}.tool-button--share:hover:not(:disabled){background:var(--color-paper-2)}.webmcp-info:hover .webmcp-info__trigger{color:var(--color-ink)}.webmcp-info:hover .webmcp-info__tooltip{opacity:1;visibility:visible;transition-delay:.85s, .85s, calc(.85s + var(--dur-short));transform:translateY(0)}.tool-button--quiet:hover:not(:disabled){color:var(--color-ink)}.source-language__button:hover:not(:disabled):not([aria-pressed=true]){background:var(--color-editor-active);color:var(--color-editor-ink)}.diagnostic__location:hover{background:var(--color-paper-3)}}@media (pointer:coarse){.demo-nav__link,.tool-button,.diagnostic__location{min-height:3rem}}@media (max-width:22rem){.panel-header__tools code{display:none}}@media (max-width:28rem){.tool-bar__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tool-button--share{grid-column:1/-1}.webmcp-info{flex:1 0 100%;justify-content:flex-end}}@media (min-width:48rem){body{height:100dvh;min-height:34rem;overflow:clip}.workbench{grid-template-rows:minmax(0, 1fr) var(--diagnostics-height);min-height:0;overflow:hidden}.editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.editor-panel{border-block-end:0;min-height:0}.editor-panel+.editor-panel{border-inline-start:var(--rule-strong) solid var(--color-rule-strong)}.diagnostics{border-block-start:var(--rule-strong) solid var(--color-rule-strong);min-height:0;overflow:hidden}}@media (min-width:90rem){.tool-bar,.runtime-line{padding-inline:var(--space-xl)}.panel-header,.diagnostics__header,.diagnostic{padding-inline:var(--space-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.tool-button:active,.source-language__button:active,.diagnostic__location:active{transform:none}}