.arch{--arch-green: #86bc25;--arch-green-dark: #6a9619;--arch-green-tint: rgba(134, 188, 37, .14);--arch-green-border: rgba(134, 188, 37, .45);--arch-teal: #38bdf8;--arch-teal-ink: #7dd3fc;--arch-ink: rgba(255, 255, 255, .92);--arch-ink-2: rgba(255, 255, 255, .65);--arch-ink-3: rgba(255, 255, 255, .45);--arch-line: rgba(255, 255, 255, .08);--arch-line-strong: rgba(255, 255, 255, .14);--arch-surface: #141820;--arch-surface-3: rgba(255, 255, 255, .04);--arch-mono: "Consolas", "Courier New", monospace;--arch-blue: #38bdf8;--arch-amber-tint: rgba(255, 152, 0, .14);--arch-amber-ink: #fbbf24;--arch-amber-border: rgba(255, 152, 0, .45);margin-bottom:28px}.arch-intro{display:flex;align-items:center;gap:22px;justify-content:space-between;background:var(--arch-surface);border:1px solid var(--arch-line);border-radius:12px;padding:22px 26px;margin-bottom:20px}.arch-intro h2{margin:0 0 5px;font-size:1.3rem;letter-spacing:-.025em;color:var(--arch-ink)}.arch-intro p{margin:0;font-size:.85rem;color:var(--arch-ink-3);max-width:660px;line-height:1.55}.arch-zone{background:var(--arch-surface-3);border:1px solid var(--arch-line);border-radius:12px;padding:16px 20px 18px;margin-bottom:0;transition:border-color .3s ease,box-shadow .3s ease}.arch-zone.active{border-color:var(--arch-green-border);box-shadow:0 0 0 3px #86bc2521}.arch-zone-mcp{border-left:3px solid var(--arch-teal)}.arch-zone-label{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;font-family:var(--arch-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--arch-ink-2);margin-bottom:13px}.arch-zone-label span{font-family:inherit;font-weight:500;text-transform:none;letter-spacing:0;color:var(--arch-ink-3);font-size:.78rem}.arch-zone-hint{flex-basis:100%;font-style:italic}.arch-zone-nodes{display:flex;gap:11px;flex-wrap:wrap}.arch-tools{gap:9px}.arch-node{position:relative;flex:1;min-width:158px;background:var(--arch-surface);border:1px solid var(--arch-line-strong);border-radius:8px;padding:13px 15px;cursor:default;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.arch-node.wide{min-width:270px}.arch-node.clickable{cursor:pointer}.arch-tools .arch-node{flex:0 1 auto;min-width:0;padding:8px 12px;font-family:var(--arch-mono)}.arch-node.clickable:hover{border-color:var(--arch-ink-3);box-shadow:0 4px 12px #00000014;z-index:5;transform:translateY(-3px)}.arch-node.active{border-color:var(--arch-green);background:var(--arch-green-tint);animation:arch-pulse .9s ease}@keyframes arch-pulse{0%{box-shadow:0 0 #86bc2573}70%{box-shadow:0 0 0 8px #86bc2500}to{box-shadow:0 0 #86bc2500}}.arch-node-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arch-node-title{font-weight:600;font-size:.84rem;word-break:break-word;color:var(--arch-ink)}.arch-tools .arch-node-title{font-size:.74rem;font-weight:500;color:var(--arch-ink-2)}.arch-node-sub{font-size:.76rem;color:var(--arch-ink-3);margin-top:3px}.arch-count{background:var(--arch-teal);color:#fff;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.arch-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid var(--arch-line)}.arch-tag.real{background:var(--arch-green-tint);color:var(--arch-green-dark);border-color:var(--arch-green-border)}.arch-tag.sim{background:var(--arch-amber-tint);color:var(--arch-amber-ink);border-color:var(--arch-amber-border)}.arch-tag.ext{background:#0076a81a;color:var(--arch-blue);border-color:#0076a859}.arch-node-code{margin-left:auto;font-family:var(--arch-mono);font-size:.68rem;opacity:.45;border:1px solid var(--arch-line);border-radius:4px;padding:0 6px}.arch-node.clickable:hover .arch-node-code{opacity:1;color:var(--arch-blue)}.arch-tooltip{display:none;position:absolute;left:0;top:calc(100% + 8px);width:280px;background:#1a1a1a;color:#eee;font-size:.76rem;line-height:1.45;padding:10px 12px;border-radius:8px;z-index:20;box-shadow:0 8px 24px #0003}.arch-node:hover .arch-tooltip{display:block}.arch-tooltip-cta{color:#a6e23c;font-weight:600}.arch-connector{display:flex;align-items:center;justify-content:center;gap:11px;padding:5px 0}.arch-connector-line{stroke:#a4aab4;stroke-width:1.8;transition:stroke .3s ease}.arch-connector.active .arch-connector-line{stroke:var(--arch-green);stroke-width:2.4}.arch-connector-label{font-family:var(--arch-mono);font-size:.68rem;color:var(--arch-ink-3);text-transform:uppercase;letter-spacing:.04em}.arch-connector.active .arch-connector-label{color:var(--arch-green-dark)}.arch-pending{background:#0076800f;border:1px solid rgba(0,118,128,.25);border-radius:12px;padding:14px 18px;margin-bottom:20px}.arch-pending-title{font-size:.82rem;font-weight:600;color:var(--arch-teal-ink);margin-bottom:12px}.arch-pending-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--arch-line)}.arch-pending-name{font-size:.86rem;font-weight:600;flex:1;min-width:190px}.arch-pending-diff{font-size:.84rem;font-weight:700;color:var(--arch-blue);font-variant-numeric:tabular-nums;white-space:nowrap}.code-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1300;display:flex;justify-content:flex-end}.code-panel{width:min(560px,92vw);height:100%;background:#171b22;border-left:1px solid var(--arch-line-strong);box-shadow:-8px 0 32px #00000073;display:flex;flex-direction:column;overflow:hidden}.code-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 12px;border-bottom:1px solid var(--arch-line)}.code-panel-eyebrow{font-family:var(--arch-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--arch-green);margin-bottom:4px}.code-panel-head h3{margin:0;font-size:1.05rem;color:var(--arch-ink)}.code-panel-close{border:1px solid var(--arch-line-strong);background:#ffffff0a;color:var(--arch-ink-2);border-radius:8px;font-size:1rem;cursor:pointer;padding:4px 9px;transition:background .15s ease,color .15s ease}.code-panel-close:hover{background:#ffffff17;color:var(--arch-ink)}.code-panel-context{padding:0 22px 12px;margin:0;font-size:.84rem;color:var(--arch-ink-2);line-height:1.5}.code-panel-body{flex:1;overflow:auto;padding:0 22px 16px}.code-block{background:#0f1218;border:1px solid var(--arch-line);color:#d4d4d4;font-family:var(--arch-mono);font-size:.74rem;line-height:1.5;padding:16px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.code-panel-foot{padding:10px 22px;font-family:var(--arch-mono);font-size:.7rem;color:var(--arch-ink-3);border-top:1px solid var(--arch-line)}.code-panel-loading,.code-panel-error{padding:16px 22px;font-size:.85rem;color:var(--arch-ink-2)}.code-panel-error{color:#f2607a}@media(max-width:768px){.arch-intro{flex-direction:column;align-items:stretch}.arch-tooltip{width:250px}}