.arch{margin:0}.arch-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1024px){.arch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.arch-span-2{grid-column:span 2}.arch-span-3{grid-column:span 3}.arch-span-6{grid-column:span 6}}.arch-col{min-width:0;display:flex}.arch-col-inner{--arch-panel-bg:var(--color-bg-base);--arch-panel-border:var(--color-border);--arch-panel-border-style:solid;--arch-panel-wash:transparent;--arch-label:var(--color-text-primary);--arch-dot:var(--color-text-secondary);--arch-node-bg:var(--color-bg-surface);--arch-node-border:var(--color-border-strong);--arch-node-border-style:solid;--arch-node-shadow:0 1px 0 var(--color-bg-overlay) inset, 0 8px 22px -16px var(--color-sheet-shadow);--arch-title:var(--color-text-primary);--arch-wire:var(--color-border-strong);--arch-badge-fg:var(--color-text-secondary);--arch-badge-bg:var(--color-bg-overlay);--arch-badge-border:var(--color-border-strong);isolation:isolate;border:1px var(--arch-panel-border-style) var(--arch-panel-border);background:linear-gradient(to bottom, var(--arch-panel-wash), transparent 62%), var(--arch-panel-bg);border-radius:20px;flex:1;min-width:0;padding:18px 16px 20px;position:relative;overflow:hidden}.arch-col-inner[data-tone=muted]{--arch-panel-bg:transparent;--arch-panel-border:var(--color-border-strong);--arch-panel-border-style:dashed;--arch-label:var(--color-text-secondary);--arch-node-bg:var(--color-bg-overlay);--arch-node-border:var(--color-border-strong);--arch-node-border-style:dashed;--arch-node-shadow:none;--arch-title:var(--color-text-secondary);--arch-wire:var(--color-border-strong)}.arch-col-inner[data-tone=accent]{--arch-panel-border:var(--color-accent-border);--arch-panel-wash:var(--color-accent-subtle);--arch-label:var(--color-accent);--arch-dot:var(--color-brand);--arch-node-border:color-mix(in srgb, var(--color-brand) 34%, var(--color-border-strong));--arch-wire:color-mix(in srgb, var(--color-brand) 62%, transparent);--arch-badge-fg:var(--color-accent);--arch-badge-bg:var(--color-accent-subtle);--arch-badge-border:var(--color-accent-border)}.arch-col-inner[data-tone=accent]:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at center, var(--color-border-strong) 1px, transparent 1.4px);opacity:.7;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 75%)}.arch-col-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--arch-label);text-wrap:balance;align-items:center;gap:8px;margin:0 0 16px;font-size:11px;font-weight:400;line-height:1.5;display:flex}.arch-col-dot{background:var(--arch-dot);border-radius:50%;flex:none;width:7px;height:7px}.arch-col-inner[data-tone=accent] .arch-col-dot{box-shadow:0 0 0 3px var(--color-accent-subtle), 0 0 10px var(--color-accent-glow)}.arch-col-inner[data-tone=muted] .arch-col-dot{border:1px solid var(--color-text-secondary);background:0 0}.arch-layers{margin:0;padding:0;list-style:none}.arch-layer-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 7px;font-size:10px;line-height:1.4}.arch-nodes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arch-node{border:1px var(--arch-node-border-style) var(--arch-node-border);background:var(--arch-node-bg);max-width:100%;box-shadow:var(--arch-node-shadow);border-radius:12px;flex:104px;padding:10px 12px 11px}.arch-node-title{letter-spacing:-.01em;color:var(--arch-title);overflow-wrap:break-word;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;font-weight:500;line-height:1.3;display:flex}.arch-node-detail{color:var(--color-text-secondary);text-wrap:pretty;overflow-wrap:break-word;margin:4px 0 0;font-size:12.5px;line-height:1.45}.arch-badge{border:1px solid var(--arch-badge-border);background:var(--arch-badge-bg);height:18px;color:var(--arch-badge-fg);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 7px;font-size:9.5px;font-weight:400;display:inline-flex}.arch-conn{color:var(--arch-wire);flex-direction:column;align-items:center;padding:4px 0 3px;display:flex}.arch-conn-line{background:currentColor;width:1px;height:10px}.arch-conn-line-end{height:8px}.arch-conn-label{border:1px solid var(--color-border);background:var(--arch-node-bg);max-width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;text-wrap:balance;overflow-wrap:anywhere;color:var(--color-text-secondary);border-radius:999px;margin:3px 0;padding:3px 9px;font-size:10px;line-height:1.45}.arch-col-inner[data-tone=muted] .arch-conn-label{background:var(--color-bg-surface)}.arch-arrow{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:6px;margin-top:-1px}.arch-caption{color:var(--color-text-secondary);margin-top:12px;font-size:12.5px;line-height:1.55}@media (min-width:1024px){.arch-col-inner{padding:18px 14px}}