*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1a1a18;--paper: #f4f1ea;--faint: #d6d2c8;--mono: "Cascadia Code", monospace;--serif: "Alegreya Sans", sans-serif}html{font-size:18px}body{background:var(--paper);color:var(--ink);font-family:var(--serif);min-height:100vh}.playground.svelte-j6hxly{margin:0 auto;padding:0 2rem 4rem}.pg-header.svelte-j6hxly{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--faint);margin-bottom:1.5rem}.pg-back.svelte-j6hxly{font-family:var(--mono);font-size:.6rem;font-weight:300;letter-spacing:.15em;color:#888;text-decoration:none;transition:color .2s}.pg-back.svelte-j6hxly:hover{color:var(--ink)}.pg-title.svelte-j6hxly{font-family:var(--mono);font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:#888}.presets.svelte-j6hxly{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.preset-btn.svelte-j6hxly{font-family:var(--mono);font-size:.6rem;font-weight:300;letter-spacing:.15em;color:#888;background:transparent;border:1px solid var(--faint);padding:.35rem .8rem;cursor:pointer;transition:background .15s,color .15s}.preset-btn.svelte-j6hxly:hover{background:var(--ink);color:var(--paper)}.file-btn.svelte-j6hxly{font-style:italic}.pane-btn.svelte-j6hxly{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}.pane-btn.svelte-j6hxly:hover{background:var(--ink);color:var(--paper)}.pg-btn.svelte-j6hxly{font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--faint);padding:.4rem 1rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.pg-btn.svelte-j6hxly:hover:not(:disabled){background:var(--ink);color:var(--paper)}.pg-btn.svelte-j6hxly:disabled{opacity:.35;cursor:default}.controls.svelte-j6hxly{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.resolution-control.svelte-j6hxly{display:flex;align-items:center;gap:.8rem}.control-label.svelte-j6hxly{font-family:var(--mono);font-size:.58rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#aaa}.control-value.svelte-j6hxly{font-family:var(--mono);font-size:.65rem;color:#888;min-width:5rem}input[type=range].svelte-j6hxly{width:180px;accent-color:var(--ink)}.action-btns.svelte-j6hxly{display:flex;gap:.6rem}.hl-command{color:#295dab}.hl-variable{color:#aa2020}.hl-comment{color:#b0b0b0}.hl-function{color:#5b3480}@media(max-width:560px){.canvas-container{width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-width:101px;min-height:101px}.pane-btn.svelte-j6hxly{padding:.5rem 1rem}}@media(max-width:890px){.controls.svelte-j6hxly{flex-direction:column;align-items:stretch;gap:1rem}.action-btns.svelte-j6hxly{flex-wrap:wrap}}