.arch{gap:12px;display:grid}.arch__svg{width:100%;height:auto;display:block;overflow:visible}.arch__beam{fill:none;stroke:var(--line-strong);stroke-width:1.4px;transition:stroke .3s,stroke-width .3s}.arch__beam[data-lit]{stroke:var(--accent);stroke-width:2.2px;filter:drop-shadow(0 0 4px rgb(var(--accent-rgb) / .5))}.arch-packet__core{fill:var(--accent)}.arch__node{cursor:pointer;outline:none}.arch__node rect,.arch__node circle:first-child{fill:var(--surface);stroke:var(--line-strong);stroke-width:1px;transition:stroke .25s,fill .25s}.arch__node--tool rect{stroke-dasharray:4 3;fill:color-mix(in srgb, var(--surface) 70%, transparent)}.arch__node:hover rect,.arch__node:hover circle:first-child,.arch__node:focus-visible rect,.arch__node:focus-visible circle:first-child{stroke:var(--accent)}.arch__node[data-on] rect,.arch__node[data-on] circle:first-child{stroke:var(--accent);fill:color-mix(in srgb, var(--accent) 14%, var(--surface))}.arch__node[data-selected] rect,.arch__node[data-selected] circle:first-child{stroke-width:2px}.arch__node:focus-visible{filter:drop-shadow(0 0 .5px var(--accent))}.arch__ring{fill:none;stroke:rgb(var(--accent-rgb) / .4);stroke-width:1.2px;stroke-dasharray:3 6}.arch__label{font-family:var(--font-satoshi), ui-sans-serif, sans-serif;fill:var(--text);pointer-events:none;font-size:13px;font-weight:600}.arch__label--hub{font-family:var(--font-cabinet), ui-sans-serif, sans-serif;font-size:14px;font-weight:800}.arch__label--tool{fill:var(--text-2);font-size:12px;font-weight:500}.arch__node[data-on] .arch__label{fill:var(--text)}.arch__info{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:14px;min-height:64px;padding:12px 14px}.arch__info-name{font-family:var(--font-cabinet), ui-sans-serif, sans-serif;color:var(--text);font-size:16px;font-weight:800}.arch__info-role,.arch__info-hint{color:var(--text-2);margin-top:2px;font-size:14px}.arch__info-tools{font-family:var(--font-jetbrains), ui-monospace, monospace;color:var(--accent-text);margin-top:6px;font-size:12px}.arch__trace{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 80%, transparent);font-family:var(--font-jetbrains), ui-monospace, monospace;border-radius:14px;padding:12px 14px;font-size:12px}.arch__trace-head{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:11px;display:flex}.arch__replay{border:1px solid var(--line-strong);min-height:32px;color:var(--text);text-transform:none;letter-spacing:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.arch__replay:hover{border-color:var(--accent);color:var(--accent-text)}.arch__lines{gap:3px;min-height:6.4em;list-style:none;display:grid}.arch__lines li{color:var(--text-3);grid-template-columns:3.6em 7.4em 1fr;gap:8px;line-height:1.6;transition:opacity .3s;display:grid}.arch__lines li[data-shown="0"]{opacity:0}.arch__lines li[data-latest="1"]{color:var(--text)}.arch__who{color:var(--accent-text);text-overflow:ellipsis;overflow:hidden}@media (max-width:639px){.arch__lines li{grid-template-columns:3.2em 6.4em 1fr;font-size:11px}}