#relationshipVisual{min-width:0;margin-bottom:20px}.relationship-ledger[hidden],#rtCanvasWrap[hidden],#rtKindLabel[hidden],#rtCycle[hidden],#rtEmpty[hidden]{display:none!important}
.rt-tabs{display:flex;gap:6px;margin:5px 0 16px}.rt-button{min-height:38px;border:1px solid var(--line);border-radius:8px;padding:8px 16px;color:var(--text);background:var(--surface-strong);font:500 13px var(--theme-ui,Inter,system-ui);cursor:pointer;touch-action:manipulation}.rt-button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.rt-button:hover{background:var(--accent-soft)}
#rtCanvasWrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-strong)}.rt-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.rt-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.rt-tools select{max-width:100%;min-width:0;min-height:38px;padding:7px 10px;font:400 14px var(--theme-ui,Inter,system-ui);border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}#rtCount{font-size:12px;color:var(--muted)}.rt-tools>div{display:flex;align-items:center;gap:8px;margin-left:auto}#rtZoom{font-size:12px;min-width:38px;text-align:center}
.rt-viewport{height:clamp(350px,60dvh,720px);position:relative;overflow:hidden;min-width:0;touch-action:none;user-select:none;background:var(--bg);cursor:grab}.rt-svg{display:block;overflow:hidden}.rt-node{cursor:pointer}.rt-node rect{fill:var(--surface-strong);stroke:var(--line);stroke-width:1.4}.rt-node:hover rect,.rt-node:focus rect{stroke:var(--accent);stroke-width:2.5}.rt-node text{fill:var(--text);font-family:var(--theme-ui,Inter,system-ui);font-size:12px;pointer-events:none}.rt-node .rt-node-kind{font-size:9px;letter-spacing:1.4px;fill:var(--muted)}.rt-node .rt-node-name{font-size:14px;font-weight:600}.rt-cyclic rect{stroke:var(--accent);stroke-dasharray:5 4;stroke-width:2}
.rt-edge{cursor:pointer}.rt-edge-hit{stroke:transparent;stroke-width:22px;fill:none}.rt-edge text{font:12px var(--theme-ui,Inter,system-ui);fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round}.rt-edge:hover>path:not(.rt-edge-hit),.rt-edge:focus>path:not(.rt-edge-hit){stroke-width:3}.rt-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;max-width:620px;margin:auto;text-align:center;font:400 15px/1.8 var(--theme-ui,Inter,system-ui);color:var(--muted);pointer-events:none}.rt-cycle-note{padding:12px 16px;margin:0;border-bottom:1px solid var(--line);font-size:13px;color:var(--text)}.rt-help{margin:0;padding:12px 16px;font:400 12px/1.6 var(--theme-ui,Inter,system-ui);color:var(--muted)}
.rt-button:focus-visible,.rt-tools select:focus-visible,.rt-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:850px){.rt-tools{padding:10px}.rt-tools label{flex:1 1 100%}.rt-tools select{flex:1}.rt-viewport{height:55dvh;min-height:340px}.rt-empty{padding:24px}}
@media(pointer:coarse){.rt-button,.rt-tools select{min-height:44px}.rt-tools select{font-size:16px}.rt-button{min-width:44px}}