.graph-controls { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; }
.graph-controls label { display:flex; align-items:center; gap:.5rem; }
.graph-controls input,.graph-controls select,.graph-controls button { font:inherit; padding:.45rem; max-width:100%; }
#vault-graph { display:block; width:100%; height:65vh; min-height:360px; max-height:750px; border:1px solid currentColor; border-radius:.6rem; touch-action:none; background:Canvas; color:CanvasText; }
#vault-graph:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
#graph-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:.3rem 1rem; max-height:28rem; overflow-y:auto; overflow-x:hidden; }
#graph-list button { font:inherit; text-align:left; margin:.2rem; }
@media(max-width:600px) { .graph-controls { align-items:stretch; flex-direction:column; } #vault-graph { height:55vh; } }