: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}.wordmark{color:#20201e;font-size:14px;font-weight:600;letter-spacing:-.04em;text-decoration:none}.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::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%)}@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}}