.diagram-page{--diagram-ink:#0f172a;--diagram-muted:#64748b;--diagram-line:#cbd5e1;--diagram-blue:#2563eb;height:100svh;color:var(--diagram-ink);background:radial-gradient(circle at 50% 48%,#dbeafe94,#0000 25rem),linear-gradient(#fff,#f8fafc);position:relative;overflow:hidden}.diagram-page:before{z-index:0;content:"";opacity:.34;pointer-events:none;background-image:radial-gradient(#cbd5e1 .7px,#0000 .7px);background-size:24px 24px;position:absolute;inset:0}.diagram-header{z-index:20;pointer-events:none;max-width:min(30rem,100vw - 8rem);padding:1.1rem clamp(1rem,3vw,2rem);position:absolute;top:0;left:0}.diagram-header h1{letter-spacing:-.02em;pointer-events:auto;cursor:text;margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.15}.diagram-header p{color:var(--diagram-muted);margin:.3rem 0 0;font-size:.74rem}.diagram-controls{z-index:20;gap:.45rem;display:flex;position:absolute;top:1.1rem;right:clamp(1rem,3vw,2rem)}.diagram-control{color:#334155;min-width:2.3rem;min-height:2.3rem;font:inherit;backdrop-filter:blur(12px);cursor:pointer;background:#ffffffe0;border:1px solid #cbd5e1d1;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:650;box-shadow:0 8px 30px #0f172a0d}.diagram-control:hover,.diagram-control:focus-visible{outline-offset:2px;outline:3px solid #3b82f642}.diagram-control.is-active{color:#fff;background:#2563eb;border-color:#2563eb}.diagram-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.diagram-stage{z-index:2;cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.diagram-stage.is-panning{cursor:grabbing}.diagram-stage[data-diagram-mode=select]{cursor:crosshair}.diagram-world{transform-origin:0 0;position:absolute;top:0;left:0}.diagram-lines{position:absolute;top:0;left:0;overflow:visible}.diagram-line{stroke:#60a5fa;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:7 9;opacity:.95;filter:drop-shadow(0 0 2px #ffffffe6)drop-shadow(0 0 7px #ffffff94);cursor:pointer;animation:1.8s linear infinite diagram-line-flow}@keyframes diagram-line-flow{to{stroke-dashoffset:-16px}}.diagram-container-rect{fill:#2563eb09;stroke:#93c5fde6;stroke-width:1.4px}.diagram-container-title{box-sizing:border-box;color:#1d4ed8;letter-spacing:.12em;text-align:left;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;user-select:none;cursor:grab;padding:.55rem 1rem 0;font-size:.68rem;font-weight:750;position:absolute;overflow:hidden}.diagram-container-rect.is-drop-target{stroke:#2563eb;stroke-width:2.2px;fill:#2563eb14}.diagram-node.is-drop-target{border-color:#2563eb;box-shadow:0 0 0 .3rem #3b82f633,0 20px 44px #2563eb2e}.diagram-node.is-dragging{z-index:15;cursor:grabbing;box-shadow:0 24px 52px #0f172a2e,0 4px 12px #0f172a1a}.diagram-container-title.is-dragging{cursor:grabbing}.diagram-node-label[contenteditable],.diagram-container-title[contenteditable],[data-diagram-title][contenteditable]{outline-offset:3px;cursor:text;user-select:text;white-space:normal;outline:2px dashed #3b82f68c}.diagram-node-handle{color:#2563eb;opacity:0;pointer-events:none;cursor:crosshair;background:#eff6ff;border:1px solid #93c5fd;border-radius:999px;place-items:center;width:1.4rem;height:1.4rem;font-size:.9rem;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;right:-.75rem;transform:translateY(-50%)}.diagram-node:hover .diagram-node-handle,.diagram-node-handle:hover{opacity:1;pointer-events:auto}.diagram-node.is-dragging .diagram-node-handle{opacity:0;pointer-events:none}.diagram-draft-line{stroke:#2563eb;stroke-width:1.6px;stroke-dasharray:6 5;pointer-events:none}.diagram-marquee{z-index:30;pointer-events:none;background:#3b82f614;border:1.5px dashed #2563eb;border-radius:.35rem;position:absolute}.diagram-node.is-selected{border-color:#2563eb;box-shadow:0 0 0 .22rem #3b82f62e,0 16px 38px #0f172a12}.diagram-container-rect.is-selected{stroke:#2563eb;stroke-width:2px}.diagram-menu{z-index:50;backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #cbd5e1eb;border-radius:.8rem;flex-direction:column;min-width:11rem;padding:.3rem;display:flex;position:fixed;box-shadow:0 16px 38px #0f172a24,0 2px 8px #0f172a0f}.diagram-menu-item{color:#334155;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.5rem .7rem;font-size:.78rem;font-weight:600}.diagram-menu-item:hover,.diagram-menu-item:focus-visible{color:#1d4ed8;background:#eff6ff;outline:none}.diagram-nodes{position:absolute;top:0;left:0}.diagram-node{color:#334155;overflow-wrap:anywhere;text-align:center;user-select:none;background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:1rem;place-items:center;width:max-content;min-width:6.5rem;max-width:14rem;min-height:2.8rem;padding:.65rem .75rem;font-size:.78rem;font-weight:680;line-height:1.25;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 16px 38px #0f172a12,0 2px 8px #0f172a0a}.diagram-node.has-details{cursor:pointer}.diagram-node .diagram-node-label{display:block}.diagram-node.is-expanded{z-index:10;border-color:var(--diagram-blue);max-width:20rem;box-shadow:0 0 0 .3rem #3b82f624,0 20px 44px #2563eb26}.diagram-node-details{color:#475569;white-space:pre-line;text-align:left;user-select:text;cursor:text;border:1px dashed #0000;border-top-color:#e2e8f0;border-radius:.45rem;margin:.55rem 0 0;padding:.55rem .55rem 0;font-size:.72rem;font-weight:480;line-height:1.5}.diagram-node-details:empty:before{color:#94a3b8;content:attr(data-placeholder)}.diagram-node-details[contenteditable]:focus{border-color:#3b82f68c;outline:none}.diagram-node[data-node-type=root]{z-index:5;color:#1e3a8a;border-color:#93c5fd;border-radius:1.25rem;font-size:.92rem}.diagram-node[data-node-type=domain]{color:#1d4ed8;border-color:#93c5fd;box-shadow:0 20px 44px #2563eb1c,0 2px 8px #0f172a0a}.diagram-node[data-node-type=category]{background:#f8fbfff5;border-color:#bfdbfe}.diagram-node[data-node-type=platform],.diagram-node[data-node-type=service]{color:#0369a1;border-color:#bae6fd}.diagram-node[data-node-type=methodology],.diagram-node[data-node-type=concept]{color:#6d28d9;border-color:#c4b5fd}.diagram-message{z-index:20;color:#334155;background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:1rem;max-width:min(26rem,100vw - 2rem);margin:0;padding:1.1rem 1.3rem;font-size:.85rem;line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 38px #0f172a12}.diagram-message a{color:#1d4ed8;text-underline-offset:.18rem;font-weight:650}@media (width<=680px){.diagram-node{min-width:5.5rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.diagram-line{animation:none}}