@import url('../../Stack/style.css');
.workspace{grid-template-columns:280px minmax(0,1fr)}select{font:inherit;font-size:13px;color:inherit;width:100%;padding:11px;background:#fbfdfb;border:1px solid #cddfce;border-radius:6px}.wide{margin-top:12px}.plot-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0}.plot-tools label{display:flex;gap:5px;align-items:center;margin:0;font-size:11px}.plot-tools input{width:auto;accent-color:#4caf50}.plot-tools select{width:auto;font-size:11px}#plot{display:block;width:100%;height:auto;background:#f8fbf5;border:1px solid #e2eadc;border-radius:9px;touch-action:manipulation;cursor:crosshair}#axes line{stroke:#e0e9d9;stroke-width:1}#axes text,#loss-chart text{font:11px 'Segoe UI',sans-serif;fill:#7c8d73}#model-line{fill:none;stroke:#347d42;stroke-width:3;transition:d .12s linear}#reference-line{fill:none;stroke:#8d7aaa;stroke-width:2;stroke-dasharray:7 5}#error-lines line{stroke:#cf9b75;stroke-width:1.5;opacity:.7}.point{fill:#88b375;stroke:#3c7648;stroke-width:1.5;cursor:pointer}.point:hover{fill:#e8bc6b}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#75876e;margin:15px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.data{background:#88b375}.dot.model{background:#347d42}.dot.error{background:#cf9b75}.point-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.point-form label{flex:1;min-width:75px;margin:0}.point-form input{margin-top:6px}.point-form button{margin-bottom:1px}.text-button{display:block}.stats strong{font-size:21px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bottom h2{margin-top:10px}#loss-chart{width:100%;height:auto;display:block;background:#fafcf8;border-radius:8px}.prediction{font-size:23px;color:#387642;font-weight:600}.explain{padding-left:20px;font-size:13px;line-height:1.9;color:#6f8268}#status{overflow-wrap:anywhere}@media(max-width:800px){.workspace,.bottom{grid-template-columns:1fr}.heading{flex-direction:column}.heading .badge{margin-bottom:10px}.stats strong{font-size:17px}.plot-tools{gap:10px}}@media(prefers-reduced-motion:reduce){#model-line{transition:none}}
#prediction-marker,#error-lines,#model-line,#reference-line{pointer-events:none}