:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#20201e;background:#f7f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;color:inherit}.app-shell{height:100dvh;display:grid;grid-template-rows:49px minmax(0,1fr);background:#fbfbfa}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #dededb;background:#f7f7f5;-webkit-user-select:none;user-select:none}.toolbar-identity{display:flex;align-items:center;min-width:0;gap:12px}.wordmark{color:#20201e;font-size:14px;font-weight:600;letter-spacing:-.04em;text-decoration:none}.title-input{width:min(260px,22vw);min-width:110px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:12px}.title-input:hover,.title-input:focus{border-color:#d8d8d5;background:#fbfbfa;outline:none}.title-input::placeholder{color:#92928d}.toolbar-actions,.zoom-control{display:flex;align-items:center}.toolbar-actions{gap:5px}.mode-control{display:flex;overflow:hidden;border:1px solid #dededb;border-radius:4px}.mode-control .text-button{height:26px;border-radius:0}.mode-control .text-button+.text-button{border-left-color:#dededb}.toolbar-divider{width:1px;height:17px;margin:0 7px;background:#dededb}.text-button,.icon-button,.zoom-value{border:1px solid transparent;background:transparent;border-radius:3px;cursor:pointer;height:28px}.text-button{padding:0 8px;font-size:12px}.icon-button{width:26px;padding:0;font-size:17px;line-height:1}.zoom-value{width:55px;padding:0;font-size:12px;border-left-color:#e4e4e1;border-right-color:#e4e4e1;border-radius:0}.zoom-control{border:1px solid #dededb;border-radius:4px;overflow:hidden}.zoom-control .icon-button{border-radius:0}button:hover,.text-button.active{background:#ececea;border-color:#d8d8d5}.zoom-control button:hover{border-color:transparent}button:focus-visible{outline:2px solid #777;outline-offset:1px}.canvas{position:relative;overflow:hidden;isolation:isolate;cursor:grab;background-color:#fbfbfa;background-image:radial-gradient(#ddddda .65px,transparent .75px);background-size:18px 18px}.canvas.panning{cursor:grabbing}.diagram{position:absolute;left:50%;top:50%;width:max-content;margin:0;padding:16px 20px;color:#272725;background:#fbfbfaf5;font:15px/1.38 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:0;white-space:pre;transform-origin:center center;cursor:inherit;user-select:none;-webkit-user-select:none}.canvas.selection-mode .diagram{cursor:text;user-select:text;-webkit-user-select:text}.diagram.markdown{width:min(760px,calc(100vw - 80px));padding:26px 32px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.7;white-space:normal}.diagram.markdown h1,.diagram.markdown h2,.diagram.markdown h3{margin:0 0 18px;line-height:1.25}.diagram.markdown h2{margin-top:32px;font-size:1.35em}.diagram.markdown h3{margin-top:25px;font-size:1.1em}.diagram.markdown p{margin:0 0 15px}.diagram.markdown .markdown-item{padding-left:8px}.diagram.markdown pre{margin:18px 0;padding:14px;overflow:auto;border:1px solid #dfdfdc;border-radius:4px;background:#f1f1ef;font:13px/1.5 ui-monospace,monospace;white-space:pre}.diagram.markdown code{font-family:ui-monospace,monospace}.diagram.markdown :not(pre)>code{padding:1px 4px;border-radius:3px;background:#ececea;font-size:.9em}.diagram.markdown hr{margin:25px 0;border:0;border-top:1px solid #dededb}.diagram::selection{color:#111;background:#c9d8e7}.help-panel{position:fixed;z-index:4;top:60px;right:16px;width:min(300px,calc(100vw - 32px));padding:12px 13px;border:1px solid #d2d2cf;border-radius:5px;color:#454541;background:#f8f8f6;box-shadow:0 5px 18px #00000017;font-size:11px;line-height:1.45}.help-panel[hidden]{display:none}.help-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#22221f}.help-heading .icon-button{width:22px;height:22px;font-size:17px}.help-panel p{margin:5px 0}kbd{padding:1px 4px;border:1px solid #d6d6d3;border-radius:3px;background:#eeeeeb;font:inherit}.hint{position:absolute;z-index:2;right:17px;bottom:12px;margin:0;color:#8a8a86;font-size:10px;letter-spacing:.01em;pointer-events:none;transition:opacity .2s}.toast{position:fixed;z-index:3;left:50%;bottom:22px;padding:8px 11px;border:1px solid #d2d2cf;border-radius:4px;color:#353532;background:#f8f8f6;box-shadow:0 2px 9px #0000000f;font-size:11px;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%)}body.dark{color:#e7e7e3;background:#161616}.dark .app-shell,.dark .canvas{background-color:#181818}.dark .toolbar{border-color:#363634;background:#20201f}.dark .wordmark{color:#f0f0ec}.dark .title-input:hover,.dark .title-input:focus{border-color:#595956;background:#292927}.dark .title-input::placeholder{color:#888883}.dark .toolbar-divider,.dark .mode-control,.dark .zoom-control{border-color:#484845;background:#20201f}.dark .toolbar-divider{background:#484845}.dark .mode-control .text-button+.text-button{border-left-color:#484845}.dark button:hover,.dark .text-button.active{background:#343432;border-color:#565653}.dark .canvas{background-image:radial-gradient(#454542 .65px,transparent .75px)}.dark .diagram{color:#e8e8e4;background:#1c1c1bf5}.dark .diagram.markdown pre{border-color:#484845;background:#222220}.dark .diagram.markdown :not(pre)>code{background:#383836}.dark .diagram.markdown hr{border-color:#484845}.dark .hint{color:#989893}.dark .help-panel,.dark .toast{border-color:#4b4b48;color:#d9d9d5;background:#292927;box-shadow:0 5px 18px #00000047}.dark .help-heading{color:#f0f0ec}.dark kbd{border-color:#565653;background:#383836}@media(max-width:560px){.toolbar{justify-content:center;padding:0 7px}.wordmark,#fitButton,.zoom-value{display:none}.toolbar-actions{gap:2px}.text-button{padding:0 5px}.toolbar-divider{margin:0 2px}.hint{display:none}.diagram{font-size:12px}}