.chain-editor{border:1px solid var(--line,#dbe5e1);border-radius:18px;padding:22px;background:var(--surface,#fff);margin:8px 0 18px}
.chain-editor-heading h3{margin:5px 0 18px;font-size:20px;letter-spacing:-.04em}.chain-editor-heading>label{display:block;margin-bottom:8px}.chain-editor-heading>select{width:100%}
.chain-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:12px;padding:0;margin:20px 0;list-style:none}
.chain-stop{position:relative;display:flex;flex-direction:column;gap:7px;padding:15px 12px;border:1px solid var(--line,#dbe5e1);border-radius:14px;background:var(--surface-soft,#f5f8f6);min-width:0}
.chain-stop strong{font-size:13px;overflow-wrap:anywhere}.chain-stop-role{color:var(--muted);font-size:11px}.chain-stop-index{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent,#26795e);color:white;font-size:11px;font-weight:700}
.chain-stop:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:48%;width:12px;text-align:center;font-size:11px;color:var(--muted)}.chain-stop-target{border-style:dashed}.chain-stop-target .chain-stop-index{background:transparent;color:var(--accent)}
.chain-state{font-size:11px;color:var(--muted)}.chain-state-running{color:#258359}.chain-state-error,.chain-state-offline{color:#c94655}
.chain-relay-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;margin:10px 0}.chain-relay-row>label{margin:0;font-size:12px}.chain-relay-row>select{min-width:0;width:100%}.chain-relay-row .button{padding:9px 11px}
.chain-detail-card{padding:22px;margin:18px 0}.chain-detail-card h3{margin:0;font-size:16px}.chain-detail-card .chain-path{margin-bottom:0}.chain-mode-badge{font-size:10px;letter-spacing:.01em;color:var(--accent);font-weight:600}
@media(max-width:560px){.chain-editor{padding:16px}.chain-path{grid-template-columns:1fr 1fr;gap:9px}.chain-relay-row{grid-template-columns:1fr auto auto auto}.chain-relay-row>label{grid-column:1/-1}.chain-relay-row .button{padding:9px}.chain-stop:not(:last-child)::after{right:-9px;width:9px}.chain-detail-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.chain-editor *{scroll-behavior:auto}}