.architecture-panel{border:1px solid #345044;border-radius:13px;margin:28px 0 30px;background:#0b1816;overflow:hidden;box-shadow:0 14px 36px #0002}.arch-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 25px 20px;border-bottom:1px solid #263e35;background:linear-gradient(110deg,#172e24,#101f22)}.arch-heading .eyebrow{color:#7eac99;font:9px monospace;letter-spacing:1.6px}.arch-heading h2{color:#d8ebdf;font-size:24px;font-weight:450;letter-spacing:-.65px;margin:10px 0 7px}.arch-heading p{color:#88a798;font-size:12px;line-height:1.6;margin:0}.arch-heading>button{font-size:10px;white-space:nowrap;color:#a4c6b1}.arch-toolbar{display:flex;align-items:center;gap:18px;padding:17px 25px 10px}.arch-toolbar label{font:10px monospace;color:#93b4a4;display:flex;align-items:center;gap:12px}.arch-toolbar select{padding:8px 12px;background:#162c24;border:1px solid #3c5d4b;border-radius:5px;color:#cce3d3;font-size:11px}.arch-toolbar>span{font:8px monospace;color:#88a398;margin-left:auto}.arch-toolbar button{padding:8px 11px;border:1px solid #3c5d4b;border-radius:5px;color:#b1d1bd;background:#162c24;font-size:10px}.arch-graph-wrap{padding:0 8px;background:radial-gradient(ellipse at 53% 34%,#172334,#0b181600 65%)}#architectureGraph{display:block;width:100%;height:auto;overflow:visible}.arch-grid-line{fill:none;stroke:#263b39;stroke-width:.6;opacity:.5}.arch-wire{fill:none;stroke-width:1.3;stroke:#759e93;opacity:.5;transition:opacity .18s,stroke-width .18s}.arch-wire.arch-jev{stroke:#7bd7ba}.arch-wire.arch-gpt{stroke:#b0a0ed}.arch-wire.is-connected{opacity:.9;stroke-width:2}.arch-wire.is-muted{opacity:.22}.arch-particle{fill:#a2ecd3;filter:drop-shadow(0 0 4px #8ce4c5)}.arch-particle.arch-gpt{fill:#c3b3ff;filter:drop-shadow(0 0 4px #ac92ff)}.arch-card{fill:#11221e;stroke:#365a49;stroke-width:1.3}.arch-cap{fill:#203d30}.arch-node.arch-question .arch-cap{fill:#453b27}.arch-node.arch-question .arch-card{stroke:#776744}.arch-node.arch-gpt .arch-card{fill:#171f30;stroke:#635f8f}.arch-node.arch-gpt .arch-cap{fill:#343250}.arch-node.arch-jev .arch-cap{fill:#1c5142}.arch-node.arch-jev .arch-card{stroke:#417f6d}.arch-node.arch-code .arch-cap{fill:#314144}.arch-node.arch-code .arch-card{stroke:#53686c}.arch-tag{font:9px monospace;letter-spacing:.6px;fill:#b6d8c8}.arch-node.arch-gpt .arch-tag{fill:#d5cbf9}.arch-node.arch-question .arch-tag{fill:#e4d6aa}.arch-node-title{font:500 13px sans-serif;fill:#e2ede7}.arch-field{font:10.5px monospace;fill:#9ebbac}.arch-node.arch-gpt .arch-field{fill:#b6bfd8}.arch-port{fill:#a1dfbe}.arch-node.arch-gpt .arch-port{fill:#b4a4f3}.arch-node.arch-question .arch-port{fill:#dfc785}.arch-node{cursor:pointer;outline:none}.arch-node:hover .arch-card,.arch-node:focus-visible .arch-card,.arch-node.is-selected .arch-card{stroke:#d2e8d5;stroke-width:2;filter:drop-shadow(0 0 7px #80b39b33)}.arch-inspector{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:18px 25px;border-top:1px solid #2c453a;background:#11251d}.arch-inspector>div>span{display:block;font:8px monospace;color:#7d9a87;letter-spacing:1px;margin-bottom:9px}.arch-inspector h3{font-size:13px;color:#c6dfcc;margin:0;font-weight:500}.arch-inspector pre{font:11px/1.7 monospace;color:#9ebba8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;min-height:54px;max-height:148px;overflow:auto}.arch-note{padding:12px 25px;margin:0;color:#819b8e;font-size:10px;line-height:1.7;border-top:1px solid #243d31}.arch-heading button:focus-visible,.arch-toolbar button:focus-visible,.arch-toolbar select:focus-visible{outline:2px solid #c0dec8;outline-offset:4px}@media(max-width:720px){.arch-heading{padding:20px 16px;gap:12px;align-items:flex-start}.arch-heading h2{font-size:21px}.arch-heading p{font-size:11px}.arch-toolbar{padding:15px 16px;flex-wrap:wrap;gap:12px}.arch-toolbar>span{order:3;flex-basis:100%;margin-left:0}.arch-toolbar label{font-size:9px;gap:8px}.arch-toolbar select{max-width:190px}.arch-toolbar button{margin-left:auto}.arch-graph-wrap{padding:0 3px}.arch-inspector{grid-template-columns:1fr;padding:16px;gap:12px}.arch-inspector>div>span{display:none}.arch-note{padding:12px 16px}.arch-field{font-size:12px}.arch-node-title{font-size:14px}.arch-tag{font-size:10px}}@media(prefers-reduced-motion:reduce){.arch-wire{transition:none}}

@media(max-width:480px){.arch-graph-wrap{overflow-x:auto;overscroll-behavior-x:contain}#architectureGraph{min-width:540px}}

.arch-engine-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 25px 0}.arch-engine-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #334d43;border-radius:8px;padding:12px 14px;background:#10221c;color:#b0c7ba;text-align:left}.arch-engine-choice strong{font-size:12px;font-weight:500}.arch-engine-choice small{font:8px monospace;letter-spacing:.6px;color:#809d8c;white-space:nowrap}.arch-engine-choice.is-active{border-color:#659d87;background:#19392c;color:#ddf1e5}.arch-engine-choice[aria-pressed=true]{box-shadow:inset 0 -2px #a9d9bf}.arch-engine-choice.is-planned{border-style:dashed;color:#ceb995;background:#25241e}.arch-engine-choice.is-planned[aria-pressed=true]{border-color:#ccb080;box-shadow:inset 0 -2px #ccb080}.arch-context{margin:12px 25px 2px;color:#91ad9c;font-size:11px;line-height:1.6}.arch-wire.is-active{opacity:.85;stroke-width:1.8}.arch-wire.is-inactive{opacity:.14}.arch-wire.is-planned{stroke:#b49b6a;stroke-dasharray:5 5;opacity:.4}.arch-wire.is-connected{stroke-width:2.2}.arch-node.arch-open .arch-card{fill:#24231e;stroke:#86744f;stroke-dasharray:5 4}.arch-node.arch-open .arch-cap{fill:#403b2a}.arch-node.arch-open .arch-tag{fill:#ddcba1}.arch-node.arch-open .arch-field{fill:#bcad8d}.arch-node.arch-output .arch-card{fill:#142831;stroke:#58818d}.arch-node.arch-output .arch-cap{fill:#25424c}.arch-node.arch-output .arch-tag{fill:#b9dbe5}.arch-node.is-active .arch-card{stroke-width:2}.arch-engine-choice:focus-visible{outline:2px solid #c0dec8;outline-offset:3px}@media(max-width:900px){.arch-engine-choice{flex-direction:column;align-items:flex-start;gap:6px}.arch-engine-choice strong{font-size:11px}}@media(max-width:720px){.arch-engine-picker{padding:8px 16px 0;gap:7px}.arch-engine-choice{padding:10px}.arch-engine-choice strong{font-size:10px;line-height:1.5}.arch-engine-choice small{font-size:7px;white-space:normal}.arch-context{margin:12px 16px 0}.arch-tag{font-size:8px}.arch-field{font-size:10px}.arch-node-title{font-size:12px}}

.arch-topology{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:14px 0}.arch-topology>div{position:relative;border:1px solid #3d5b4b;border-radius:8px;padding:12px;background:#101e18}.arch-topology>div:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:27px;color:#a9d7bd}.arch-topology span{display:block;font:9px monospace;letter-spacing:1px;color:#a0b5a9;margin-bottom:8px}.arch-topology strong{display:block;font-size:12px;line-height:1.6;font-weight:500}@media(max-width:650px){.arch-topology{grid-template-columns:1fr;gap:20px}.arch-topology>div:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-19px}}