.architecture-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.architecture-summary article{display:grid;gap:4px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.architecture-summary strong{font-size:1.45rem}.architecture-summary span{font-size:.78rem;color:var(--muted)}.architecture-panel{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.architecture-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.architecture-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.architecture-controls input{min-width:260px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text)}.architecture-tabs{display:flex;gap:8px}.architecture-tabs button.active{background:var(--text);color:var(--surface)}.architecture-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.architecture-card{display:grid;gap:12px;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}.architecture-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.component-card .architecture-head{grid-template-columns:minmax(0,1fr) auto}.architecture-head h3{margin:0}.architecture-head strong{text-align:right;overflow-wrap:anywhere}.architecture-arrow{color:var(--muted);font-weight:800}.architecture-meta,.component-apps{display:flex;flex-wrap:wrap;gap:6px}.architecture-meta span,.component-apps span,.component-version{padding:5px 8px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.72rem}.architecture-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.architecture-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.architecture-empty{padding:28px;text-align:center;color:var(--muted)}.component-source{font-weight:700}.component-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.component-checks>span{grid-column:1/-1;color:var(--muted);font-size:.8rem}.component-checks label{display:flex;align-items:center;gap:7px;padding:8px;border-radius:10px;background:var(--surface)}@media(max-width:720px){.architecture-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-toolbar{align-items:stretch;flex-direction:column}.architecture-controls{display:grid;grid-template-columns:1fr 1fr}.architecture-controls input{grid-column:1/-1;min-width:0;width:100%}.architecture-tabs{display:grid;grid-template-columns:1fr 1fr}.architecture-list{grid-template-columns:1fr}.architecture-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.component-checks{grid-template-columns:1fr}}