.editor.svelte-1k96qzc{height:100%;overflow:hidden}.editor.svelte-1k96qzc .cm-editor{height:100%}main.svelte-193npg9{padding-bottom:4rem}.intro.svelte-193npg9{padding-block:2.5rem 2rem}.workspace.svelte-193npg9{width:100%;max-width:1560px;padding-inline:var(--gutter);margin-inline:auto}.toolbar.svelte-193npg9{box-shadow:var(--shadow-pixel-sm);flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-top:2rem;padding:1rem 1.25rem;display:flex}.field.svelte-193npg9{flex:320px;gap:.35rem;max-width:520px;display:grid}.field-label.svelte-193npg9{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem}.select.svelte-193npg9{position:relative}.select.svelte-193npg9:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--ink);pointer-events:none;position:absolute;top:50%;right:1rem;translate:0 -30%}select.svelte-193npg9{appearance:none;border:var(--border);width:100%;min-height:48px;color:var(--ink);font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:0;padding:0 2.5rem 0 .9rem;font-size:1rem;font-weight:600}select.svelte-193npg9:disabled{opacity:.6;cursor:progress}.tool-actions.svelte-193npg9{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.btn--small.svelte-193npg9{min-height:48px;padding:.5rem 1rem;font-size:.875rem}.doc-link.svelte-193npg9{min-height:44px;color:var(--purple);text-underline-offset:4px;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.banner.svelte-193npg9{border:var(--border);margin-top:1rem;padding:.75rem 1rem;font-weight:600}.banner--error.svelte-193npg9{background:#ffe1e4}.cols.svelte-193npg9{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:2rem;display:grid}.editor.svelte-193npg9{background:var(--ink);flex-direction:column;height:clamp(520px,78vh,820px);display:flex;overflow:hidden}.tabs.svelte-193npg9{background:var(--lavender);border-bottom:var(--border);flex-shrink:0;display:flex;overflow-x:auto}.tab.svelte-193npg9{border:0;border-right:3px solid var(--ink);min-height:48px;color:var(--ink-soft);font-family:var(--font-body);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;flex-shrink:0;padding:0 1.1rem;font-size:.9375rem;font-weight:600}.tab.svelte-193npg9:hover{background:#e6e0f8}.tab[aria-selected=true].svelte-193npg9{background:var(--yellow);color:var(--ink);font-weight:700}.editor-body.svelte-193npg9{flex:auto;min-height:0;position:relative}.pane.svelte-193npg9{position:absolute;inset:0}.pane.hidden.svelte-193npg9{display:none}.status-bar.svelte-193npg9{color:#b3abd3;background:#1d1540;border-top:2px solid #3d2f6e;flex-shrink:0;max-height:7.5rem;padding:.6rem 1rem;font-size:.8125rem;overflow-y:auto}.status-bar.svelte-193npg9 p:where(.svelte-193npg9){white-space:pre-wrap}.status-bar.svelte-193npg9 .err:where(.svelte-193npg9){color:#ff9aa2}.status-bar.svelte-193npg9 .ok:where(.svelte-193npg9){color:#a8e6b0}.status-bar.svelte-193npg9 code:where(.svelte-193npg9){color:var(--yellow)}.preview.svelte-193npg9{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid;position:sticky;top:96px}.bezel.svelte-193npg9{background:linear-gradient(115deg, #ffffff24 0 16%, transparent 16% 100%), linear-gradient(200deg, var(--purple-light), var(--purple) 55%, #4f408a);border:4px solid var(--ink);box-shadow:10px 12px 0 var(--ink);border-radius:14px 14px 36px 36px;padding:.9rem 1.1rem 1.25rem}.bezel-top.svelte-193npg9{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.led.svelte-193npg9{border:2px solid var(--ink);background:#7ef0a0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #7ef0a0}.led.busy.svelte-193npg9{background:var(--yellow);box-shadow:0 0 8px var(--yellow);animation:.8s steps(2,end) infinite svelte-193npg9-pulse}.bezel-label.svelte-193npg9{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;font-size:.75rem}.frame.svelte-193npg9{border:4px solid var(--ink);background:#000;border-radius:6px;line-height:0;position:relative;overflow:hidden}.scaler.svelte-193npg9{transform-origin:0 0;position:absolute;top:0;left:0}.canvas.svelte-193npg9{color:#fff;background:#000;line-height:normal;position:relative;overflow:hidden}.hud.svelte-193npg9{background:var(--ink);border:var(--border);box-shadow:var(--shadow-pixel-sm);color:#f1eefb;margin:0}.hud-row.svelte-193npg9{grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .9rem;display:grid}.hud-row.svelte-193npg9+.hud-row:where(.svelte-193npg9){border-top:2px solid #3d2f6e}.hud.svelte-193npg9 dt:where(.svelte-193npg9){font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#b3abd3;font-size:.75rem}.hud.svelte-193npg9 dt:where(.svelte-193npg9) code:where(.svelte-193npg9){color:var(--yellow);text-transform:none;font-family:var(--font-body)}.hud.svelte-193npg9 dd:where(.svelte-193npg9){overflow-wrap:anywhere;color:#a8e6b0;margin:0;font-size:.875rem}.reset.svelte-193npg9{background:var(--yellow);min-height:36px;color:var(--ink);font-family:var(--font-display);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);border:2px solid #000;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.75rem;display:inline-flex}.reset.svelte-193npg9:active{transform:translate(2px,2px)}.note.svelte-193npg9{color:var(--ink-soft);align-items:flex-start;gap:.6rem;font-size:.875rem;display:flex}.note.svelte-193npg9 svg{color:var(--purple);flex-shrink:0;margin-top:.2rem}.note.svelte-193npg9 code:where(.svelte-193npg9){background:var(--yellow-soft);padding:0 .3rem;font-size:.85em}.skip.svelte-193npg9{z-index:100;background:var(--yellow);border:var(--border);padding:.75rem 1rem;font-weight:700;position:absolute;top:-100px;left:1rem}.skip.svelte-193npg9:focus{top:1rem}@keyframes svelte-193npg9-pulse{50%{opacity:.4}}@media (width<=1080px){.cols.svelte-193npg9{grid-template-columns:1fr}.preview.svelte-193npg9{order:-1;position:static}.editor.svelte-193npg9{height:520px}}@media (width<=560px){.hud-row.svelte-193npg9{grid-template-columns:1fr auto}.hud.svelte-193npg9 dd:where(.svelte-193npg9){grid-area:2/1/auto/-1}.bezel.svelte-193npg9{box-shadow:6px 8px 0 var(--ink);padding:.6rem .6rem .9rem}}