.shell{max-width:1200px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.controls label{display:flex;flex-direction:column;gap:5px;font-weight:600}.controls input,.controls select,button{font:inherit;padding:9px;border:1px solid #9db4c5;background:white;color:#243e53;border-radius:2px;min-width:0}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d8793b;outline-offset:2px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.map,.scroll{overflow-x:auto;max-width:100%}.map table{min-width:550px;width:100%;border-collapse:collapse;font-size:12px}.map td,.map th{padding:0;border:1px solid white;text-align:center}.map th{padding:6px;background:#eef3f7}.map button{width:100%;height:44px;border:0;font-size:11px}.map button[aria-pressed=true]{outline:3px solid #e37530;outline-offset:-3px}.scroll table{width:100%;min-width:350px;border-collapse:collapse}.scroll th,.scroll td{padding:6px;border-bottom:1px solid #d4dfe5;text-align:left}#surface{height:460px;width:100%}[hidden]{display:none!important}#curve svg,#sankey svg{width:100%;height:auto;display:block}.time{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.time input{width:100%}#gridStatus,#curveStatus,#balance{white-space:pre-line}.tip{font-size:12px;color:#536b7d}@media(max-width:650px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}#surface{height:350px}#sankey{overflow-x:auto}#sankey svg{min-width:650px}#curve svg{min-width:480px}#curve{overflow-x:auto}}

#trajectoryPanel{min-width:0;max-width:100%}
#trajectory{width:100%;min-width:0;max-width:100%;contain:inline-size;overflow:hidden}