*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#243f5a;font:14px/1.5 system-ui}main{padding:18px;max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#637d97;letter-spacing:.08em}a{color:#346998}h1{font-size:22px;margin:10px 0 15px}button,select{font:12px system-ui;border:1px solid #cad7e6;border-radius:6px;background:white;color:#294d71;padding:8px 10px;cursor:pointer}button[aria-pressed=true]{background:#234d76;color:white}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:13px}.toolbar label{font-size:12px}.toolbar select{margin-left:5px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);background:white;border:1px solid #d7e1ed;border-radius:12px;overflow:hidden}.workspace>section{background:#0c1d32;display:flex;flex-direction:column}#scene{height:300px;position:relative;flex:1;min-height:260px;touch-action:none}#scene canvas{display:block;width:100%;height:100%}#scene>span{position:absolute;top:13px;left:14px;right:12px;font-size:10px;color:#b5c9df;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;background:#152d47;gap:8px;color:white}.metrics small{display:block;font-size:10px;color:#b5c9df}.metrics strong{font:17px ui-monospace,monospace}aside{padding:18px}aside label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}output{color:#3c6d9e}input{width:100%;accent-color:#3676af;margin:8px 0 10px}.params{font:11px/1.7 ui-monospace,monospace;color:#64809c;margin-bottom:20px}.strain-split{display:flex;flex-direction:column;gap:4px;padding:12px;background:#edf4fb;border-radius:7px}.strain-split b{font:21px Georgia,serif}.strain-split span{font:11px ui-monospace,monospace}#insight{font-size:12px;min-height:54px}.note{font-size:10px;color:#647b94;margin:10px 0 0}.plots{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.plots>section{background:white;border:1px solid #d7e1ed;border-radius:10px;padding:14px;min-width:0}h2{font-size:13px;margin:0 0 8px}h2 small{font-size:10px;font-weight:400;color:#617b95;display:block}svg{width:100%;height:235px;display:block}svg text{font:10px system-ui;fill:#56738f}#yield{height:160px}.yield-values{font:11px/1.8 ui-monospace,monospace;color:#416384}#error{position:absolute;inset:60px 20px;color:white}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b87623;outline-offset:2px}@media(max-width:700px){main{padding:10px}.workspace,.plots{grid-template-columns:1fr}#scene{height:270px;flex:none}h1{font-size:20px}.toolbar{gap:5px}.metrics strong{font-size:15px}}

.yield-values{white-space:pre-line}