:root{--bg: #f5f6f8;--bg-panel: #ffffff;--bg-sunken: #eef0f4;--border: #d8dce4;--fg: #1d2330;--fg-muted: #6b7385;--accent: #2f6df6;--accent-fg: #ffffff;--error: #c0392b;--warn: #b26a00;--c-start: #e7f7e5;--s-start: #63a35c;--c-end: #fbe9e9;--s-end: #b03030;--c-inter: #fff6da;--s-inter: #b78a26;--c-task: #eaf1fd;--s-task: #4a7ebb;--c-gateway: #fffccc;--s-gateway: #a6a41d;--c-pool: #ffffff;--c-lane: #fafbfc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161b;--bg-panel: #1b1e25;--bg-sunken: #23262f;--border: #333844;--fg: #e6e8ee;--fg-muted: #9aa2b4;--accent: #5b8cff;--error: #ff7b6b;--warn: #e0a94a;--c-start: #22422a;--s-start: #62b06a;--c-end: #452427;--s-end: #d76a63;--c-inter: #453a1e;--s-inter: #d1a745;--c-task: #22324b;--s-task: #6b9ada;--c-gateway: #45431f;--s-gateway: #cfc851;--c-pool: #1b1e25;--c-lane: #20242c}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 Segoe UI,system-ui,-apple-system,sans-serif}button{font:inherit;padding:6px 11px;border-radius:7px;border:1px solid var(--border);background:var(--bg-panel);color:var(--fg);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}button.danger{color:var(--error);border-color:var(--error)}button.icon{padding:2px 8px;line-height:1.2;color:var(--fg-muted)}input,select,textarea{font:inherit;width:100%;padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-sunken);color:var(--fg)}textarea{resize:vertical}.muted{color:var(--fg-muted)}.small{font-size:12px}.app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand div{display:flex;flex-direction:column;line-height:1.25}.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-size:18px}.actions{display:flex;gap:8px;flex-wrap:wrap}.status{padding:7px 16px;font-size:13px;border-bottom:1px solid var(--border)}.status-info{background:color-mix(in srgb,var(--accent) 12%,transparent)}.status-error{background:color-mix(in srgb,var(--error) 16%,transparent);color:var(--error)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:270px minmax(0,1fr) 330px}.sidebar,.inspector{overflow-y:auto;background:var(--bg-panel);padding:14px;display:flex;flex-direction:column;gap:18px}.sidebar{border-right:1px solid var(--border)}.inspector{border-left:1px solid var(--border)}.sidebar h2,.inspector h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.sidebar section>button,.inspector section>button{margin-top:8px;width:100%}label.stack,.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--fg-muted);margin-bottom:8px}.form{display:flex;flex-direction:column}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diagram-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.diagram-list li{display:flex;gap:4px;align-items:stretch}button.diagram{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px}button.diagram.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.dname{font-weight:600}.dmeta{font-size:11px;color:var(--fg-muted)}.pool-editor{border:1px solid var(--border);border-radius:8px;padding:10px;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:4px 9px}.rows{display:flex;flex-direction:column;gap:6px}.row{display:flex;gap:4px;align-items:center}.row .arrow{color:var(--fg-muted)}.row .tag{max-width:84px}.canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.canvas-toolbar .hint{margin-left:auto;font-size:12px;color:var(--fg-muted)}.canvas-scroll{flex:1;overflow:auto;padding:20px}.canvas-empty{display:grid;place-items:center;height:100%;color:var(--fg-muted)}svg text{font-family:Segoe UI,system-ui,sans-serif;fill:var(--fg)}.pool{fill:var(--c-pool);stroke:var(--border);stroke-width:1.4}.pool-head{fill:var(--bg-sunken);stroke:var(--border)}.lane{fill:var(--c-lane);stroke:var(--border);stroke-width:1}.lane-head{fill:var(--bg-sunken);stroke:var(--border)}.pool-label,.lane-label{font-size:11px;font-weight:600;text-anchor:middle;fill:var(--fg-muted)}.flow{fill:none;stroke:var(--fg-muted);stroke-width:1.4}.assoc{stroke:var(--fg-muted);stroke-width:1.2;stroke-dasharray:4 3}.flow-label{font-size:10px;font-weight:600;text-anchor:middle;fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:3px}.node{cursor:pointer}.node.is-selected rect,.node.is-selected circle,.node.is-selected polygon{stroke:var(--accent);stroke-width:2.6}.node-label{font-size:10.5px;pointer-events:none}.node-label.outside{fill:var(--fg-muted)}.marker{font-size:13px;pointer-events:none;fill:var(--fg-muted)}.art-annotation{fill:var(--bg-sunken);stroke:var(--fg-muted);stroke-dasharray:4 3}.art-dataObject{fill:var(--bg-panel);stroke:var(--fg-muted)}.art-dataStore{fill:var(--bg-sunken);stroke:var(--fg-muted);stroke-width:1.2}.art-dataStore-top{fill:none;stroke:var(--fg-muted);stroke-width:1.2}.art-label{font-size:9.5px;fill:var(--fg-muted)}.issues{border-top:1px solid var(--border);background:var(--bg-panel);max-height:30vh;display:flex;flex-direction:column}.issues-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--fg-muted)}.badge-error{background:color-mix(in srgb,var(--error) 20%,transparent);color:var(--error)}.badge-warn{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}.issues-body{overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.issue{display:flex;gap:8px;text-align:left;border:none;background:none;padding:4px 6px;border-radius:6px;font-size:12.5px}.issue:hover{background:var(--bg-sunken)}.issue code{flex:none;font-size:11px;padding:1px 6px;border-radius:4px;background:var(--bg-sunken)}.issue-error code{background:color-mix(in srgb,var(--error) 20%,transparent);color:var(--error)}.issue-warning code{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}@media(max-width:1200px){.workspace{grid-template-columns:240px minmax(0,1fr)}.inspector{display:none}}