.architecture-map{background:#f7f9f6;border:1px solid #bac7c0;border-radius:14px;overflow:hidden}.map-canvas-toolbar{color:#42584d;background:#fff;border-bottom:1px solid #d4ddd6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:12px;display:flex}.map-canvas-toolbar p{align-items:center;gap:10px;max-width:570px;line-height:1.6;display:flex}.map-direction-example{color:#277b70;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.map-canvas-actions{flex-wrap:wrap;gap:8px;display:flex}.map-canvas-actions button{color:#244e49;cursor:pointer;background:#f8faf7;border:1px solid #c3cec7;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-weight:600;display:inline-flex}.map-canvas-actions button:hover{background:#eaf1ee}.map-canvas-actions button:disabled{cursor:default;color:#596a62;background:#f0f3f1}.map-canvas-actions button:focus-visible,.map-canvas-scroll:focus-visible{outline-offset:-3px;outline:3px solid #9a761e}.map-scroll-hint{color:#5a6a62;padding:10px 18px 0;font-size:12px;line-height:1.6}.map-canvas-scroll{scrollbar-color:#91a69b #e8eeea}.map-diagram{display:block}.map-node:focus-visible .map-node-box{stroke:#9a761e;stroke-width:3px}.map-edge:focus-visible .map-edge-line{stroke:#9a761e;stroke-width:4px}@media (prefers-reduced-motion:reduce){.map-direction-dot{display:none}}