.sy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sy-grid label{min-width:0}.sy-canvases{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.sy-canvas{display:block;width:100%;height:390px;background:#fffdf8;border:1px solid #ccd6da;border-radius:12px;touch-action:manipulation}.sy-canvas[data-phase]{cursor:crosshair}.sy-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sy-values p{overflow-wrap:anywhere}.sy-legend{display:flex;gap:1rem;flex-wrap:wrap}.sy-legend span:before{content:'';display:inline-block;width:1rem;height:.25rem;margin-right:.35rem;vertical-align:middle;background:#126f83}.sy-legend span:last-child:before{background:#bd6c31}.sy-help{border-left:4px solid #126f83;padding:.8rem 1rem;background:#eef6f4}.sy-model{white-space:pre-line;overflow-wrap:anywhere}.st-lab [hidden]{display:none!important}@media(max-width:850px){.sy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-canvases{grid-template-columns:1fr}}@media(max-width:450px){.sy-values{grid-template-columns:1fr}.sy-canvas{height:320px}.st-lab .st-panel{padding:1rem}}