:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--diagram-font:var(--font-ui);--bar-height:2.375rem;--status-height:1.5rem;font-family:var(--font-ui);font-size:14px}html[data-theme=light],:root{--bg:#fff;--fg:#1b1b1b;--muted:#5c5c5c;--panel:#f3f3f3;--panel-2:#e9e9e9;--bar:#f3f3f3;--rule:#d8d8d8;--canvas:#fafafa;--active-script:#1b1b1b0d;--bracket-match:#1b8a7a3d;--bracket-nonmatch:#c0392b26;--search-match:#f2c23a59;--search-match-selected:#f2a23aa6;--error-fg:#c0392b;--error-bg:#fdecea;--ok:#1b7a4b;--shadow:#0000002e;--accent:#1b6fd6;--accent-fg:#fff}html[data-theme=dark]{--bg:#1b1b1b;--fg:#e8e8e8;--muted:#a0a0a0;--panel:#262626;--panel-2:#2f2f2f;--bar:#262626;--rule:#3a3a3a;--canvas:#161616;--active-script:#e8e8e814;--bracket-match:#5fd3bd4d;--bracket-nonmatch:#ff8a7a33;--search-match:#d9a52a4d;--search-match-selected:#e08a2a99;--error-fg:#ff8a7a;--error-bg:#3a1f1c;--ok:#5fd39b;--shadow:#0006;--accent:#6aa9f0;--accent-fg:#101010}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms;animation-duration:.01ms}}.app{background:var(--bg);height:100%;color:var(--fg);flex-direction:column;display:flex}.app__bar{min-height:var(--bar-height);background:var(--bar);border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding:0 .75rem;display:flex}.app__title{font-weight:600}.app__badge{opacity:.7;font-size:.8em}.app__document{align-items:baseline;gap:.35rem;display:inline-flex}.app__unsaved{background:var(--accent);border-radius:50%;width:.45rem;height:.45rem}.menu{position:relative}.menu__items{z-index:10;background:var(--bg);border:1px solid var(--rule);border-radius:.25rem;flex-direction:column;min-width:12rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 .5rem 1.5rem #0000002e}.menu--up .menu__items{min-width:8rem;top:auto;bottom:calc(100% + .25rem)}.menu--up>button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.menu__items button{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.2rem;padding:.3rem .5rem}.menu__items button:hover,.menu__items button:focus-visible{background:var(--active-script)}.menu__rule{border:none;border-top:1px solid var(--rule);margin:.25rem 0}.menu__group{flex-direction:column;display:flex}.menu__radios{border:none;margin:0;padding:0}.menu__radio{cursor:pointer;border-radius:.2rem;align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.menu__radio:hover,.menu__radio:focus-within{background:var(--active-script)}.menu__heading{opacity:.6;padding:.3rem .5rem;font-size:.8em}.menu__recent{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt::backdrop{background:#00000059}.prompt{background:var(--bg);min-width:20rem;max-width:28rem;color:var(--fg);border:1px solid var(--rule);border-radius:.4rem;padding:1rem;box-shadow:0 1rem 3rem #00000040}.prompt__title{margin:0 0 .5rem;font-size:1em}.prompt__body{opacity:.8;margin:0 0 1rem}.prompt__rows{margin:0 0 .75rem;padding:0;list-style:none}.prompt__row{align-items:center;gap:.5rem;display:flex}.prompt__pick{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.2rem;flex:1;padding:.35rem .5rem}.prompt__pick:hover,.prompt__pick:focus-visible{background:var(--active-script)}.prompt__choices{justify-content:flex-end;gap:.5rem;display:flex}.toasts{right:1rem;bottom:calc(var(--status-height) + .75rem);z-index:15;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:fixed}.toast{background:var(--bar);max-width:30rem;color:var(--fg);border:1px solid var(--rule);box-shadow:0 .5rem 1.5rem var(--shadow);pointer-events:auto;border-radius:.4rem;padding:.5rem .9rem}.toast__action{font:inherit;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:none;border-radius:.25rem;margin-left:.9rem;padding:.15rem .6rem}.app__split{flex:1;grid-template-columns:460px auto 1fr;min-height:0;transition:grid-template-columns .18s;display:grid}.gutter{cursor:col-resize;background:var(--rule);opacity:.6;width:6px}.gutter:hover{opacity:1;background:var(--accent)}.app__editor{border-right:1px solid var(--rule);grid-column:1;min-height:0;overflow:hidden}.gutter{grid-column:2}.preview{grid-column:3}.app__split[data-editor-hidden=true] .app__editor,.app__split[data-editor-hidden=true] .gutter{visibility:hidden}.preview{background:var(--canvas);touch-action:none;cursor:grab;place-items:center;display:grid;position:relative;overflow:hidden}.preview:active{cursor:grabbing}.preview__diagram{transform-origin:0 0;position:absolute;top:0;left:0}.preview__diagram svg{width:100%;height:100%;font-family:var(--diagram-font);display:block}.preview__diagram .is-highlighted{filter:drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 0 3px var(--accent))}.preview[data-failed=true] .preview__diagram{opacity:.3;filter:grayscale()}.preview__banner{white-space:pre-wrap;font-family:var(--font-mono);color:var(--error-fg);background:var(--error-bg);border-bottom:1px solid var(--error-fg);margin:0;padding:.4rem .75rem;position:absolute;top:0;left:0;right:0}.preview__hint{opacity:.6}.status{min-height:var(--status-height);background:var(--bar);border-top:1px solid var(--rule);align-items:center;gap:1rem;padding:.25rem .75rem;font-size:.85em;display:flex}.status__spacer{margin-left:auto}.status__error{font:inherit;color:var(--error-fg);cursor:pointer;background:0 0;border:none;padding:0}.toolbar{align-items:center;gap:.5rem;margin-left:auto;display:flex}.toolbar__group{border-right:1px solid var(--rule);align-items:center;gap:.15rem;padding-right:.5rem;display:flex}.toolbar__group:last-child{border-right:none;padding-right:0}.toolbar__button{min-width:1.75rem;height:1.75rem;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.2rem;justify-content:center;align-items:center;display:inline-flex}.toolbar__button[aria-disabled=true],.menu__items [aria-disabled=true]{opacity:.45;cursor:default}.toolbar__button:not([aria-disabled=true]):hover{background:var(--panel-2)}.menu__item{justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.menu__shortcut{font-family:var(--font-mono);opacity:.6;font-size:.85em}.about{min-width:18rem;color:var(--fg);background:var(--bg);border:1px solid var(--rule);border-radius:.4rem;padding:1rem}.about::backdrop{background:#00000059}.about__title{margin:0 0 .75rem;font-size:1em}.about__line{margin:0 0 .35rem}.about__link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.about__choices{justify-content:flex-end;margin-top:1rem;display:flex}