:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f2e8;--paper:#fffcf6;--fg:#1d2420;--muted:#66706a;--line:#dcd5c8;--wash:#efe6d6;--error:#a44b3f;--error-bg:#f8ebe7;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:"Newsreader", Georgia, serif;font-family:var(--font-sans);color:var(--fg);background:var(--bg);font-size:14px;line-height:1.45}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:6px 8px}button:hover{background:var(--wash)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.app{background:var(--bg);grid-template-columns:180px minmax(0,1fr);height:100%;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;gap:8px;min-height:0;padding:18px 12px;display:flex;overflow:auto}.sidehead{flex-direction:column;gap:8px;padding:0 6px 8px;display:flex}.mark{font-family:var(--font-serif);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:20px;font-weight:600;display:flex}.mark svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.sideactions{gap:2px;display:flex}.list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.list button{cursor:grab;width:100%}.list li.dragging button{cursor:grabbing}.list li[data-drop=before]{box-shadow:inset 0 2px 0 var(--fg)}.list li[data-drop=after]{box-shadow:inset 0 -2px 0 var(--fg)}.list button[aria-current=true]{background:var(--wash);font-weight:500}.main{background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.docbar{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:16px 18px 12px;display:flex}.title{min-width:0;font-family:var(--font-serif);letter-spacing:-.02em;background:0 0;border:0;flex:1;margin:0;padding:0;font-size:26px;font-weight:600;line-height:1.2}.title::placeholder{color:#8a908b}.actions{align-items:center;gap:2px;display:flex}.icon{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.saved{color:var(--muted)}.notice{color:var(--error);background:var(--error-bg);border-bottom:1px solid var(--line);margin:0;padding:8px 18px}.notice[data-tone=done]{color:var(--fg);background:var(--wash)}.work{flex:1;min-width:0;min-height:0;display:flex}.work.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.source{resize:none;background:0 0;border:0;flex:1 1 0;width:auto;min-width:0;height:auto;min-height:0;margin:0;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.split{cursor:col-resize;touch-action:none;background:0 0;border:0;flex:0 0 10px;min-width:10px;padding:0;position:relative}.split:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:4px}.split:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.preview{--pele-bg:transparent;--pele-fg:var(--fg);--pele-muted:var(--muted);--pele-line:var(--fg);--pele-surface:#fffdf8;--pele-surface-alt:#efe6d6;--pele-border:#8a8478;--pele-accent:#2f628f;--pele-error:var(--error);--pele-series-1:#2f628f;--pele-series-2:#a44b3f;--pele-series-3:#3d6848;--pele-series-4:#8d6b2f;--pele-series-5:#2f6d66;--pele-series-6:#654e86;--pele-series-7:#8a4d66;--pele-series-8:#8a8478;--pele-font:var(--font-sans);flex:1 1 0;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:0;padding:28px 20px;display:flex;position:relative;overflow:auto}.tools{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;right:12px}.tools .icon{background:var(--paper);border:1px solid var(--line)}.tools .icon:disabled{color:var(--muted);cursor:default}.tools .icon:disabled:hover{background:var(--paper)}#diagram{width:100%;min-width:0}#diagram>svg{width:100%;height:auto;display:block}.preview .pele-error{color:var(--error);white-space:pre-wrap;margin:12px 0 0;font-size:13px}@media (width<=640px){.app{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}.sidehead{flex-direction:row;justify-content:space-between;align-items:center}.list{flex-flow:wrap}.list button{width:auto}.list li[data-drop=before]{box-shadow:inset 2px 0 0 var(--fg)}.list li[data-drop=after]{box-shadow:inset -2px 0 0 var(--fg)}.docbar{flex-wrap:wrap}.title{flex-basis:100%}.main{min-height:0}.work{flex-direction:column}.work.is-resizing{cursor:row-resize}.source{min-height:120px}.split{cursor:row-resize;flex-basis:10px;width:100%}.split:before{width:auto;height:1px;inset:4px 0 auto}.preview{min-height:120px}}