diagram-widget{display:block}diagram-widget diagram-toolbar{display:flex;align-items:center;gap:var(--space-2xs);margin-block-end:var(--space-xs)}diagram-widget diagram-toolbar text-editor{flex:1;min-inline-size:0}diagram-widget diagram-canvas{display:block;overflow:auto;max-inline-size:100%;border:1px solid var(--rule);border-radius:var(--shape-sm);background:var(--paper-sunken)}diagram-widget canvas-frame{position:relative;display:block;inline-size:max-content}diagram-widget svg{display:block;background:var(--paper-raised);touch-action:none;user-select:none;outline:none}diagram-widget svg[connecting=on] g[kind=node]{cursor:crosshair}diagram-widget resize-handle{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:1.5rem;block-size:1.5rem;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--rule-strong) 50%,var(--rule-strong) 60%,transparent 60%,transparent 72%,var(--rule-strong) 72%,var(--rule-strong) 82%,transparent 82%)}diagram-widget g[kind=node]{cursor:grab}diagram-widget g[kind=node] rect{fill:var(--paper-sunken);stroke:var(--rule-strong);stroke-width:1.5}diagram-widget g[kind=node][state=selected] rect{stroke:var(--accent);stroke-width:2.5}diagram-widget g[kind=node] text{fill:var(--ink);font-family:var(--voice-machine);font-size:14px;pointer-events:none}diagram-widget g[kind=edge]{cursor:pointer}diagram-widget g[kind=edge] line{stroke:var(--ink-faint);stroke-width:1.5}diagram-widget g[kind=edge] line[kind=hit]{stroke:transparent;stroke-width:16}diagram-widget g[kind=edge][state=selected] line:not([kind=hit]){stroke:var(--accent);stroke-width:2.5}diagram-widget g[kind=edge] text{fill:var(--ink-soft);font-family:var(--voice-machine);font-size:12px}diagram-widget marker path{fill:var(--ink-faint)}