:root{--ink:#24232a;--muted:#7b7883;--line:#e6e3e8;--soft-line:#efedf1;--surface:#fffdfa;--canvas:#f7f6f4;--purple:#e0095f;--purple-dark:#b8074e;--purple-soft:#fde8f1}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#efedf3;--muted:#aaa5b1;--line:#37343d;--soft-line:#2c2931;--surface:#1b191f;--canvas:#121116;--purple:#e0095f;--purple-dark:#ff78aa;--purple-soft:#482133}*{box-sizing:border-box}html,body{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;margin:0;font-size:14px;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{background:var(--canvas);min-width:780px;height:100dvh}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfaf0;justify-content:space-between;align-items:center;height:64px;padding:0 14px 0 16px;display:flex;position:relative;box-shadow:0 1px 8px #271f3a08}.brand-lockup,.top-actions,.history-actions{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:0}.top-actions{gap:8px}.history-actions{gap:2px;margin-right:4px}.brand-mark{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:32px;height:32px;display:block}.brand-name{letter-spacing:-.03em;font-size:16px;font-weight:690}.top-divider{background:var(--line);width:1px;height:23px;margin:0 4px}.document-name{background:0 0;border:1px solid #0000;border-radius:7px;outline:none;width:156px;min-width:80px;padding:7px 8px;font-weight:580}.document-name:hover,.document-name:focus{border-color:var(--line);background:#fff}.local-diagram-switcher{position:relative}.save-status{color:#89868f;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;height:30px;padding:0 6px;font-size:11px;display:flex}.save-status:hover,.save-status[aria-expanded=true]{color:var(--ink);background:#251e2f0d}.save-status svg{color:#46a477}.save-status>svg:last-child{color:currentColor}.save-status.unavailable>svg:first-child{color:#c97a32}.save-status-spinner{animation:.8s linear infinite local-save-spin}@keyframes local-save-spin{to{transform:rotate(360deg)}}.local-diagram-menu{z-index:75;border:1px solid var(--line);width:330px;color:var(--ink);background:var(--surface);border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 48px #2a203929}.local-diagram-menu>header{justify-content:space-between;align-items:center;gap:12px;padding:13px 14px 10px;display:flex}.local-diagram-menu>header>span,.local-diagram-list button>span,.local-diagram-confirm>span{text-align:left;gap:2px;min-width:0;display:grid}.local-diagram-menu b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;overflow:hidden}.local-diagram-menu small{color:var(--muted);font-size:10px;font-weight:480}.local-diagram-menu>header>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:10px;font-weight:650;display:flex}.local-diagram-menu>header>button:hover{border-color:var(--purple);color:var(--purple-dark)}.local-diagram-search{border:1px solid var(--line);height:34px;color:var(--muted);background:var(--canvas);border-radius:8px;align-items:center;gap:7px;margin:0 10px 8px;padding:0 10px;display:flex}.local-diagram-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px var(--pink-wash)}.local-diagram-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.local-diagram-list{max-height:250px;padding:0 6px 6px;overflow-y:auto}.local-diagram-list>button{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:47px;padding:7px 9px;display:flex}.local-diagram-list>button:hover{background:var(--canvas)}.local-diagram-list>button.selected{color:var(--purple-dark);background:var(--pink-wash)}.local-diagram-list>button>span{flex:1}.local-diagram-list>button>svg{color:var(--purple);flex:none}.local-diagram-list>p{color:var(--muted);text-align:center;margin:18px 10px 22px;font-size:11px}.local-diagram-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.local-diagram-actions button{height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.local-diagram-actions button:hover{color:var(--ink);background:var(--canvas)}.local-diagram-actions button.danger:hover{color:#a33a4f;background:#fff1f4}.local-diagram-confirm{background:#fff7f8;border-top:1px solid #f1cbd4;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.local-diagram-confirm>div{gap:5px;display:flex}.local-diagram-confirm button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;height:28px;padding:0 9px;font-size:10px}.local-diagram-confirm button.danger{color:#fff;background:#bc4860;border-color:#bc4860}.workspace-switcher{border:1px solid var(--line);background:#ffffffb8;border-radius:9px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #241d2d0d}.workspace-switcher button{min-width:88px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:650;display:flex}.workspace-switcher button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 5px #251e2f1a}.workspace-switcher button.beautiful.active{color:var(--purple-dark)}.workspace-switcher button:disabled{opacity:.38;cursor:not-allowed}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;transition:all .14s;display:grid;position:relative}.icon-button:hover:not(:disabled){background:#f0edf2}.icon-button.active{color:var(--purple-dark);background:var(--purple-soft);box-shadow:inset 0 0 0 1px #f5c5d8}.icon-button:disabled{opacity:.28;cursor:default}.secondary-button,.primary-button,.wide-action{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:610;display:inline-flex;box-shadow:0 1px 2px #1c172408}.secondary-button:hover,.wide-action:hover{background:#fbfafc;border-color:#ccc7d1}.primary-button{border-color:var(--purple);color:#fff;background:var(--purple);box-shadow:0 3px 9px #e0095f2e}.primary-button:hover{background:var(--purple-dark)}.primary-button:disabled{opacity:.42;cursor:default}.primary-button.wide{width:100%;min-height:39px}.export-wrap{position:relative}.export-menu{border:1px solid var(--line);background:#fff;border-radius:11px;width:220px;padding:6px;position:absolute;top:41px;right:0;box-shadow:0 18px 48px #251c3229}.export-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:10px;width:100%;padding:10px;display:flex}.export-menu button:hover{background:#f6f4f7}.export-menu svg{color:var(--purple);margin-top:2px}.export-menu span{flex-direction:column;gap:2px;display:flex}.export-menu b{font-size:12px}.export-menu small{color:var(--muted);font-size:10px}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:58px minmax(520px,1fr) 300px;height:calc(100dvh - 64px);display:grid;overflow:hidden}.workspace.beautiful-workspace{grid-template-columns:58px minmax(520px,1fr) 340px}.tool-rail{z-index:20;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:10px;min-height:0;padding:12px 0;display:flex;position:relative}.tool-rail .icon-button{width:38px;height:38px}.tool-rail .icon-button kbd{color:#8d8792;font-family:var(--font-geist-mono);font-size:7px;font-weight:720;line-height:1;position:absolute;bottom:2px;right:3px}.tool-rail .icon-button.active kbd{color:var(--purple-dark)}.tool-rail.hide-shortcuts .icon-button kbd{display:none}.tool-group{flex-direction:column;flex:none;gap:4px;display:flex}.tool-separator{background:var(--soft-line);width:28px;height:1px}.rail-spacer{flex:1}.rail-help-stack{flex-direction:column;flex:none;gap:3px;display:flex}.canvas-viewport{background:#f7f6f4;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-viewport.is-connecting,.canvas-viewport.is-connecting *,.canvas-viewport.is-marquee,.canvas-viewport.is-marquee *{cursor:crosshair!important}.canvas-viewport.is-marquee,.canvas-viewport.is-marquee *{-webkit-user-select:none!important;user-select:none!important}.canvas-titlebar{z-index:15;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:18px;right:18px}.canvas-titlebar>div:first-child{pointer-events:auto;align-items:baseline;gap:9px;display:flex}.canvas-titlebar b{letter-spacing:-.02em;font-size:13px}.canvas-kicker{color:#96929b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:650}.canvas-view-controls{pointer-events:auto;align-items:center;gap:7px;display:flex}.direction-switch,.view-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:8px;padding:3px;display:flex}.direction-switch button,.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:flex}.direction-switch button.active,.view-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #2c263717}.view-switch button.active{color:var(--purple-dark)}.view-switch button:disabled{opacity:.38;cursor:not-allowed}.beautiful-mermaid-mark{flex:none;display:block}.beautiful-mermaid-mark .badge-piece{fill:none;stroke:var(--purple);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.view-switch button:not(.active) .beautiful-mermaid-mark{filter:saturate(.72);opacity:.82}.beautiful-preview-controls{pointer-events:auto;align-items:center;gap:7px;display:flex}.beautiful-output-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfad1;border:1px solid #e0095f29;border-radius:8px;padding:3px;display:flex;box-shadow:0 2px 10px #261c2d0d}.beautiful-output-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:650}.beautiful-output-switch button.active{color:var(--purple-dark);background:#fff;box-shadow:0 1px 4px #2c263717}.beautiful-text-actions{align-items:center;gap:5px;display:flex}.beautiful-text-actions>span{color:var(--beautiful-theme-fg,#27232a);background:var(--beautiful-ui-hover,#f1eef2);border-radius:999px;padding:4px 7px;font-size:8px;font-weight:650}.beautiful-text-actions>button{width:28px;height:28px;color:var(--beautiful-theme-fg,#27232a);background:var(--beautiful-ui-panel,#fffdfad1);cursor:pointer;border:1px solid #e0095f29;border-radius:7px;place-items:center;display:grid}.beautiful-text-actions>button:hover{border-color:var(--beautiful-theme-accent,#e0095f);background:var(--beautiful-ui-hover,#f1eef2)}.beautiful-text-actions>button:disabled{opacity:.45;cursor:not-allowed}.canvas-scroll{overscroll-behavior:none;scrollbar-color:#c9c4cd transparent;scrollbar-width:thin;position:absolute;inset:0;overflow:auto}.diagram-surface{--grid-size:20px;background-color:#f8f7f5;background-image:radial-gradient(circle,#d8d4db 1px,#0000 1.2px);background-size:var(--grid-size) var(--grid-size);min-width:100%;min-height:100%;position:relative}.diagram-surface.hide-grid{background-image:none}.diagram-surface.beautiful-surface{background-color:var(--beautiful-theme-bg);background-image:none}.diagram-board{transform-origin:0 0;position:absolute;top:0;left:0}.marquee-selection{z-index:30;pointer-events:none;background:#e0095f1c;border:1.5px solid #e0095f;border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #ffffffb3}.mermaid-stage{transform-origin:0 0;position:absolute}.mermaid-render{width:100%;height:100%}.polished-render{--mermade-polished-bg:#fffdfa;--mermade-polished-fg:#27232a}.polished-stage,.polished-render{background:0 0}.beautiful-text-preview{width:100%;height:100%;color:var(--beautiful-theme-fg,#27232a);background:0 0;display:block;overflow:visible}.beautiful-text-preview pre{width:max-content;color:inherit;font-variant-ligatures:none;font-synthesis:none;letter-spacing:0;tab-size:2;text-rendering:geometricprecision;white-space:pre;background:0 0;margin:0;padding:32px;font:500 13px/1.3 SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:visible}.beautiful-text-preview pre code{color:inherit;font:inherit;white-space:inherit;display:block}.beautiful-text-loading{color:var(--beautiful-theme-fg,#27232a);flex:1;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.beautiful-text-error{color:var(--beautiful-theme-fg,#27232a);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:32px;display:flex}.beautiful-text-error svg{color:var(--beautiful-theme-accent,#e0095f)}.beautiful-text-error b{font-size:12px}.beautiful-text-error span{max-width:420px;color:var(--beautiful-ui-muted,#746d78);font-size:10px;line-height:1.5}.mermaid-render svg{display:block;overflow:visible;width:100%!important;max-width:none!important;height:100%!important}.dokuwiki-mermaid .nodeLabel,.dokuwiki-mermaid .nodeLabel p{font-size:12px!important;line-height:1.5!important}.mermaid-render [data-node-id],.mermaid-render [data-edge-id],.mermaid-render [data-group-id],.mermaid-render [data-source-line]{cursor:pointer}.polished-render [data-node-id],.polished-render [data-edge-id],.polished-render [data-group-id],.polished-render [data-source-line]{cursor:default}.mermaid-render .mermade-node-hit{pointer-events:all;fill:#0000!important;stroke:#0000!important;stroke-width:14px!important}.mermaid-render .mermaid-edge-hit{pointer-events:stroke;fill:none!important;stroke:#0000!important;stroke-width:16px!important}.mermaid-render [data-node-id].selected{filter:none}.mermaid-render [data-node-id].selected>rect,.mermaid-render [data-node-id].selected>circle,.mermaid-render [data-node-id].selected>ellipse,.mermaid-render [data-node-id].selected>polygon,.mermaid-render [data-node-id].selected>path,.mermaid-render [data-node-id].selected .label-container rect,.mermaid-render [data-node-id].selected .label-container circle,.mermaid-render [data-node-id].selected .label-container ellipse,.mermaid-render [data-node-id].selected .label-container polygon,.mermaid-render [data-node-id].selected .label-container path{stroke:var(--purple)!important;stroke-width:3.5px!important}.mermaid-render [data-edge-id].selected:not(.mermaid-edge-hit){stroke:var(--purple)!important;stroke-width:3px!important}.mermaid-render [data-group-id].selected>rect{stroke:var(--purple)!important;stroke-width:3px!important;fill:#fde8f1!important}.mermaid-render [data-group-id].selected .cluster-label{font-weight:650;color:var(--purple-dark)!important}.mermaid-render [data-source-line].selected{filter:drop-shadow(0 2px 4px #e0095f2e)}.mermaid-render [data-source-line].selected text{font-weight:650;fill:var(--purple)!important}.polished-render [data-edge-id].selected>*{stroke:var(--purple)!important;stroke-width:3px!important}.polished-credit{color:#8a6373;pointer-events:none;background:#ffffffc7;border:1px solid #e0095f2e;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex;position:absolute;bottom:8px;right:8px}.beautiful-canvas-hint{color:var(--muted);background:#fffdfad6}.mermaid-render-error{height:100%;color:var(--muted);text-align:center;background:#fffdfaeb;border:1px dashed #d0c9d8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex;position:absolute;inset:0}.mermaid-render-error svg{color:var(--purple)}.mermaid-render-error b{color:var(--ink);font-size:13px}.mermaid-render-error span{max-width:460px;font-size:10px;line-height:1.5}.subgraph{z-index:1;cursor:pointer;background:#f7f4ff7a;border:1px dashed #cac4d7;border-radius:18px;padding:0;position:absolute}.subgraph:hover,.subgraph.selected{background:#f0ebff85;border-color:#8c73db}.subgraph>span{color:#827c8e;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:650;position:absolute;top:14px;left:18px}.edge-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.diagram-edge{color:#77727f;pointer-events:stroke;cursor:pointer}.diagram-edge .edge-line{fill:none;stroke:currentColor;stroke-width:1.5px}.diagram-edge .edge-hit{fill:none;stroke:#0000;stroke-width:14px}.diagram-edge.dashed .edge-line{stroke-dasharray:6 5}.diagram-edge.thick .edge-line{stroke-width:3px}.diagram-edge.selected{color:var(--purple)}.diagram-edge rect{fill:#f8f7f5;stroke:#e5e1e7;stroke-width:1px}.diagram-edge text{fill:#6f6a75;font-family:var(--font-geist-sans);font-size:10px;font-weight:570}.diagram-edge marker path,#arrow path{fill:currentColor}.diagram-node{--node-color:#fffdfa;--node-text:#24232a;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute}.diagram-node:active{cursor:grabbing}.node-shape{width:100%;height:100%;color:var(--node-text);background:var(--node-color);text-align:center;border:1.4px solid #85808b;border-radius:5px;place-items:center;padding:10px 14px;transition:filter .13s,box-shadow .13s,border-color .13s;display:grid;position:relative;box-shadow:0 2px 4px #231c2c0a}.node-shape span{font-size:12px;font-weight:570;line-height:1.25}.shape-rounded .node-shape{border-radius:24px}.shape-event .node-shape{border-radius:12px}.shape-circle .node-shape{border-radius:50%}.shape-diamond .node-shape{border-radius:9px;transform:rotate(45deg)scale(.75)}.shape-diamond .node-shape span{transform:rotate(-45deg)scale(1.32)}.shape-hexagon .node-shape{clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);border-radius:0}.shape-document .node-shape{border-radius:5px 5px 14px}.shape-document .node-shape:after{content:"";border-bottom:1.4px solid #85808b;border-radius:0 0 50% 50%;height:7px;position:absolute;bottom:-1px;left:7px;right:7px}.shape-framed .node-shape{box-shadow:inset 0 0 0 4px var(--node-color), inset 0 0 0 5px #aaa4ae, 0 2px 4px #231c2c0a}.shape-input-output .node-shape,.shape-manual-input .node-shape{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border-radius:0}.shape-delay .node-shape{border-radius:5px 28px 28px 5px}.shape-database .node-shape{border-radius:50%/15%}.shape-database .node-shape:before{content:"";border:1px solid #85808b;border-radius:50%;height:14px;position:absolute;top:6px;left:-1px;right:-1px}.node-shape span{z-index:2;position:relative}.mermaid-shape-rect .node-shape{border-radius:5px}.mermaid-shape-stadium .node-shape{border-radius:999px}.mermaid-shape-diam .node-shape{border-radius:8px}.mermaid-shape-lean-r .node-shape{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.mermaid-shape-lean-l .node-shape{clip-path:polygon(0 0,90% 0,100% 100%,10% 100%)}.mermaid-shape-doc .node-shape{border-radius:5px 5px 14px}.mermaid-shape-cyl .node-shape{border-radius:50%/15%}.mermaid-shape-fr-rect .node-shape{box-shadow:inset 0 0 0 4px var(--node-color), inset 0 0 0 5px #aaa4ae, 0 2px 4px #231c2c0a}.mermaid-shape-circle .node-shape{border-radius:50%}.mermaid-shape-rounded .node-shape{border-radius:12px}.mermaid-shape-hex .node-shape{clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);border-radius:0}.mermaid-shape-sl-rect .node-shape{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.mermaid-shape-delay .node-shape{border-radius:5px 999px 999px 5px}.mermaid-shape-docs .node-shape{box-shadow:4px 4px 0 -1px var(--node-color), 4px 4px 0 0 #85808b, 8px 8px 0 -1px var(--node-color), 8px 8px 0 0 #85808b;border-radius:5px 5px 13px;margin:-4px 0 4px -4px}.mermaid-shape-docs .node-shape:after{bottom:-1px;left:5px;right:5px}.mermaid-shape-brace .node-shape,.mermaid-shape-brace-r .node-shape,.mermaid-shape-braces .node-shape{box-shadow:none;background:0 0;border-top-color:#0000;border-bottom-color:#0000;border-radius:45%/18%}.mermaid-shape-brace .node-shape{border-left-width:3px;border-right-color:#0000}.mermaid-shape-brace-r .node-shape{border-left-color:#0000;border-right-width:3px}.mermaid-shape-braces .node-shape{border-left-width:3px;border-right-width:3px}.mermaid-shape-curv-trap .node-shape{clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 82%,6% 50%,0 18%);border-radius:28% 8% 8% 28%}.mermaid-shape-f-circ .node-shape{color:#fff;box-shadow:inset 0 0 0 2px var(--node-color);background:#4a4650;border-radius:50%}.mermaid-shape-fork .node-shape{background:#4a4650;border-radius:2px;height:16%;min-height:10px;padding:0;top:42%;overflow:visible}.mermaid-shape-fork .node-shape span{color:var(--node-text);white-space:nowrap;position:absolute;top:calc(100% + 7px)}.mermaid-shape-bang .node-shape{clip-path:polygon(50% 0,62% 27%,93% 18%,75% 45%,100% 62%,68% 68%,70% 100%,48% 76%,25% 100%,28% 68%,0 60%,25% 44%,8% 17%,38% 27%);border-radius:0}.mermaid-shape-notch-rect .node-shape{clip-path:polygon(0 0,82% 0,100% 24%,100% 100%,0 100%);border-radius:0}.mermaid-shape-cloud .node-shape{box-shadow:-18px 6px 0 -7px var(--node-color), -18px 6px 0 -6px #85808b, 18px 7px 0 -8px var(--node-color), 18px 7px 0 -7px #85808b;border-radius:48% 52% 46% 54%/58% 58% 42% 42%}.shape-diamond.mermaid-shape-hourglass .node-shape,.shape-diamond.mermaid-shape-tri .node-shape,.shape-diamond.mermaid-shape-flip-tri .node-shape,.shape-diamond.mermaid-shape-hourglass .node-shape span,.shape-diamond.mermaid-shape-tri .node-shape span,.shape-diamond.mermaid-shape-flip-tri .node-shape span{transform:none}.mermaid-shape-hourglass .node-shape{clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%,38% 50%);border-radius:0}.mermaid-shape-bolt .node-shape{clip-path:polygon(43% 0,88% 0,62% 36%,88% 36%,30% 100%,42% 55%,15% 55%);border-radius:0}.mermaid-shape-datastore .node-shape{box-shadow:none;border-left:3px double #85808b;border-right:3px double #85808b;border-radius:0}.shape-database.mermaid-shape-h-cyl .node-shape{clip-path:none;border-radius:15%/50%}.shape-database.mermaid-shape-h-cyl .node-shape:before{border-radius:50%;width:18px;height:auto;inset:-1px 7px -1px auto}.mermaid-shape-lin-cyl .node-shape:after{z-index:1;content:"";background:#aaa4ae;height:1px;position:absolute;bottom:15%;left:12%;right:12%}.mermaid-shape-div-rect .node-shape:after{z-index:1;content:"";background:#aaa4ae;height:1px;position:absolute;bottom:24%;left:0;right:0}.mermaid-shape-tri .node-shape{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;padding-top:24%}.mermaid-shape-flip-tri .node-shape{clip-path:polygon(0 0,100% 0,50% 100%);border-radius:0;padding-bottom:24%}.mermaid-shape-win-pane .node-shape{border-radius:0;box-shadow:inset 18px 0 0 -17px #85808b,inset 0 18px 0 -17px #85808b}.mermaid-shape-lin-doc .node-shape:before{z-index:1;content:"";background:#aaa4ae;border:0;border-radius:0;width:1px;position:absolute;top:12px;bottom:10px;left:12px}.mermaid-shape-lin-rect .node-shape{box-shadow:inset 12px 0 0 -11px #85808b,inset -12px 0 0 -11px #85808b}.mermaid-shape-notch-pent .node-shape{clip-path:polygon(16% 0,84% 0,100% 25%,100% 100%,0 100%,0 25%);border-radius:0}.mermaid-shape-trap-t .node-shape{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:0}.mermaid-shape-trap-b .node-shape{clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);border-radius:0}.mermaid-shape-st-rect .node-shape{box-shadow:4px 4px 0 -1px var(--node-color), 4px 4px 0 0 #85808b, 8px 8px 0 -1px var(--node-color), 8px 8px 0 0 #85808b;margin:-4px 0 4px -4px}.mermaid-shape-odd .node-shape{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,12% 50%);border-radius:0}.mermaid-shape-flag .node-shape{clip-path:polygon(0 8%,18% 0,38% 8%,58% 0,78% 8%,100% 0,100% 92%,80% 100%,60% 92%,40% 100%,20% 92%,0 100%);border-radius:0}.mermaid-shape-sm-circ .node-shape{border-radius:50%;width:50%;height:50%;padding:0;top:25%;left:25%}.mermaid-shape-dbl-circ .node-shape{box-shadow:inset 0 0 0 5px var(--node-color), inset 0 0 0 7px #85808b;border-radius:50%}.mermaid-shape-fr-circ .node-shape{box-shadow:inset 0 0 0 4px var(--node-color), inset 0 0 0 5px #85808b;border-radius:50%}.shape-database.mermaid-shape-bow-rect .node-shape{clip-path:polygon(0 0,18% 50%,0 100%,100% 100%,82% 50%,100% 0);border-radius:0}.shape-database.mermaid-shape-bow-rect .node-shape:before{content:none}.mermaid-shape-cross-circ .node-shape{background-image:linear-gradient(45deg,#0000 49%,#aaa4ae 49% 51%,#0000 51%),linear-gradient(-45deg,#0000 49%,#aaa4ae 49% 51%,#0000 51%);border-radius:50%}.mermaid-shape-tag-doc .node-shape{clip-path:polygon(0 0,84% 0,100% 22%,100% 100%,0 100%);border-radius:5px 0 14px 5px}.mermaid-shape-tag-rect .node-shape{clip-path:polygon(0 0,84% 0,100% 24%,100% 100%,0 100%);border-radius:0}.mermaid-shape-text .node-shape{box-shadow:none;background:0 0;border-color:#0000}.diagram-node:hover .node-shape{border-color:#5e5865;box-shadow:0 4px 13px #2d243914}.diagram-node.selected .node-shape{border-color:var(--purple);filter:drop-shadow(1px 0 0 var(--purple)) drop-shadow(-1px 0 0 var(--purple)) drop-shadow(0 1px 0 var(--purple)) drop-shadow(0 -1px 0 var(--purple))}.diagram-node.connection-start .node-shape{border-color:var(--purple);box-shadow:0 0 0 5px #e0095f26}.handle{z-index:6;background:var(--purple);width:7px;height:7px;box-shadow:0 0 0 1px var(--purple);border:1px solid #fff;border-radius:2px;position:absolute}.handle.nw{top:-3px;left:-3px}.handle.ne{top:-3px;right:-3px}.handle.sw{bottom:-3px;left:-3px}.handle.se{bottom:-3px;right:-3px}.inline-node-input{z-index:12;border:1px solid var(--purple);text-align:center;background:#fff;border-radius:6px;outline:none;width:calc(100% - 20px);padding:6px 7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #3223502e}.canvas-hint{z-index:10;color:#9a969e;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:17px;left:18px}.diagram-type-picker{position:relative}.diagram-type-trigger{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;outline:none;align-items:center;gap:3px;padding:5px 6px 5px 8px;font-size:10px;font-weight:690;display:inline-flex}.diagram-type-trigger:hover,.diagram-type-trigger:focus-visible,.diagram-type-picker.open .diagram-type-trigger{border-color:var(--line);background:var(--surface)}.diagram-type-trigger svg{color:var(--muted);flex:none;transition:transform .13s}.diagram-type-picker.open .diagram-type-trigger svg{transform:rotate(180deg)}.diagram-type-menu{border:1px solid var(--line);background:var(--surface);scrollbar-width:thin;border-radius:9px;width:206px;max-height:min(390px,100dvh - 140px);padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 14px 38px #231c2c29}.diagram-type-group{flex-direction:column;gap:1px;display:flex}.diagram-type-group+.diagram-type-group{border-top:1px solid var(--soft-line);margin-top:3px;padding-top:3px}.diagram-type-group>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px 2px;font-size:8px;font-weight:700}.diagram-type-group button{width:100%;min-height:27px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:4px 7px;font-size:10px;display:flex}.diagram-type-group button:hover,.diagram-type-group button:focus-visible{background:var(--canvas);outline:none}.diagram-type-group button.selected{color:var(--purple-dark);background:var(--purple-soft)}.zoom-controls{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfaeb;border-radius:10px;align-items:center;padding:3px;display:flex;position:absolute;bottom:14px;right:17px;box-shadow:0 6px 20px #31273c14}.zoom-controls>button:not(.icon-button){color:#6e6973;cursor:pointer;background:0 0;border:0;width:48px;height:32px;font-size:10px}.zoom-controls>span{background:var(--line);width:1px;height:20px;margin:0 2px}.mode-banner{z-index:14;color:#fff;background:#2c2932;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #19142033}.mermaid-inline-editor{z-index:18;background:#fff;border:1px solid #d9d3e2;border-radius:9px;align-items:center;gap:9px;padding:7px 8px 7px 12px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #251b362e}.mermaid-inline-editor span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:650}.mermaid-inline-editor input{border:1px solid #a18be8;border-radius:6px;outline:none;width:220px;padding:7px 9px;font-size:11px}.mermaid-statement-editor input{width:min(520px,48vw);font-family:var(--font-geist-mono)}.mermaid-statement-editor .primary-button{color:#fff;background:var(--purple);cursor:pointer;border:0;border-radius:6px;min-height:31px;padding:0 11px;font-size:10px;font-weight:650}.mermaid-statement-editor .primary-button:disabled{opacity:.55;cursor:wait}.semantic-editor{z-index:12;border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;display:flex;position:absolute;inset:68px 18px 18px;overflow:hidden;box-shadow:0 14px 42px #28203217}.semantic-editor>header,.semantic-editor>footer{justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex}.semantic-editor>header{border-bottom:1px solid var(--line)}.semantic-editor>header>div:first-child{align-items:baseline;gap:8px;display:flex}.semantic-editor>header span,.semantic-declaration>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:690}.semantic-editor>header b{font-size:13px}.semantic-validity{color:#3f8f68;align-items:center;gap:6px;font-size:9px;display:flex}.semantic-editor-body{flex:1;min-height:0;padding:15px;overflow:auto}.semantic-declaration{border:1px solid var(--line);background:var(--canvas);border-radius:9px;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:grid}.semantic-declaration code{color:var(--ink);font:11px/1.5 var(--font-geist-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.semantic-statements{flex-direction:column;gap:8px;display:flex}.semantic-statement{border:1px solid var(--line);background:var(--surface);border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:stretch;min-width:0;display:grid;overflow:hidden}.semantic-line-number{color:#98939d;border-right:1px solid var(--soft-line);background:var(--canvas);font:9px var(--font-geist-mono);place-items:center;display:grid}.semantic-statement textarea{width:100%;min-height:42px;color:var(--ink);font:11px/1.55 var(--font-geist-mono);resize:vertical;background:0 0;border:0;outline:0;padding:12px}.semantic-statement:focus-within{border-color:#e8709f;box-shadow:0 0 0 3px #e0095f14}.semantic-line-actions{border-left:1px solid var(--soft-line);align-items:center;gap:2px;padding:4px;display:flex}.semantic-line-actions button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.semantic-line-actions button:hover{color:var(--ink);background:var(--canvas)}.semantic-line-actions button:last-child:hover{color:#bd3d58;background:#fff0f3}.semantic-add{min-height:39px;color:var(--purple-dark);background:var(--purple-soft);cursor:pointer;border:1px dashed #d7a9bb;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:630;display:flex}.semantic-editor>footer{border-top:1px solid var(--line)}.semantic-editor>footer>div:last-child{align-items:center;gap:7px;display:flex}.semantic-editor>footer button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:10px;font-weight:620;display:inline-flex}.semantic-editor>footer button:disabled{opacity:.42;cursor:default}.semantic-editor>footer .primary-button{border-color:var(--purple);color:#fff;background:var(--purple)}.semantic-help,.semantic-error{max-width:56%;font-size:9px;line-height:1.45}.semantic-help{color:var(--muted)}.semantic-error{color:#b93b55}.semantic-editor.family-freeform .semantic-statements{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.semantic-editor.family-freeform .semantic-add{grid-column:1/-1}.semantic-editor.family-structured .semantic-line-number{color:var(--purple-dark);background:var(--purple-soft)}.semantic-editor.family-data .semantic-statement{border-left:3px solid var(--purple);border-radius:4px}.semantic-editor.family-data .semantic-statements{gap:4px}.inspector{z-index:20;border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.beautiful-inspector{background:color-mix(in srgb, var(--surface) 96%, var(--purple-soft))}.beautiful-inspector-header{border-bottom:1px solid var(--line);flex:0 0 62px;justify-content:space-between;align-items:center;height:62px;padding:0 15px;display:flex}.beautiful-inspector-header>div{align-items:center;gap:9px;min-width:0;display:flex}.beautiful-inspector-mark{background:var(--purple-soft);border:1px solid #e0095f29;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.beautiful-inspector-header>div>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.beautiful-inspector-header b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.beautiful-inspector-header small{color:var(--muted);font-size:9px}.beautiful-inspector-header>button{border:1px solid var(--line);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:650;display:flex}.beautiful-inspector-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:13px;display:flex;overflow-y:auto}.beautiful-control-section{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex-direction:column;gap:11px;padding:12px;display:flex;box-shadow:0 1px 3px #221b2b08}.beautiful-control-section>header{flex-direction:column;gap:3px;display:flex}.beautiful-control-section>header>span{align-items:center;gap:6px;font-size:10px;font-weight:720;display:flex}.beautiful-control-section>header>span svg{color:var(--purple)}.beautiful-control-section>header>small{color:var(--muted);font-size:8px;line-height:1.4}.beautiful-segmented{background:var(--canvas);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.beautiful-segmented button{min-height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:9px;font-weight:650}.beautiful-segmented button.active{color:var(--purple-dark);background:var(--surface);box-shadow:0 1px 4px #221c2a17}.beautiful-theme-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.beautiful-theme-grid>button{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;padding:6px;display:grid;position:relative}.beautiful-theme-grid>button:hover{border-color:#e7a4bd}.beautiful-theme-grid>button.selected{border-color:var(--purple);box-shadow:0 0 0 2px #e0095f17}.beautiful-theme-grid>button>b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;line-height:1.2;overflow:hidden}.beautiful-theme-grid>button>svg{color:#fff;background:var(--purple);border-radius:50%;padding:2px;position:absolute;top:3px;right:3px}.beautiful-theme-preview{border:1px solid color-mix(in srgb, var(--theme-fg) 22%, var(--theme-bg));background:var(--theme-bg);border-radius:5px;width:42px;height:28px;display:block;position:relative;overflow:hidden}.beautiful-theme-preview i{border:1px solid color-mix(in srgb, var(--theme-fg) 25%, var(--theme-bg));background:color-mix(in srgb, var(--theme-fg) 5%, var(--theme-bg));display:block;position:absolute}.beautiful-theme-preview i:first-child{border-radius:2px;width:12px;height:7px;top:5px;left:5px}.beautiful-theme-preview i:nth-child(2){border-radius:2px;width:12px;height:7px;bottom:5px;right:5px}.beautiful-theme-preview i:nth-child(3){background:var(--theme-accent);border:0;width:13px;height:1px;top:13px;left:16px;transform:rotate(28deg)}.beautiful-colour-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.beautiful-colour-grid label{flex-direction:column;gap:4px;min-width:0;display:flex}.beautiful-colour-grid label>span{color:var(--muted);font-size:8px;font-weight:650}.beautiful-colour-grid label>div{grid-template-columns:29px minmax(0,1fr);gap:4px;display:grid}.beautiful-colour-grid input{border:1px solid var(--line);min-width:0;height:29px;color:var(--ink);background:var(--surface);border-radius:6px;padding:4px 5px;font-size:8px}.beautiful-colour-grid input[type=color]{padding:2px}.beautiful-density-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.beautiful-density-grid button{border:1px solid var(--line);min-width:0;min-height:48px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:6px;display:flex}.beautiful-density-grid button b{font-size:8px}.beautiful-density-grid button small{color:var(--muted);font-size:7px;line-height:1.25}.beautiful-density-grid button.selected{border-color:var(--purple);background:var(--purple-soft)}.beautiful-range-list{flex-direction:column;gap:8px;display:flex}.beautiful-range-list label{flex-direction:column;gap:5px;display:flex}.beautiful-range-list label>span{color:var(--muted);justify-content:space-between;font-size:8px;font-weight:620;display:flex}.beautiful-range-list output{color:var(--ink);font-variant-numeric:tabular-nums}.beautiful-range-list input{width:100%;height:3px;accent-color:var(--purple)}.beautiful-control-row{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.beautiful-control-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.beautiful-control-row b{font-size:9px}.beautiful-control-row small{color:var(--muted);font-size:8px}.beautiful-control-row input{width:15px;height:15px;accent-color:var(--purple)}.beautiful-font-field{flex-direction:column;gap:5px;display:flex}.beautiful-font-field>span{color:var(--muted);font-size:8px;font-weight:650}.beautiful-font-field input{border:1px solid var(--line);width:100%;height:31px;color:var(--ink);background:var(--surface);border-radius:7px;padding:0 8px;font-size:9px}.beautiful-actions-section{grid-template-columns:1fr 1fr;display:grid}.beautiful-actions-section .primary-button,.beautiful-actions-section .secondary-button{min-width:0;min-height:33px;padding:0 8px;font-size:9px}.beautiful-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:8px;display:flex}.beautiful-inspector-footer{border-top:1px solid var(--line);color:var(--muted);flex:0 0 40px;align-items:center;gap:6px;padding:0 14px;font-size:8px;display:flex}.beautiful-inspector-footer .status-dot{margin-left:auto}.inspector-tabs{border-bottom:1px solid var(--soft-line);flex:0 0 49px;gap:19px;height:49px;padding:0 18px;display:flex}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:590;position:relative}.inspector-tabs button.active{color:var(--ink)}.inspector-tabs button.active:after{background:var(--purple);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.selection-heading{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:22px;display:grid}.selection-heading>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.selection-heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:650}.selection-heading b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.mini-shape{background:var(--node-color);border:1px solid #87818c;border-radius:5px;width:36px;height:30px}.mini-shape.shape-rounded{border-radius:18px}.mini-shape.shape-circle{border-radius:50%;width:31px;height:31px}.mini-shape.shape-diamond{width:25px;height:25px;margin-left:4px;transform:rotate(45deg)}.mini-shape.shape-document{border-radius:4px 4px 10px}.mini-shape.shape-framed{box-shadow:inset 0 0 0 3px var(--node-color), inset 0 0 0 4px #aaa4ae}.mini-shape.shape-event{border-radius:10px}.mini-shape.shape-input-output,.mini-shape.shape-manual-input{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);border-radius:0}.mini-shape.shape-delay{border-radius:4px 16px 16px 4px}.mini-shape.shape-database{border-radius:50%/15%}.edge-symbol,.multi-icon{width:38px;height:38px;color:var(--purple);background:var(--purple-soft);border-radius:10px;place-items:center;display:grid}.multi-icon.compact{width:36px;height:36px}.field-stack{flex-direction:column;gap:17px;display:flex}.field-stack label{flex-direction:column;gap:7px;display:flex}.field-stack label.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.field-stack label.toggle-row input{width:16px;height:16px;accent-color:var(--purple);padding:0}.field-stack label>span,.property-row>span{color:#77737d;font-size:10px;font-weight:620}.field-stack input,.field-stack textarea,.field-stack select{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dedbe1;border-radius:7px;outline:none;padding:9px 10px;font-size:12px}.field-stack input:focus,.field-stack textarea:focus,.field-stack select:focus{border-color:#e8709f;box-shadow:0 0 0 3px #e0095f17}.input-with-prefix{position:relative}.input-with-prefix svg{color:#98949d;position:absolute;top:11px;left:10px}.input-with-prefix input{color:#8b8790;font-family:var(--font-geist-mono);padding-left:32px}.property-row{border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.property-row b{font-size:11px;font-weight:580}.wide-action{width:100%;min-height:38px}.wide-action.danger{color:#b4485a}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatches button{aspect-ratio:1.45;cursor:pointer;border:1px solid #ded9df;border-radius:8px;place-items:center;display:grid}.swatches button.selected{border-color:var(--purple);box-shadow:0 0 0 2px #e0095f21}.color-input{grid-template-columns:42px 1fr;gap:7px;display:grid}.color-input input[type=color]{height:36px;padding:3px}.style-preview{border:1px solid #ddd9df;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:80px;font-size:22px;font-weight:650;display:flex}.style-preview span{opacity:.72;font-size:11px;font-weight:550}.relation-summary{border:1px solid var(--soft-line);text-align:center;background:#faf9fa;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:13px 10px;font-size:10px;display:grid}.relation-summary svg{color:var(--purple)}.multi-selection,.empty-inspector{text-align:center;flex-direction:column;align-items:center;padding:45px 4px 0;display:flex}.multi-selection h3,.empty-inspector h3{margin:14px 0 6px;font-size:14px}.multi-selection p,.empty-inspector p{max-width:220px;color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.55}.multi-selection .wide-action{margin-top:8px}.empty-orbit{width:58px;height:58px;color:var(--purple);background:#fff3f7;border:1px dashed #d8bdc8;border-radius:50%;place-items:center;display:grid}.inspector-footer{border-top:1px solid var(--soft-line);color:#8f8b94;flex:0 0 40px;align-items:center;gap:6px;height:40px;padding:0 17px;font-size:9px;display:flex}.inspector-footer svg{color:var(--purple)}.status-dot{background:#48b17c;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 3px #e4f6ed}.inspector-footer>button{color:#a52a49;cursor:pointer;text-align:left;background:#fff2f6;border:0;align-items:center;gap:6px;width:calc(100% + 34px);height:40px;margin:0 -17px;padding:0 17px;font-size:9px;font-weight:650;display:flex}.inspector-footer>button:hover{background:#ffe7ef}.inspector-footer.invalid .status-dot{background:#d44562;box-shadow:0 0 0 3px #fde1e8}.diagram-style-panel{flex-direction:column;gap:15px;display:flex}.diagram-color-grid{grid-template-columns:1fr;gap:12px;padding-top:2px;display:grid}.diagram-color-grid label{flex-direction:column;gap:6px;display:flex}.diagram-color-grid label>span{color:#77737d;font-size:10px;font-weight:620}.style-compatibility-note,.style-palette-note{color:#746d77;background:#fff8fa;border:1px solid #eee1e7;border-radius:8px;margin:-5px 0 0;padding:9px 10px;font-size:10px;line-height:1.45}.style-palette-note b{color:var(--ink);font-weight:680}.welcome-backdrop{z-index:400;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#16121c7a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.welcome-dialog{width:min(520px,100vw - 32px);color:var(--ink);background:var(--surface);text-align:center;border:1px solid #ffffffa6;border-radius:20px;flex-direction:column;align-items:center;padding:34px 38px 28px;animation:.19s ease-out settings-in;display:flex;box-shadow:0 36px 110px #140f1a5c}.welcome-brand{justify-content:center;align-items:center;gap:10px;height:54px;margin-bottom:18px;display:flex}.welcome-brand>span{background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:46px}.welcome-brand>b{letter-spacing:-.045em;font-size:25px;font-weight:720}.welcome-eyebrow{color:var(--purple-dark);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:740}.welcome-dialog h1{letter-spacing:-.035em;max-width:410px;margin:12px 0 10px;font-size:28px;line-height:1.12}.welcome-dialog>p{max-width:420px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.welcome-actions{justify-content:center;gap:9px;margin:25px 0 18px;display:flex}.welcome-actions button{min-width:132px;min-height:40px}.welcome-dialog>a{color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.welcome-dialog>a:hover{color:var(--purple-dark)}.tour-layer{z-index:350;pointer-events:none;position:fixed;inset:0}.tour-spotlight{pointer-events:none;border:2px solid #ff5d9a;border-radius:12px;transition:inset .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 9999px #16121c85,0 0 0 5px #e0095f29}.tour-card{border:1px solid var(--line);width:340px;color:var(--ink);background:var(--surface);pointer-events:auto;border-radius:14px;flex-direction:column;padding:18px;display:flex;position:fixed;box-shadow:0 24px 70px #17111d52}.tour-card>span{color:var(--purple-dark);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:740}.tour-card h2{margin:7px 0 6px;font-size:16px}.tour-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.tour-progress{grid-template-columns:repeat(7,1fr);gap:4px;margin:16px 0;display:grid}.tour-progress i{background:var(--soft-line);border-radius:2px;height:3px}.tour-progress i.active{background:var(--purple)}.tour-card footer{justify-content:space-between;align-items:center;display:flex}.tour-card footer>button,.tour-card footer>div>button:not(.primary-button){color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:10px}.tour-card footer>div{align-items:center;gap:4px;display:flex}.tour-card .primary-button{min-height:32px;font-size:10px}.repair-panel{border:1px solid var(--line);width:min(650px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--surface);border-radius:15px;flex-direction:column;animation:.17s ease-out settings-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #19142047}.repair-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.repair-panel>header>div{align-items:center;gap:10px;display:flex}.repair-panel>header svg{color:#d44562}.repair-panel>header span{flex-direction:column;gap:2px;display:flex}.repair-panel>header b{font-size:13px}.repair-panel>header small{color:var(--muted);font-size:10px}.repair-panel>header>button{color:var(--ink);background:var(--soft-line);cursor:pointer;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.repair-content{flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}.repair-error{color:#86233f;background:#fff2f6;border:1px solid #f0c6d1;border-radius:10px;flex-direction:column;gap:5px;padding:12px 13px;display:flex}.repair-error b{letter-spacing:.07em;text-transform:uppercase;font-size:9px}.repair-error span{max-height:72px;font:9px/1.5 var(--font-geist-mono);overflow:auto}.repair-loading,.repair-empty{min-height:190px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.repair-loading svg{color:var(--purple);animation:1s ease-in-out infinite alternate repair-pulse}@keyframes repair-pulse{to{opacity:.55;transform:scale(1.12)}}.repair-option{border:1px solid var(--line);border-radius:11px;padding:14px}.repair-option-heading{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:8px;font-weight:680;display:flex}.repair-confidence{color:#287553;background:#e7f6ee;border-radius:10px;padding:4px 6px}.repair-confidence.medium{color:#8a641d;background:#fff4d9}.repair-confidence.low{color:#9e3d51;background:#ffedf1}.repair-option h3{margin:11px 0 5px;font-size:13px}.repair-option p{color:var(--muted);margin:0 0 11px;font-size:10px;line-height:1.5}.repair-option details{margin:0 0 12px}.repair-option summary{color:var(--purple-dark);cursor:pointer;font-size:9px;font-weight:630}.repair-option pre{color:#eee8f2;max-height:150px;font:9px/1.45 var(--font-geist-mono);white-space:pre-wrap;background:#29252f;border-radius:8px;padding:10px;overflow:auto}.repair-option .primary-button{min-height:32px;font-size:10px}.repair-empty h3{color:var(--ink);margin:3px 0 0;font-size:14px}.repair-empty p{max-width:390px;margin:0 0 8px;font-size:10px;line-height:1.5}.settings-backdrop{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16121c57;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);animation:.17s ease-out settings-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #19142047}@keyframes settings-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.settings-panel>header,.settings-panel>footer{justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.settings-panel>header{border-bottom:1px solid var(--line)}.settings-panel>header>div{align-items:center;gap:10px;display:flex}.settings-panel>header svg{color:var(--purple)}.settings-panel>header span{flex-direction:column;gap:2px;display:flex}.settings-panel>header b{font-size:13px}.settings-panel>header small{color:var(--muted);font-size:10px}.settings-panel>header>button,.settings-panel>footer>button{color:var(--ink);background:var(--soft-line);cursor:pointer;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.settings-content{flex-direction:column;gap:24px;padding:20px 18px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:680}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-options button{border:1px solid var(--line);min-height:58px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.theme-options button:hover{border-color:#e8709f}.theme-options button.active{border-color:var(--purple);color:var(--purple-dark);background:var(--purple-soft);box-shadow:0 0 0 2px #e0095f1a}.version-setting{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.version-setting>span{flex-direction:column;gap:3px;min-width:0;display:flex}.version-setting b{font-size:11px}.version-setting small{color:var(--muted);font-size:9px;line-height:1.4}.version-setting select{border:1px solid var(--line);min-width:205px;color:var(--ink);background:var(--surface);border-radius:7px;outline:none;padding:8px 9px;font-size:10px}.version-setting select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #e0095f1a}.version-status{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.version-status svg{color:#48a879}.settings-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 13px;display:flex}.settings-row+.settings-row{border-top:1px solid var(--soft-line)}.settings-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-row b{font-size:11px}.settings-row span{color:var(--muted);font-size:10px;line-height:1.4}.toggle{cursor:pointer;background:#c7c2cc;border:0;border-radius:12px;flex:none;width:34px;height:20px;padding:0;transition:background .14s;position:relative}.toggle i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1c172338}.toggle.on{background:var(--purple)}.toggle.on i{transform:translate(14px)}.settings-panel>footer{border-top:1px solid var(--line)}.settings-panel>footer span{color:var(--muted);font-size:9px}.shortcuts-panel{border:1px solid var(--line);width:min(460px,100vw - 32px);color:var(--ink);background:var(--surface);border-radius:15px;animation:.17s ease-out settings-in;overflow:hidden;box-shadow:0 30px 90px #19142047}.shortcuts-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.shortcuts-panel>header>div{align-items:center;gap:10px;display:flex}.shortcuts-panel>header svg{color:var(--purple)}.shortcuts-panel>header span{flex-direction:column;gap:2px;display:flex}.shortcuts-panel>header b{font-size:13px}.shortcuts-panel>header small{color:var(--muted);font-size:10px}.shortcuts-panel>header>button{color:var(--ink);background:var(--soft-line);cursor:pointer;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.shortcuts-content{grid-template-columns:1fr 1fr;gap:18px;padding:18px;display:grid}.shortcuts-section{flex-direction:column;gap:8px;min-width:0;display:flex}.shortcuts-section>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:680}.shortcuts-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.shortcuts-list>div{justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.shortcuts-list>div+div{border-top:1px solid var(--soft-line)}.shortcuts-list b{font-size:10px;font-weight:590}.shortcuts-list div>span{align-items:center;gap:3px;display:flex}.shortcuts-list kbd{border:1px solid var(--line);min-width:24px;height:23px;color:var(--ink);background:var(--canvas);font:9px/1 var(--font-geist-mono);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:0 1px 1px #20192a0d}.help-panel{border:1px solid var(--line);width:min(760px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--surface);border-radius:15px;flex-direction:column;animation:.17s ease-out settings-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #19142047}.help-panel>header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.help-panel>header>div{align-items:center;gap:10px;display:flex}.help-panel>header svg{color:var(--purple)}.help-panel>header span{flex-direction:column;gap:2px;display:flex}.help-panel>header b{font-size:13px}.help-panel>header small{color:var(--muted);font-size:10px}.help-panel>header>button{color:var(--ink);background:var(--soft-line);cursor:pointer;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.help-content{grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:14px 12px;padding:16px 20px;display:grid;overflow-y:auto}.help-section{flex-direction:column;gap:8px;min-width:0;display:flex}.help-section>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:680}.help-section p{max-width:76ch;color:var(--ink);text-wrap:pretty;margin:0;font-size:11px;line-height:1.55}.help-overview-card,.help-quick-start,.help-guidance-grid,.help-content>.help-section:last-child{grid-column:1/-1}.help-overview-card{border:1px solid var(--line);background:var(--canvas);border-radius:11px;min-width:0;overflow:hidden}.help-overview-card>header{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;padding:10px 12px;font-size:9px;font-weight:700;display:flex}.help-overview-card.purpose>header{color:var(--purple-dark);background:var(--purple-soft)}.help-overview-card.editing>header{color:#41678b;background:#edf5fb}.help-overview-card>div{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:12px 14px 14px;display:flex}.help-overview-card p{width:100%;max-width:none;color:var(--ink);text-wrap:pretty;margin:0;font-size:11px;line-height:1.58}.help-overview-card .wide-action{width:auto;min-width:150px}.help-quick-start pre{color:#f2edf5;max-width:100%;font:10px/1.55 var(--font-geist-mono);white-space:pre;background:#28242e;border:1px solid #3a3541;border-radius:10px;margin:0;padding:13px 14px;overflow:auto}.help-guidance-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;display:grid}.help-guidance-card{border:1px solid var(--line);background:var(--canvas);border-radius:11px;overflow:hidden}.help-guidance-card>header{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;padding:10px 12px;font-size:9px;font-weight:700;display:flex}.help-guidance-card.recommended>header{color:#287553;background:#edf8f2}.help-guidance-card.avoid>header{color:#9e3d51;background:#fff0f4}.help-guidance-card>div{flex-direction:column;padding:4px 12px;display:flex}.help-guidance-card p{color:var(--ink);text-wrap:pretty;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;margin:0;padding:9px 0;font-size:10px;line-height:1.48;display:grid}.help-guidance-card p+p{border-top:1px solid var(--soft-line)}.help-guidance-card p i{width:18px;height:18px;color:var(--purple-dark);background:var(--purple-soft);font:normal 8px/1 var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.help-guidance-card.avoid p i{color:#9e3d51;background:#ffe3eb}.help-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.help-resources a{border:1px solid var(--line);min-height:58px;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .14s,background .14s,transform .14s;display:flex}.help-resources a:hover{background:var(--purple-soft);border-color:#e8709f;transform:translateY(-1px)}.help-resources a>span{flex-direction:column;gap:3px;min-width:0;display:flex}.help-resources small{color:var(--purple-dark);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:700}.help-resources b{text-overflow:ellipsis;font-size:10px;font-weight:600;line-height:1.35;overflow:hidden}.help-resources svg{color:var(--purple);flex:none}.help-section .help-reference-note{color:var(--muted);font-size:9px}.source-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#19151e47;position:fixed;inset:0}.source-panel{background:#fffdfa;border:1px solid #d9d5dd;border-radius:14px;flex-direction:column;width:min(620px,100vw - 32px);animation:.18s ease-out source-in;display:flex;position:absolute;top:76px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 28px 80px #1f192840}@keyframes source-in{0%{opacity:0;transform:translate(16px)}}.source-panel>header,.source-panel>footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.source-panel>header>div{align-items:center;gap:10px;display:flex}.source-panel>header svg{color:var(--purple)}.source-panel>header span{flex-direction:column;gap:2px;display:flex}.source-panel>header b{font-size:13px}.source-panel>header small{color:var(--muted);font-size:10px}.source-panel>header>button{cursor:pointer;background:#f1eff2;border:0;border-radius:6px;padding:7px 10px;font-size:11px}.source-editor-wrap{background:#27242d;flex:1;grid-template-columns:42px 1fr;min-height:0;display:grid;overflow:hidden}.line-numbers{color:#6f6978;font:11px/1.68 var(--font-geist-mono);-webkit-user-select:none;user-select:none;border-right:1px solid #37323f;flex-direction:column;align-items:flex-end;gap:0;padding:17px 10px;display:flex;overflow:hidden}.source-editor-wrap textarea{color:#e9e4ee;caret-color:#ff78aa;width:100%;height:100%;font:11px/1.68 var(--font-geist-mono);resize:none;tab-size:2;background:0 0;border:0;outline:none;padding:17px 16px}.source-panel>footer{border-top:1px solid var(--line);border-bottom:0}.source-panel>footer>span,.source-panel>footer>div{align-items:center;gap:7px;display:flex}.source-panel>footer>span{color:#6d6972;font-size:10px}.source-panel>footer>span svg{color:#48a879}.toast{z-index:200;color:#fff;background:#28252e;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:580;animation:.16s ease-out toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #1e19263b}.toast svg{color:#77d3a5}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}html[data-theme=dark] .topbar{background:#1b191ff0;box-shadow:0 1px 8px #0000003d}html[data-theme=dark] .workspace-switcher,html[data-theme=dark] .beautiful-output-switch{background:#1d1b22e0}html[data-theme=dark] .workspace-switcher button.active{background:#292630}html[data-theme=dark] .canvas-viewport,html[data-theme=dark] .diagram-surface{background-color:var(--canvas)}html[data-theme=dark] .diagram-surface{background-image:radial-gradient(circle,#3b3742 1px,#0000 1.2px)}html[data-theme=dark] .diagram-surface.hide-grid{background-image:none}html[data-theme=dark] .direction-switch,html[data-theme=dark] .view-switch,html[data-theme=dark] .zoom-controls{background:#1d1b22e0}html[data-theme=dark] .direction-switch button.active,html[data-theme=dark] .view-switch button.active{background:#292630}html[data-theme=dark] .secondary-button,html[data-theme=dark] .wide-action,html[data-theme=dark] .field-stack input,html[data-theme=dark] .field-stack textarea,html[data-theme=dark] .field-stack select,html[data-theme=dark] .document-name:focus,html[data-theme=dark] .document-name:hover{color:var(--ink);background:#242129}html[data-theme=dark] .secondary-button:hover,html[data-theme=dark] .wide-action:hover{background:#2b2831}html[data-theme=dark] .export-menu,html[data-theme=dark] .mermaid-inline-editor,html[data-theme=dark] .source-panel{color:var(--ink);background:var(--surface)}html[data-theme=dark] .export-menu button:hover,html[data-theme=dark] .source-panel>header>button{background:#29262e}html[data-theme=dark] .local-diagram-menu{color:var(--ink);background:var(--surface);box-shadow:0 18px 48px #00000061}html[data-theme=dark] .local-diagram-menu>header>button,html[data-theme=dark] .local-diagram-confirm button{color:var(--ink);background:#242129}html[data-theme=dark] .local-diagram-list>button:hover,html[data-theme=dark] .local-diagram-actions button:hover{background:#29262e}html[data-theme=dark] .local-diagram-list>button.selected{color:#ff9dbc;background:#3a202b}html[data-theme=dark] .local-diagram-confirm{background:#321f26;border-color:#613342}html[data-theme=dark] .local-diagram-actions button.danger:hover{color:#ff9dbc;background:#3a202b}html[data-theme=dark] .relation-summary{background:#211f25}html[data-theme=dark] .empty-orbit{background:#3a202b}html[data-theme=dark] .mermaid-render-error{background:#1b191ff0}html[data-theme=dark] .polished-credit{color:#c6a7b4;background:#1d1b22d1}html[data-theme=dark] .polished-render,html[data-theme=dark] .diagram-surface.beautiful-surface{--mermade-polished-bg:#1b191f;--mermade-polished-fg:#f5edf1}html[data-theme=dark] .status-dot{box-shadow:0 0 0 3px #20392e}html[data-theme=dark] .semantic-line-actions button:last-child:hover{background:#3c2029}html[data-theme=dark] .inspector-footer>button,html[data-theme=dark] .repair-error{color:#ff9dbc;background:#3a202b;border-color:#623044}html[data-theme=dark] .inspector-footer>button:hover{background:#452331}html[data-theme=dark] .repair-confidence{color:#8de0b7;background:#20392e}html[data-theme=dark] .repair-confidence.medium{color:#f0cf81;background:#44391f}html[data-theme=dark] .diagram-style-panel input,html[data-theme=dark] .diagram-style-panel select{color:var(--ink);border-color:var(--line);background:#242129}html[data-theme=dark] .style-compatibility-note,html[data-theme=dark] .style-palette-note{color:var(--muted);border-color:var(--line);background:#292229}html[data-theme=dark] .help-guidance-card.recommended>header{color:#8de0b7;background:#20392e}html[data-theme=dark] .help-guidance-card.avoid>header,html[data-theme=dark] .help-overview-card.purpose>header{color:#ff9dbc;background:#3a202b}html[data-theme=dark] .help-overview-card.editing>header{color:#a8d1f5;background:#202e3a}.beautiful-app-shell{--mermade-polished-bg:#fffdfa;--mermade-polished-fg:#27232a;--beautiful-ui-bg:color-mix(in srgb, var(--beautiful-theme-fg) 4%, var(--beautiful-theme-bg));--beautiful-ui-panel:var(--beautiful-theme-bg);--beautiful-ui-raised:color-mix(in srgb, var(--beautiful-theme-bg) 97%, var(--beautiful-theme-fg));--beautiful-ui-hover:color-mix(in srgb, var(--beautiful-theme-bg) 92%, var(--beautiful-theme-fg));--beautiful-ui-border:var(--beautiful-theme-border,color-mix(in srgb, var(--beautiful-theme-fg) 8%, var(--beautiful-theme-bg)));--beautiful-ui-muted:var(--beautiful-text-secondary,color-mix(in srgb, var(--beautiful-theme-fg) 60%, var(--beautiful-theme-bg)));--beautiful-ui-faint:var(--beautiful-text-faint,color-mix(in srgb, var(--beautiful-theme-fg) 25%, var(--beautiful-theme-bg)));--beautiful-ui-surface:var(--beautiful-theme-surface,color-mix(in srgb, var(--beautiful-theme-fg) 3%, var(--beautiful-theme-bg)));--beautiful-ui-line:var(--beautiful-theme-line,color-mix(in srgb, var(--beautiful-theme-fg) 50%, var(--beautiful-theme-bg)));color:var(--beautiful-theme-fg);background:var(--beautiful-ui-bg)}html[data-theme=dark] .beautiful-app-shell{--mermade-polished-bg:#1b191f;--mermade-polished-fg:#f5edf1}.workspace.beautiful-workspace{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-bg)}.beautiful-app-shell .topbar{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised);box-shadow:0 1px 8px color-mix(in srgb, var(--beautiful-theme-fg) 8%, transparent)}.beautiful-app-shell .brand-name,.beautiful-app-shell .document-name{color:var(--beautiful-theme-fg)}.beautiful-app-shell .top-divider{background:var(--beautiful-ui-border)}.beautiful-app-shell .document-name:hover,.beautiful-app-shell .document-name:focus{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-panel)}.beautiful-app-shell .save-status{color:var(--beautiful-text-secondary)}.beautiful-app-shell .save-status svg{color:var(--beautiful-theme-accent)}.beautiful-app-shell .save-status>svg:last-child{color:currentColor}.beautiful-app-shell .save-status:hover,.beautiful-app-shell .save-status[aria-expanded=true]{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-hover)}.beautiful-app-shell .local-diagram-menu{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-panel);box-shadow:0 18px 48px color-mix(in srgb, var(--beautiful-theme-fg) 18%, transparent)}.beautiful-app-shell .local-diagram-menu small{color:var(--beautiful-text-secondary)}.beautiful-app-shell .local-diagram-menu>header>button,.beautiful-app-shell .local-diagram-confirm button{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised)}.beautiful-app-shell .local-diagram-search{color:var(--beautiful-text-secondary);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-bg)}.beautiful-app-shell .local-diagram-search input{color:var(--beautiful-theme-fg)}.beautiful-app-shell .local-diagram-list>button:hover,.beautiful-app-shell .local-diagram-actions button:hover{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-hover)}.beautiful-app-shell .local-diagram-list>button.selected{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-surface);box-shadow:inset 2px 0 var(--beautiful-theme-accent)}.beautiful-app-shell .local-diagram-list>button>svg{color:var(--beautiful-theme-accent)}.beautiful-app-shell .local-diagram-actions{border-color:var(--beautiful-ui-border)}.beautiful-app-shell .local-diagram-confirm{border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-bg)}.beautiful-app-shell .workspace-switcher{border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-bg);box-shadow:0 2px 10px color-mix(in srgb, var(--beautiful-theme-fg) 8%, transparent)}.beautiful-app-shell .workspace-switcher button{color:var(--beautiful-text-secondary)}.beautiful-app-shell .workspace-switcher button.active,.beautiful-app-shell .workspace-switcher button.beautiful.active{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-panel);box-shadow:0 1px 5px color-mix(in srgb, var(--beautiful-theme-fg) 12%, transparent)}.beautiful-app-shell .topbar .icon-button{color:var(--beautiful-text-secondary)}.beautiful-app-shell .topbar .icon-button:hover:not(:disabled){color:var(--beautiful-theme-fg);background:var(--beautiful-ui-hover)}.beautiful-app-shell .topbar .secondary-button{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised);box-shadow:0 1px 3px color-mix(in srgb, var(--beautiful-theme-fg) 8%, transparent)}.beautiful-app-shell .topbar .secondary-button:hover{border-color:var(--beautiful-theme-line,var(--beautiful-ui-border));background:var(--beautiful-ui-hover)}.beautiful-app-shell .topbar .primary-button{color:var(--beautiful-theme-bg);border-color:var(--beautiful-theme-fg);background:var(--beautiful-theme-fg);box-shadow:0 1px 3px color-mix(in srgb, var(--beautiful-theme-fg) 16%, transparent)}.beautiful-app-shell .topbar .primary-button:hover{filter:brightness(.96)}.beautiful-app-shell .topbar .export-menu{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-panel);box-shadow:0 18px 48px color-mix(in srgb, var(--beautiful-theme-fg) 18%, transparent)}.beautiful-app-shell .topbar .export-menu button:hover{background:var(--beautiful-ui-hover)}.beautiful-app-shell .topbar .export-menu small{color:var(--beautiful-text-secondary)}.beautiful-app-shell .topbar .export-menu svg{color:var(--beautiful-theme-accent)}.workspace.beautiful-workspace .beautiful-tool-rail,.workspace.beautiful-workspace .beautiful-inspector,.workspace.beautiful-workspace .beautiful-inspector-header,.workspace.beautiful-workspace .beautiful-inspector-footer{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-panel)}.workspace.beautiful-workspace .canvas-viewport{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-panel)}.workspace.beautiful-workspace .canvas-kicker,.workspace.beautiful-workspace .beautiful-inspector-header small,.workspace.beautiful-workspace .beautiful-inspector-footer,.workspace.beautiful-workspace .beautiful-control-section>header>small,.workspace.beautiful-workspace .beautiful-colour-grid label>span,.workspace.beautiful-workspace .beautiful-density-grid button small,.workspace.beautiful-workspace .beautiful-range-list label>span,.workspace.beautiful-workspace .beautiful-control-row small,.workspace.beautiful-workspace .beautiful-font-field>span,.workspace.beautiful-workspace .beautiful-reset{color:var(--beautiful-ui-muted)}.workspace.beautiful-workspace .beautiful-output-switch,.workspace.beautiful-workspace .beautiful-inspector-header>button,.workspace.beautiful-workspace .beautiful-control-section,.workspace.beautiful-workspace .beautiful-theme-grid>button,.workspace.beautiful-workspace .beautiful-density-grid button,.workspace.beautiful-workspace .beautiful-colour-grid input,.workspace.beautiful-workspace .beautiful-font-field input{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised);box-shadow:var(--shadow-minimal,0 1px 3px #00000014)}.workspace.beautiful-workspace .beautiful-output-switch{border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised)}.workspace.beautiful-workspace .beautiful-output-switch button{color:var(--beautiful-ui-muted)}.workspace.beautiful-workspace .beautiful-output-switch button.active{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-panel);box-shadow:0 1px 4px #0000001f}.workspace.beautiful-workspace .beautiful-segmented{background:var(--beautiful-ui-bg)}.workspace.beautiful-workspace .beautiful-segmented button{color:var(--beautiful-ui-muted)}.workspace.beautiful-workspace .beautiful-segmented button.active{color:var(--beautiful-theme-fg);background:var(--beautiful-ui-panel)}.workspace.beautiful-workspace .beautiful-theme-grid>button:hover,.workspace.beautiful-workspace .beautiful-density-grid button:hover,.workspace.beautiful-workspace .beautiful-inspector-header>button:hover,.workspace.beautiful-workspace .beautiful-tool-rail .icon-button:hover:not(:disabled){color:var(--beautiful-theme-fg);border-color:var(--beautiful-theme-accent);background:var(--beautiful-ui-hover)}.workspace.beautiful-workspace .beautiful-theme-grid>button.selected,.workspace.beautiful-workspace .beautiful-density-grid button.selected{border-color:var(--beautiful-theme-accent);background:var(--beautiful-ui-surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--beautiful-theme-accent) 14%, transparent)}.workspace.beautiful-workspace .beautiful-theme-grid>button>svg{color:var(--beautiful-theme-bg);background:var(--beautiful-theme-accent)}.workspace.beautiful-workspace .beautiful-control-section>header>span svg,.workspace.beautiful-workspace .beautiful-range-list output{color:var(--beautiful-theme-accent)}.workspace.beautiful-workspace .beautiful-control-row{border-color:var(--beautiful-ui-border)}.workspace.beautiful-workspace .beautiful-control-row input,.workspace.beautiful-workspace .beautiful-range-list input{accent-color:var(--beautiful-theme-accent)}.workspace.beautiful-workspace .beautiful-actions-section .primary-button{color:var(--beautiful-theme-bg);background:var(--beautiful-theme-fg)}.workspace.beautiful-workspace .beautiful-actions-section .secondary-button{color:var(--beautiful-theme-fg);border-color:var(--beautiful-ui-border);background:var(--beautiful-ui-raised)}.workspace.beautiful-workspace .tool-separator{background:var(--beautiful-ui-border)}.workspace.beautiful-workspace .beautiful-tool-rail .icon-button{color:var(--beautiful-ui-muted)}.workspace.beautiful-workspace .beautiful-tool-rail .icon-button kbd{color:var(--beautiful-ui-faint)}.workspace.beautiful-workspace .canvas-scroll{scrollbar-color:var(--beautiful-ui-muted) transparent}.workspace.beautiful-workspace .polished-credit,.workspace.beautiful-workspace .beautiful-canvas-hint{color:var(--beautiful-ui-muted);border-color:var(--beautiful-ui-border);background:color-mix(in srgb, var(--beautiful-theme-bg) 84%, transparent)}@media (max-width:1050px){.workspace{grid-template-columns:54px minmax(500px,1fr) 270px}.workspace.beautiful-workspace{grid-template-columns:54px minmax(500px,1fr) 310px}.inspector-body{padding:15px}.save-status>span{display:none}}@media (max-width:840px){.workspace{grid-template-columns:52px minmax(500px,1fr) 230px}.brand-name,.top-divider{display:none}.document-name{width:125px}.secondary-button{padding:0 9px}.shortcuts-content{grid-template-columns:1fr;max-height:calc(100dvh - 130px);overflow-y:auto}.help-content,.help-guidance-grid{grid-template-columns:1fr}.help-overview-card,.help-quick-start,.help-guidance-grid,.help-content>.help-section:last-child{grid-column:auto}.help-overview-card .wide-action{width:100%}.help-resources{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}