.twin-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin:1rem 0}.twin-grid,.graph-grid,.plugin-grid,.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.twin-card,.graph-card,.plugin-card,.impact-card,.timeline-card{background:var(--surface,#111827);border:1px solid var(--line,#334155);border-radius:18px;padding:1rem}.twin-flow{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.twin-flow span{background:var(--surface-2,#1f2937);padding:.55rem .75rem;border-radius:12px}.graph-node{display:inline-flex;margin:.25rem;padding:.5rem .7rem;border-radius:999px;border:1px solid var(--line,#334155)}.status-ok{color:#34d399}.status-warn{color:#fbbf24}.status-bad{color:#fb7185}.search-box,.form-control{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid var(--line,#334155);border-radius:12px;background:var(--surface,#111827);color:inherit}.result-row{padding:.75rem 0;border-bottom:1px solid var(--line,#334155)}.timeline{border-left:3px solid var(--accent,#60a5fa);padding-left:1rem}.timeline-item{margin:1rem 0}.kbd{font-family:monospace;border:1px solid var(--line);border-radius:6px;padding:.1rem .35rem}@media(max-width:760px){.twin-hero{grid-template-columns:1fr}.twin-grid,.graph-grid,.plugin-grid,.impact-grid{grid-template-columns:1fr}}