:root{--bg:#fbfbfa;--panel:#fff;--border:#dfe2e8;--text:#1c2230;--text-muted:#5b6475;--accent:#2f6fea;--highlight:#e0851b;--badge-text:#fff;--canvas-bg:#f6f6f4;--frame-fill:#fff;--frame-fill-deep:#f1f3f7;--frame-border:#9aa3b2;--group-border:#b7bdc8;--card-person:#e6efff;--card-system:#dde7ff;--card-container:#e3f1ea;--card-component:#f3ecdf;--card-border:#7c8698;--edge:#6b7486;--edge-label:#3d4556;--edge-label-bg:#f6f6f4e0;--diff-added:#1f9d55;--diff-removed:#d4452b;--diff-changed:#c27c0e;--related:#ea580c;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14161b;--panel:#1c1f26;--border:#2e333d;--text:#e6e8ee;--text-muted:#9aa3b2;--accent:#6d9bff;--highlight:#f0a14a;--badge-text:#14161b;--canvas-bg:#111318;--frame-fill:#1b1e25;--frame-fill-deep:#20242c;--frame-border:#4a5160;--group-border:#3d4350;--card-person:#243150;--card-system:#22304f;--card-container:#1f3a30;--card-component:#3a3224;--card-border:#5d6678;--edge:#8c95a8;--edge-label:#c9ceda;--edge-label-bg:#111318e0;--diff-added:#3fbf78;--diff-removed:#f06a52;--diff-changed:#e3a33b;--related:#fb923c}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover{border-color:var(--accent)}a{color:var(--accent)}.muted{color:var(--text-muted)}.error{color:#c43d3d}ul.plain{margin:0;padding:0;list-style:none}.page{max-width:760px;margin:0 auto;padding:32px 16px}.page h1{margin-top:0}.workspaces li{padding:6px 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px 20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.user-menu{align-items:center;gap:8px;font-size:13px;display:inline-flex}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px 16px;font-weight:600}.token-fallback{margin-top:16px}.token-fallback summary{cursor:pointer;color:var(--text-muted)}.panel form{gap:8px;display:flex}.panel input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:6px 8px}.workspace{flex-direction:column;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.toolbar .home{font-size:18px;text-decoration:none}.breadcrumb{flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex}.crumb{background:0 0;border:none;padding:2px 4px;font-weight:600}.crumb:hover{color:var(--accent)}.sep{color:var(--text-muted);margin:0 2px}.tag-filter{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag-filter input{font:inherit;border:1px solid var(--border);background:var(--bg);width:150px;color:var(--text);border-radius:6px;padding:4px 8px}.chip{background:var(--highlight);color:var(--badge-text);border:none;border-radius:999px;padding:2px 10px;font-size:13px}.actions{align-items:center;gap:8px;display:flex}.seq{color:var(--text-muted);font-size:12px}.stage{flex:1;min-height:0;display:flex;position:relative}.diagram-canvas{touch-action:none;outline:none;flex:1 1 0;width:0;min-width:0;height:100%;display:block}.inspector{border-left:1px solid var(--border);background:var(--panel);width:min(380px,45vw);padding:14px 16px;font-size:14px;line-height:1.45;overflow-y:auto}.inspector h2{margin:2px 0;font-size:19px}.inspector h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:18px 0 6px;font-size:13px}.inspector-head{justify-content:space-between;gap:8px;display:flex}.inspector .kind{color:var(--text-muted);text-transform:capitalize;font-size:12px}.inspector .id{color:var(--text-muted);font-size:12px}.inspector .close{border:none;height:fit-content;font-size:20px;line-height:1}.inspector-crumbs{margin:8px 0;font-size:13px}.inspector-actions{gap:8px;margin:10px 0;display:flex}.inspector .docs{white-space:pre-wrap}.inspector li{padding:3px 0}.link{color:var(--accent);background:0 0;border:none;padding:0}.tag{border:1px solid var(--border);border-radius:999px;margin:0 4px 4px 0;padding:1px 8px;font-size:12px;display:inline-block}.decision{border-left:3px solid var(--accent);margin-bottom:10px;padding:4px 0 4px 10px}.decision.proposed{border-left-color:var(--highlight)}.decision p{margin:4px 0}.decision-title{font-weight:600}.status{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:500}.outline{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.outline:focus-within{clip:auto;background:var(--panel);border:1px solid var(--border);z-index:10;border-radius:8px;width:auto;height:auto;max-height:40vh;padding:8px;position:fixed;bottom:12px;left:12px;overflow:auto}.outline ul{margin:0;padding:0;list-style:none}.outline button{text-align:left;background:0 0;border:none;padding:2px 4px}@media (width<=640px){.inspector{border-left:none;border-top:1px solid var(--border);width:100%;max-height:55%;position:absolute;bottom:0;right:0}}.conn{color:var(--text-muted);white-space:nowrap;font-size:12px}.conn:before{content:"";background:var(--text-muted);vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.conn-live:before{background:#1f9d55}.conn-offline:before{background:#d4452b}.conn-connecting:before{background:var(--highlight)}.avatars{display:inline-flex}.avatar{color:#fff;border:2px solid var(--panel);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:12px;font-weight:700;display:inline-flex}.avatar.more{background:var(--text-muted)}.toggle.on{background:var(--accent);border-color:var(--accent);color:#fff}.field{color:var(--text-muted);flex-direction:column;gap:3px;margin:8px 0;font-size:12px;display:flex}.field input,.field textarea,.add-element input,.add-element select,.add-rel input,.decision-form input,.decision-form textarea,.comments textarea,.thread input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:5px 8px;font-size:14px}.field.heading input{padding:2px 6px;font-size:19px;font-weight:700}.check{align-items:center;gap:6px;font-size:13px;display:flex}.check input{width:auto}.add-element,.add-rel,.decision-form,.comments form{flex-direction:column;gap:6px;margin-top:8px;display:flex}.add-element button,.add-rel button,.comments form button{align-self:flex-start}.decision-actions,.thread-actions{align-items:center;gap:6px;margin-top:6px;display:flex}.thread-actions form{flex:1}.inspector h4{color:var(--text-muted);margin:10px 0 4px;font-size:12px}.danger{border-top:1px solid var(--border);margin-top:24px;padding-top:12px}.danger-button{color:#c43d3d;border-color:#c43d3d}.danger-link{color:#c43d3d}.thread{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:8px 10px}.thread.resolved{opacity:.7}.comment+.comment{border-left:2px solid var(--border);margin-top:8px;padding-left:10px}.comment .muted{font-size:12px}.comment-body{white-space:pre-wrap}.notices{z-index:5;flex-direction:column;gap:6px;max-width:min(480px,100% - 24px);display:flex;position:absolute;bottom:12px;left:12px}.notice{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--highlight);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;display:flex;box-shadow:0 4px 16px #0000001f}.notice .close{border:none;padding:0 4px}.changeset-list li+li{margin-top:6px}.changeset-item{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;display:flex}.changeset-item.closed{opacity:.75}.changeset-title{font-weight:600}.changeset-item .muted{font-size:12px}.changeset-status{margin:6px 0;font-size:13px;font-weight:600}.status-merged{color:var(--diff-added)}.status-closed{color:var(--diff-removed)}.diff-chip{color:#fff;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.diff-added{background:var(--diff-added)}.diff-removed{background:var(--diff-removed)}.diff-changed{background:var(--diff-changed)}.legend{color:var(--text-muted);font-size:12px}.change-list li{padding:3px 0}.review-actions{gap:8px;margin:14px 0 6px;display:flex}.reject-form textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;margin-top:10px;padding:5px 8px;font-size:14px}.selected-strip{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;font-size:12px;display:flex}.chip-button{border-radius:999px;padding:1px 8px;font-size:12px}