:is(html,body){margin:0}.page[data-v-d5ac9fd9]{--bg:#e8f6ef;--grid:#1d866014;--sheet:#fff;--sheet-dim:#f4fbf7;--ink:#17392f;--ink-soft:#55786c;--rule:#c7e6d8;--accent:#1d8660;--accent-soft:#d3f0e3;--radius:2px;--font-text:"Avenir Next", "Segoe UI", system-ui, sans-serif;--font-display:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-label:var(--font-text);--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;box-sizing:border-box;background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);height:100dvh;min-height:100vh;color:var(--ink);font-family:var(--font-text);flex-direction:column;gap:18px;padding:22px 28px 26px;display:flex}.page[data-v-d5ac9fd9] *,.page[data-v-d5ac9fd9] :before,.page[data-v-d5ac9fd9] :after{box-sizing:border-box}.masthead[data-v-d5ac9fd9]{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:14px;display:flex}.title[data-v-d5ac9fd9]{align-items:center;gap:16px;display:flex}.mark[data-v-d5ac9fd9]{border-radius:var(--radius);background:var(--accent);width:52px;height:52px;color:var(--sheet);font:700 15px var(--font-code);border:3px solid var(--ink);box-sizing:border-box;flex:none;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mark>span[data-v-d5ac9fd9]{place-items:center;display:grid}.mark>span+span[data-v-d5ac9fd9]{border-left:2px solid var(--sheet)}h1[data-v-d5ac9fd9]{font:700 26px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0}.lede[data-v-d5ac9fd9]{max-width:62ch;color:var(--ink-soft);margin:6px 0 0;font-size:14.5px}.note[data-v-d5ac9fd9]{max-width:46ch;color:var(--ink-soft);text-align:right;margin:0;font-size:12.5px;line-height:1.45}.desk[data-v-d5ac9fd9]{flex:1;grid-template:"snippets write read"minmax(0,1fr)"snippets console console"/minmax(250px,min-content) minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:0;display:grid}h2[data-v-d5ac9fd9]{font:700 11.5px var(--font-text);letter-spacing:.12em;text-transform:uppercase;margin:0}.snippets[data-v-d5ac9fd9]{flex-direction:column;grid-area:snippets;gap:10px;min-height:0;display:flex}.in[data-v-d5ac9fd9]{color:var(--accent)}.toolbox[data-v-d5ac9fd9]{min-width:calc(var(--morphic-toolbox-block-width,0px) + 48px);flex:1;min-height:0;overflow:auto}.toolbox[data-v-d5ac9fd9] [data-category]{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.toolbox[data-v-d5ac9fd9] .morphic-block{background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--morphic-block-color,var(--ink));border-radius:var(--radius);cursor:grab;flex-direction:column;gap:3px;padding:7px 10px 8px;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.toolbox[data-v-d5ac9fd9] .morphic-block:hover{border-color:var(--accent);border-left-color:var(--morphic-block-color,var(--ink));transform:translate(3px)}.toolbox[data-v-d5ac9fd9] .morphic-toolbox-slot{vertical-align:-.2em;border:1px dashed var(--ink-soft);border-radius:3px;min-width:18px;height:1.1em;display:inline-block}.sheet[data-v-d5ac9fd9]{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.write[data-v-d5ac9fd9]{grid-area:write}.read[data-v-d5ac9fd9]{background:var(--sheet-dim);grid-area:read}.write[data-v-d5ac9fd9]{border-top:3px solid var(--accent)}.read[data-v-d5ac9fd9]{border-style:dashed}.sheet-head[data-v-d5ac9fd9]{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sheet-head label[data-v-d5ac9fd9]{align-items:baseline;gap:10px;display:flex}.verb[data-v-d5ac9fd9]{color:var(--ink-soft);font-size:14px}select[data-v-d5ac9fd9]{appearance:none;border:1px solid var(--rule);border-radius:var(--radius);background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M0 0l5 6 5-6z%27 fill=%27%23555%27/%3E%3C/svg%3E") no-repeat right 9px center;color:var(--ink);font:700 16px var(--font-display);cursor:pointer;padding:4px 28px 4px 10px}select[data-v-d5ac9fd9]:focus-visible,.run[data-v-d5ac9fd9]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tag[data-v-d5ac9fd9]{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.editor[data-v-d5ac9fd9]{flex:1;min-height:0;overflow:hidden}.console[data-v-d5ac9fd9]{flex-direction:column;grid-area:console;gap:8px;display:flex}.console-head[data-v-d5ac9fd9]{align-items:center;gap:14px;display:flex}.run[data-v-d5ac9fd9]{border-radius:var(--radius);background:var(--accent);color:var(--sheet);font:700 14px var(--font-text);cursor:pointer;border:0;padding:6px 20px}.run[data-v-d5ac9fd9]:after{content:" ▸"}.run[data-v-d5ac9fd9]:hover{filter:brightness(1.15)}.lines[data-v-d5ac9fd9]{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);height:210px;font:13.5px/1.6 var(--font-code);margin:0;padding:10px 14px;overflow:auto}.line[data-v-d5ac9fd9]{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.line[data-v-d5ac9fd9]:before{content:"› ";color:var(--rule)}.error[data-v-d5ac9fd9]{color:#b3261e}.empty[data-v-d5ac9fd9]{color:var(--ink-soft);font-style:italic}@media (max-width:1000px){.desk[data-v-d5ac9fd9]{grid-template:"snippets snippets""write read"minmax(320px,1fr)"console console"/minmax(0,1fr) minmax(0,1fr)}.toolbox[data-v-d5ac9fd9]{max-height:210px}.toolbox[data-v-d5ac9fd9] [data-category]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}}@media (max-width:700px){.page[data-v-d5ac9fd9]{height:auto;padding:16px 16px 24px}.masthead[data-v-d5ac9fd9]{flex-direction:column;align-items:flex-start;gap:10px}.note[data-v-d5ac9fd9]{text-align:left}.mark[data-v-d5ac9fd9]{width:44px;height:44px}.desk[data-v-d5ac9fd9]{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"write""snippets""read""console"}.editor[data-v-d5ac9fd9]{flex:none;height:340px}.toolbox[data-v-d5ac9fd9]{max-height:240px}}