.workspace.svelte-1h8xysy{display:grid;grid-template-columns:1fr auto;border:1px solid var(--faint)}.editor-pane.svelte-1h8xysy{border-right:1px solid var(--faint);display:flex;flex-direction:column}.pane-label.svelte-1h8xysy{font-family:var(--mono);font-size:.58rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:#aaa;height:2.5rem;padding:0 1rem;border-bottom:1px solid var(--faint);display:flex;justify-content:space-between;align-items:center;gap:.6rem;box-sizing:border-box}.pane-label.svelte-1h8xysy span:where(.svelte-1h8xysy){margin-right:auto}.editor-wrap.svelte-1h8xysy{flex:1;position:relative;min-height:120px}.backdrop.svelte-1h8xysy{position:absolute;inset:0;pointer-events:none;overflow:auto;scrollbar-width:thin}.backdrop.svelte-1h8xysy::-webkit-scrollbar{display:none}.backdrop.svelte-1h8xysy pre:where(.svelte-1h8xysy){margin:0;border:0;padding:1.25rem 1rem;font-family:var(--mono);font-size:.75rem;font-weight:400;line-height:1.8;color:var(--ink);white-space:pre;background:transparent}textarea.svelte-1h8xysy{position:absolute;inset:0;resize:none;border:none;outline:none;background:transparent;font-family:var(--mono);font-size:.75rem;font-weight:400;color:transparent;padding:1.25rem 1rem;line-height:1.8;caret-color:var(--ink);white-space:pre;scrollbar-width:thin}button.run.svelte-1h8xysy{font-family:var(--mono);font-size:.55rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--faint);padding:.25rem .75rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}button.run.svelte-1h8xysy:hover,button.run.active.svelte-1h8xysy{background:var(--ink);color:var(--paper)}.output-pane.svelte-1h8xysy{display:flex;flex-direction:column;position:relative}.canvas-wrap.svelte-1h8xysy{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:120px}.canvas-container.svelte-1h8xysy{position:relative;line-height:0}.canvas-container.svelte-1h8xysy canvas:where(.svelte-1h8xysy){display:block;width:100%;height:100%;image-rendering:pixelated}.grid-overlay.svelte-1h8xysy{position:absolute;inset:0;pointer-events:none;mix-blend-mode:difference;background-image:linear-gradient(to left,var(--grid-lines) 1px,transparent 1px),linear-gradient(to top,var(--grid-lines) 1px,transparent 1px);background-size:var(--cell-size) var(--cell-size);border:.5px solid var(--grid-lines)}@media(device-pixel-ratio:2){.grid-overlay.svelte-1h8xysy{background-image:linear-gradient(to left,var(--grid-lines) .5px,transparent .5px),linear-gradient(to top,var(--grid-lines) .5px,transparent .5px)}}.pixel-highlight.svelte-1h8xysy{position:absolute;pointer-events:none;box-shadow:inset 0 0 0 1.5px #0064ffb3;z-index:2}.hover-info.svelte-1h8xysy{position:absolute;bottom:0;right:0;font-family:var(--mono);font-size:.6rem;color:#999;text-align:right;padding-right:2rem;display:flex;align-items:center;height:2rem}.hover-info.invisible.svelte-1h8xysy{visibility:hidden}.error-msg.svelte-1h8xysy{font-family:var(--serif);font-size:.8rem;color:#b04040;padding:.5rem 1rem;border-top:1px solid var(--faint);background:#b040401f}.error-msg.svelte-1h8xysy code{font-family:var(--mono);font-size:.7rem;color:#832f2f}.grid-toggle.svelte-1h8xysy{font-family:var(--mono);font-size:.55rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#bbb;background:transparent;border:none;padding:0;cursor:pointer;transition:color .15s}.grid-toggle.svelte-1h8xysy:hover{color:var(--ink)}.backdrop.svelte-1h8xysy .hl-comment{color:#b0b0b0}.backdrop.svelte-1h8xysy .hl-command{color:#295dab}.backdrop.svelte-1h8xysy .hl-variable{color:#aa2020}.backdrop.svelte-1h8xysy .hl-function{color:#5b3480}.backdrop.svelte-1h8xysy .hl-user-function{color:#0f8a24}.backdrop.svelte-1h8xysy .hl-error-line{background:#b040401f}@media(max-width:560px){.workspace.svelte-1h8xysy{grid-template-columns:1fr}.editor-pane.svelte-1h8xysy{border-right:none;border-bottom:1px solid var(--faint)}.canvas-wrap.svelte-1h8xysy{padding:1rem}button.run.svelte-1h8xysy{padding:.5rem 1rem}}