.header[data-v-8bc77730]{flex-flow:row;grid-area:header;justify-content:space-between;align-items:center;padding-inline:1rem;display:flex}.header-title[data-v-8bc77730] *{font-optical-sizing:auto;font-size:1.8rem;font-style:normal;font-weight:400;font-family:Handlee,sans-serif!important}.graph[data-v-8bc77730]{color:var(--color-accent-1)}.editor[data-v-8bc77730]{margin-inline-end:.5rem;font-weight:600!important}.icon-info[data-v-8bc77730]{filter:opacity(.5);cursor:help;place-items:center;width:1.5rem;height:1.5rem;display:grid}.icon-hover[data-v-8bc77730]{filter:opacity()}.icon-github[data-v-8bc77730]{margin-inline-end:.25rem}.header-error[data-v-8bc77730]{color:#c0392b;white-space:nowrap;text-overflow:ellipsis;cursor:help;background:#fdf3f2;border:1px solid #f5c6c2;border-radius:4px;flex:1;margin:0 1.5rem;padding:.25rem .75rem;font-family:monospace;font-size:.8rem;overflow:hidden}.toolbar[data-v-7a553662]{background-color:var(--color-secondary-3);border-bottom:1px solid var(--color-secondary-2);box-sizing:border-box;align-items:center;gap:1rem;width:100%;min-width:5.8rem;height:4.6rem;padding-inline:1.4rem .5rem;display:flex}.toolbar.vertical[data-v-7a553662]{border-bottom:none;flex-direction:column;gap:.75rem;width:4rem;height:100%;padding-block:.75rem 1.2rem;padding-inline:0}.type-selector[data-v-7a553662]{border:1px solid #ccc;display:flex;overflow:hidden}.toolbar.vertical .type-selector[data-v-7a553662]{flex-direction:column}.type-btn[data-v-7a553662]:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.type-btn[data-v-7a553662]:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.active[data-v-7a553662]{cursor:not-allowed;background:var(--color-accent-1)}.active[data-v-7a553662]:hover{border-bottom-color:var(--color-accent-1)}.font-selector[data-v-7a553662]{align-items:center;display:flex}.font-select[data-v-7a553662]{border:.2rem solid var(--color-secondary-2);cursor:pointer;background:#fff;border-radius:4px;padding:.5rem .8rem;font-size:1.4rem}.font-select[data-v-7a553662]:hover{border-color:var(--color-accent-1)}.actions[data-v-7a553662]{margin-left:auto}.toolbar.vertical .actions[data-v-7a553662]{margin-top:auto;margin-left:0}.action-btn[data-v-7a553662]{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.2rem .75rem;font-size:1.8rem;font-weight:600;display:flex}.action-btn[data-v-7a553662]:hover{border-color:var(--color-accent-1)}.action-btn[data-v-7a553662]:active{background-color:var(--color-accent-2)}@media (width<=768px){.fold-action[data-v-7a553662]{display:none!important}.toolbar.vertical[data-v-7a553662]{border-bottom:1px solid #e0e0e0!important;border-right:none!important;flex-direction:row!important;gap:1rem!important;width:100%!important;height:2.25rem!important;padding:0 .75rem!important}.toolbar.vertical .type-selector[data-v-7a553662]{flex-direction:row!important}.toolbar.vertical .type-btn[data-v-7a553662]{border-bottom:none!important;border-right:1px solid #ccc!important;padding:.2rem .75rem!important}.toolbar.vertical .type-btn[data-v-7a553662]:last-child{border-right:none!important}.toolbar.vertical .actions[data-v-7a553662]{margin-top:0!important;margin-left:auto!important}.font-selector[data-v-7a553662]{display:flex!important}}.monaco-editor-container[data-v-2f908736]{width:100%;height:100%}.monaco-editor-container[data-v-2f908736] *{font-family:Fira Code,monospace}.editor-container[data-v-a830a42b]{background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-container.is-folded[data-v-a830a42b]{flex-direction:row}.workspace[data-v-a830a42b]{border-top:none;flex-grow:1;overflow:hidden}@media (width<=768px){.editor-container.is-folded[data-v-a830a42b]{flex-direction:column!important}.workspace[data-v-a830a42b]{display:block!important}}.footer[data-v-9e50d6ae]{z-index:30;background:#f8f9fa;border-top:1px solid #e0e0e0;align-items:center;gap:1rem;height:.5rem;padding:0 1rem;font-size:.75rem;transition:height .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.footer[data-v-9e50d6ae]:hover{height:5rem}.footer:hover .row[data-v-9e50d6ae]{display:flex}.row[data-v-9e50d6ae]{flex:1;justify-content:space-between;align-items:center;width:100%;display:none}.footer-group[data-v-9e50d6ae]{align-items:center;gap:.4rem;display:flex}.label[data-v-9e50d6ae]{color:#666;margin-right:.2rem;font-weight:600}.footer-divider[data-v-9e50d6ae]{background:#ddd;width:1px;height:1rem}.footer-spacer[data-v-9e50d6ae]{flex:1}@media (width<=768px){.footer[data-v-9e50d6ae]{grid-area:footer;position:relative;height:100%!important;display:flex!important}.footer .row[data-v-9e50d6ae]{flex-direction:column;gap:.5rem;display:flex!important}.footer-spacer[data-v-9e50d6ae]{display:none}}.viewer[data-v-14344d50]{background:#fff;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.viewer-toolbar[data-v-14344d50]{z-index:10;opacity:.4;flex-flow:column;align-items:center;gap:.25rem;padding:0 .75rem;transition:opacity .2s;display:flex;position:absolute;top:2rem;right:2rem}.viewer-toolbar[data-v-14344d50]:hover{opacity:1}.button[data-v-14344d50]{background:var(--color-secondary-4);border:1px solid var(--color-secondary-3);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:50%;padding:1.6rem;font-size:2rem;transition:border-color .2s}.not-allowed[data-v-14344d50]{opacity:.8;cursor:not-allowed!important;background:0 0!important;border:none!important}.not-allowed[data-v-14344d50]:hover{box-shadow:none!important;background:0 0!important;border:none!important}.button[data-v-14344d50]:hover{border-color:var(--color-accent-1);background:var(--color-accent-4);box-shadow:0 0 .3rem .05rem #00000016}.zoom-btn[data-v-14344d50]{cursor:pointer;border:1px solid #ccc;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.zoom-reset[data-v-14344d50]{cursor:pointer;text-align:center;background:0 0;border:none;border-radius:.2rem;margin:.8rem;padding:.8rem;font-size:1.4rem;font-weight:500}.canvas[data-v-14344d50]{box-sizing:border-box;touch-action:none;width:100%;height:100%;padding:1rem;position:relative;overflow:hidden}.diagram[data-v-14344d50]{color:#333;min-width:100px;font-size:16px;display:inline-block}.mermaid-output[data-v-14344d50] svg,.plantuml-output[data-v-14344d50] svg{width:100%;height:auto;display:block;max-width:none!important}.plantuml-output[data-v-14344d50]{pointer-events:none}.container[data-v-bf991b7a]{grid-template:"header"3rem"main"1fr/100%;width:100%;height:100%;display:grid;position:fixed;overflow:hidden}.main[data-v-bf991b7a]{background-color:#eee;flex:1;grid-area:main;display:flex;overflow:hidden}.is-resizing[data-v-bf991b7a]{-webkit-user-select:none;user-select:none}.editor-pane[data-v-bf991b7a]{z-index:10}.resizer[data-v-bf991b7a]{cursor:ew-resize;background-color:var(--color-secondary-3);z-index:2;justify-content:center;align-items:center;width:4px;transition:background-color .2s;display:flex}.resizer[data-v-bf991b7a]:hover{background-color:var(--color-accent-1)}.is-resizing .resizer[data-v-bf991b7a]{background-color:var(--color-info-1)}.resizer-handle[data-v-bf991b7a]{background-color:#ccc;width:1px;height:20px}.viewer-pane[data-v-bf991b7a]{flex:1;min-width:0}@media (width<=768px){.container[data-v-bf991b7a]{grid-template-rows:3rem 1fr 3rem;grid-template-areas:"header""main""footer"}.main[data-v-bf991b7a]{flex-direction:column;overflow-y:auto}.editor-pane[data-v-bf991b7a]{flex:none!important;width:100%!important;height:50vh!important}.resizer[data-v-bf991b7a]{display:none!important}.viewer-pane[data-v-bf991b7a]{flex:none!important;width:100%!important;height:50vh!important}}:root{--v-tooltip-left:50%;--v-tooltip-top:0%;--v-tooltip-translate:translate(-50%, -110%);--v-tooltip-left-offset:0px;--v-tooltip-top-offset:0px;--v-tooltip-width:max-content;--v-tooltip-background-color:#000;--v-tooltip-color:#fff;--v-tooltip-border-radius:.4rem;--v-tooltip-padding:.6em;--v-tooltip-font-size:1.2rem;--v-tooltip-border:none;--v-tooltip-box-shadow:none;--v-tooltip-transition-duration:.25s;--v-tooltip-transition-delay:.3s;--v-tooltip-transition-timing-function:ease;--v-tooltip-arrow-display:none;--v-tooltip-arrow-border-color:var(--v-tooltip-background-color) transparent transparent transparent;--v-tooltip-arrow-top:calc(var(--v-tooltip-top) - var(--v-tooltip-top-offset) + 8px);--v-tooltip-arrow-left:calc(var(--v-tooltip-left) - var(--v-tooltip-left-offset))}.data-v-tooltip{position:relative}.data-v-tooltip:after{z-index:2147483647;content:attr(data-v-tooltip);left:calc(var(--v-tooltip-left) - var(--v-tooltip-left-offset));top:calc(var(--v-tooltip-top) - var(--v-tooltip-top-offset));transform:var(--v-tooltip-translate);width:var(--v-tooltip-width);background-color:var(--v-tooltip-background-color);color:var(--v-tooltip-color);font-family:var(--font-family);border-radius:var(--v-tooltip-border-radius);padding:var(--v-tooltip-padding);font-size:var(--v-tooltip-font-size);border:var(--v-tooltip-border);box-shadow:var(--v-tooltip-box-shadow);transition-property:all;transition-duration:var(--v-tooltip-transition-duration);transition-delay:0s;transition-timing-function:var(--v-tooltip-transition-timing-function);opacity:0;visibility:hidden;pointer-events:none;position:absolute}.data-v-tooltip:before{z-index:2147483647;content:"";display:var(--v-tooltip-arrow-display);left:var(--v-tooltip-arrow-left);top:var(--v-tooltip-arrow-top);transform:var(--v-tooltip-translate);border-style:solid;border-width:5px;border-color:var(--v-tooltip-arrow-border-color);transition-property:all;transition-duration:var(--v-tooltip-transition-duration);transition-delay:0s;transition-timing-function:var(--v-tooltip-transition-timing-function);opacity:0;visibility:hidden;pointer-events:none;position:absolute}.data-v-tooltip:hover:after,.data-v-tooltip:hover:before{transition-duration:var(--v-tooltip-transition-duration);transition-delay:var(--v-tooltip-transition-delay);transition-timing-function:var(--v-tooltip-transition-timing-function);opacity:1;visibility:visible}