.arch-tabs-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;flex-wrap:wrap}.arch-tab-btn{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.arch-tab-btn:hover{color:var(--text-primary);background:var(--card-bg-light)}.arch-tab-btn.active{color:var(--primary);background:var(--card-bg);border-color:var(--border);box-shadow:var(--shadow-sm)}.diagram-wrapper{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;margin-top:1rem}@media(max-width:992px){.diagram-wrapper{grid-template-columns:1fr}}.diagram-container{border:1px solid var(--border);border-radius:12px;padding:1.5rem;background:var(--card-bg);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;min-height:380px}.hotspot{cursor:pointer;transition:transform .2s,filter .2s}.hotspot rect{fill:var(--card-bg-light);stroke:var(--border);stroke-width:2px;transition:fill .25s,stroke .25s,filter .25s}.hotspot:hover rect{fill:var(--primary-light);stroke:var(--primary);filter:drop-shadow(0px 2px 6px rgba(13,110,253,.2))}.active-hotspot rect{fill:var(--primary-light)!important;stroke:var(--primary)!important;stroke-width:3px!important}.hotspot text{fill:var(--text-primary);font-family:inherit;font-size:13px;font-weight:600;pointer-events:none}.arrow-line{stroke:var(--text-muted);stroke-width:2px;fill:none;marker-end:url(#arrow)}.api-explorer-grid{display:grid;grid-template-columns:2fr 3fr;gap:1.5rem;min-height:480px}@media(max-width:992px){.api-explorer-grid{grid-template-columns:1fr}}.api-routes-pane{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--card-bg-light);display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:520px}.api-details-pane{border:1px solid var(--border);border-radius:12px;padding:1.75rem;background:var(--card-bg);box-shadow:var(--shadow-sm)}.api-route-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .2s;background:var(--card-bg)}.api-route-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.api-route-item.active{border-width:2px}.route-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;color:#fff;text-transform:uppercase}.method-get .route-badge,.route-badge.get{background-color:#3b82f6}.api-route-item.method-get.active{border-color:#3b82f6;background-color:#3b82f60d}.method-post .route-badge,.route-badge.post{background-color:#10b981}.api-route-item.method-post.active{border-color:#10b981;background-color:#10b9810d}.route-path{font-family:monospace;font-size:.9rem;font-weight:600;color:var(--text-primary)}.code-textarea{width:100%;height:120px;font-family:monospace;font-size:.8rem;background:#09090b;color:#e4e4e7;border:1px solid var(--border);border-radius:6px;padding:.5rem;outline:none;resize:none}.api-section{margin-bottom:1.25rem}.collapsed{display:none!important}.small-btn{font-size:.85rem;padding:.4rem 1rem}.details-title-heading{margin-top:0}.details-tech-heading{margin-bottom:.5rem}.details-tech-badge{background:#0d6efd26;color:var(--primary)}.details-divider{margin:1rem 0}.details-pane-hidden{display:none}.arch-tab-btn-3d{border-color:#38bdf8}.arch-tab-icon-3d{color:#38bdf8}.arch-3d-badge{background:#38bdf826;color:#38bdf8;padding:4px 8px;border-radius:4px;font-size:.8rem}.arch-3d-viewport{position:relative;width:100%;height:380px;background:#060913;border-radius:12px;border:1px solid #1e293b;overflow:hidden}.arch-3d-canvas-element{width:100%;height:100%;display:block;cursor:grab}.arch-3d-info-box{position:absolute;bottom:12px;left:12px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:8px;border:1px solid #334155;font-size:.85rem;color:#38bdf8}.c4-drilldown-panel{margin-top:1rem}.c4-drilldown-box{background:var(--bg-surface, rgba(0, 0, 0, .02));border:1px solid var(--border);border-radius:var(--radius-md, 8px);padding:1rem}.c4-drilldown-heading{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--primary);margin:0 0 .4rem}.c4-drilldown-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0 0 .75rem}.c4-drilldown-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.c4-source-path{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.c4-source-path code{background:#0000000d;padding:.15rem .4rem;border-radius:4px;font-size:.75rem}[data-theme=dark] .c4-source-path code{background:#ffffff1a}.c4-github-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.25rem .6rem;border-radius:4px;border:1px solid var(--primary);color:var(--primary);text-decoration:none;transition:background .15s ease,color .15s ease}.c4-github-link:hover{background:var(--primary);color:#fff}