:root{--ui-mono:ui-monospace, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ui-bg:#f4f4f4;--ui-border:#d0d0d0;--ui-fg:#1b1b1b;--ui-accent:#0b5fa5;--ui-chord:#0b5fa5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ui-bg:#1c1c1c;--ui-border:#3a3a3a;--ui-fg:#ececec;--ui-accent:#7cc4ff;--ui-chord:#7cc4ff}}html,body,#root{height:100%;margin:0}body{color:var(--ui-fg);background:var(--ui-bg);font-family:system-ui,sans-serif}.app{flex-direction:column;height:100%;display:flex}.panes{flex:1;min-height:0;display:flex}.app-split .panes>*{flex:50%;min-width:0}.app-split .panes>.code{border-inline-end:1px solid var(--ui-border)}.app-tabs .panes>*{flex:100%}.tabs{border-bottom:1px solid var(--ui-border);display:flex}.tab{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:.75em}.tab[aria-selected=true]{border-bottom-color:var(--ui-accent);font-weight:600}.code{background:var(--ui-bg);min-height:0;overflow:hidden}.code .cm-editor{height:100%;color:var(--ui-fg);background:var(--ui-bg)}.code .cm-editor.cm-focused{outline:none}.code .cm-scroller{tab-size:4;font:1.125rem/1.5 ui-monospace,Menlo,Consolas,monospace}.code .cm-content{padding:.75em 0}.code .cm-line{padding:0 .75em}.preview{background:var(--ui-bg);overflow:auto}.toolbar{padding:.4em .75em;padding-bottom:calc(.4em + env(safe-area-inset-bottom));border-top:1px solid var(--ui-border);background:var(--ui-bg);align-items:center;gap:.5em;display:flex}.app-split .toolbar{border-top:0;border-bottom:1px solid var(--ui-border);order:-1;padding-bottom:.4em}.toolbar{padding-left:calc(.75em + env(safe-area-inset-left));padding-right:calc(.75em + env(safe-area-inset-right))}.tabs,.panes{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.toolbar-inserts{gap:.5em;display:flex}.toolbar-actions{align-items:center;gap:.5em;margin-inline-start:auto;display:flex}.toolbar-status{opacity:.8;font-size:.875em}.toolbar-button{font:inherit;color:inherit;border:1px solid var(--ui-border);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:.375em;padding:.4em .75em}.toolbar-button:hover,.toolbar-button:focus-visible{border-color:var(--ui-accent)}.toolbar-toggle[aria-pressed=true]{border-color:var(--ui-accent);color:var(--ui-accent);font-weight:600}.toolbar-build{font-family:var(--ui-mono);opacity:.55;-webkit-user-select:all;user-select:all;direction:ltr;font-size:.75em}.toolbar-insert{font-family:var(--ui-mono);white-space:nowrap;direction:ltr;min-width:3em;font-weight:600}