.graph-controls{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:1rem}.graph-controls>label select{width:100%;min-height:14rem}.graph-control-fields{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.graph-control-fields fieldset{display:flex;flex-wrap:wrap;gap:.5rem 1rem;border:1px solid #dce5e6;border-radius:8px}.graph-control-fields fieldset label{font-size:.85rem}.graph-save{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.graph-save label{min-width:12rem}.graph-lanes{display:grid;gap:1rem;margin-top:1rem}.graph-lane{padding:1rem;min-width:0}.graph-lane h2{font-size:1rem;margin:0}.graph-lane small{color:#5e7475}.graph-lane canvas{display:block;width:100%;height:240px}.graph-event-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0;color:#586c70;font-size:.82rem}.graph-event-legend span::before{content:'◆';margin-right:.35rem;color:#d08327}@media(max-width:720px){.graph-controls{grid-template-columns:1fr}.graph-save{align-items:stretch}.graph-save label{flex:1 1 100%}.graph-control-fields>label{flex:1 1 40%}}