@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:block;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:block;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:block;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2")}:root{color-scheme:light dark;--gap: 1px;--chrome: light-dark(#f7f8fa, #0e131c);--ink: light-dark(#1b2330, #e4e9f1);--line: light-dark(#d5dae2, #2a3342);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;height:100dvh;background:var(--chrome);color:var(--ink)}#root{height:100%}.shell{display:grid;grid-template-rows:auto 1fr auto;height:100%}.shell header.toolbar{display:flex;align-items:center;gap:.9rem;padding:.5rem .9rem;border-bottom:1px solid var(--line)}.shell h1{font-size:.9rem;font-weight:600;margin:0;letter-spacing:.02em}.shell .status{font-size:.78rem;opacity:.65;margin-right:auto}.picker{display:flex;align-items:center;gap:.4rem;font-size:.78rem}.picker-label{opacity:.65}.picker select{font:inherit;font-size:.78rem}.swatch{display:inline-flex;border-radius:3px;overflow:hidden}.swatch i{display:block;width:6px;height:24px}.determinism-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .35rem;border-radius:999px;border:1px solid var(--line);opacity:.8}.toolbar-button{font:inherit;font-size:.78rem;padding:.3rem .6rem;border-radius:.4rem;border:1px solid var(--line);background:var(--chrome);color:var(--ink);cursor:pointer}.file-menu{position:relative;display:flex;align-items:center;gap:.4rem}.save-menu,.docs-menu,.engine-options{position:relative}.save-menu>summary,.docs-menu>summary,.engine-options>summary{list-style:none}.save-menu>summary::-webkit-details-marker,.docs-menu>summary::-webkit-details-marker,.engine-options>summary::-webkit-details-marker{display:none}.engine-options .options-form{position:absolute;left:0;top:calc(100% + .35rem);z-index:10;display:grid;grid-template-columns:auto auto;gap:.4rem .7rem;align-items:center;padding:.6rem .7rem;min-width:15rem;font-size:.78rem;border:1px solid var(--line);border-radius:.5rem;background:var(--chrome);color:var(--ink);box-shadow:0 4px 16px light-dark(rgb(0 0 0 / 14%),rgb(0 0 0 / 50%))}.engine-options .options-field{display:contents}.engine-options .options-form input,.engine-options .options-form select{font:inherit;font-size:.78rem;width:9rem}.engine-options .options-error{grid-column:1 / -1;margin:0;max-width:16rem;color:light-dark(#a8071a,#ff7875);font-size:.72rem}.engine-options [aria-invalid=true]{outline:2px solid light-dark(#a8071a,#ff7875)}.save-menu .menu,.docs-menu .menu,.share-dialog{position:absolute;right:0;top:calc(100% + .35rem);z-index:10;border:1px solid var(--line);border-radius:.5rem;background:var(--chrome);color:var(--ink);box-shadow:0 4px 16px light-dark(rgb(0 0 0 / 14%),rgb(0 0 0 / 50%))}.docs-menu .menu{right:auto;left:0;max-height:60vh;overflow-y:auto}.docs-menu ul{list-style:none;margin:.25rem 0 0;padding:.25rem 0 0;border-top:1px solid var(--line)}.docs-menu .docs-item{display:flex;width:100%;justify-content:space-between;gap:1rem}.docs-menu .docs-item[aria-current=true]{font-weight:600}.docs-menu .docs-time{opacity:.65;white-space:nowrap}.save-menu .menu,.docs-menu .menu{display:flex;flex-direction:column;min-width:11rem;padding:.25rem}.save-menu .menu button,.docs-menu .menu button{font:inherit;font-size:.78rem;text-align:left;padding:.4rem .6rem;border:0;border-radius:.35rem;background:transparent;color:inherit;cursor:pointer}.save-menu .menu button:hover,.docs-menu .menu button:hover{background:var(--line)}.share-dialog{width:min(32rem,90vw);padding:.8rem;font-size:.78rem}.share-dialog p{margin:0 0 .6rem}.share-link{width:100%;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;padding:.3rem}.share-warning{color:light-dark(#8a6500,#e0b13a);margin-top:.6rem!important}.share-actions{display:flex;gap:.4rem;justify-content:flex-end;margin-top:.6rem}.share-actions button{font:inherit;font-size:.78rem;padding:.3rem .6rem;border-radius:.4rem;border:1px solid var(--line);background:var(--chrome);color:inherit;cursor:pointer}.update-chip{display:flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.2rem .6rem;border-radius:999px;border:1px solid light-dark(#2563eb,#60a5fa)}.update-chip button{font:inherit;font-size:.78rem;padding:0;border:0;background:transparent;color:light-dark(#2563eb,#60a5fa);text-decoration:underline;cursor:pointer}.toasts{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;font-size:.8rem;padding:.5rem .8rem;border-radius:.5rem;border:1px solid var(--line);background:var(--chrome);color:var(--ink);box-shadow:0 2px 10px light-dark(rgb(0 0 0 / 14%),rgb(0 0 0 / 50%));pointer-events:auto}.toast-region{display:flex;flex-direction:column;gap:.4rem}.toast-error{border-color:light-dark(#dc2626,#f87171)}.toast-dismiss{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.7}.panes{display:grid;grid-template-columns:minmax(18rem,2fr) 3fr;gap:var(--gap);background:var(--line);min-height:0}.editor-host{background:var(--chrome);min-height:0;overflow:hidden}.editor-host .cm-editor{height:100%}.canvas-host{position:relative;background:var(--chrome);min-height:0;overflow:hidden}.canvas-host svg.host{display:block;touch-action:none;cursor:grab}.node-outline{stroke:light-dark(#2563eb,#60a5fa);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.node-outline.selected{stroke:light-dark(#dc2626,#f87171)}.chip{position:absolute;left:.6rem;bottom:.6rem;display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--chrome);color:var(--ink);box-shadow:0 1px 4px light-dark(rgb(0 0 0 / 12%),rgb(0 0 0 / 40%))}.chip-crashed{border-color:light-dark(#dc2626,#f87171)}.chip-timeout,.chip-last-good{border-color:light-dark(#c99400,#e0b13a)}.chip button{font:inherit;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}.diagnostics-panel{border-top:1px solid var(--line);max-height:12rem;overflow:auto;font-size:.78rem}.diagnostics-panel ul{list-style:none;margin:0;padding:0}.diagnostics-panel .diag{display:flex;align-items:baseline;gap:.5rem;padding:.3rem .9rem;cursor:pointer;border-bottom:1px solid var(--line)}.diagnostics-panel .diag:hover{background:var(--line)}.diagnostics-panel .diag-code{opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.diagnostics-panel .diag-message{flex:1}@media(max-width:48rem){.panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}