.solver-live-charts{--signal:#29d7b3;margin:26px 0 34px;background:#151618;border:1px solid #ffffff19;border-radius:12px;color:#f7f7f8;overflow:hidden;box-shadow:0 12px 32px #0002}.solver-live-charts.slc-annealing{--signal:#aa6fff}.solver-live-charts.slc-constraints{--signal:#ff916e}.slc-tabs{display:flex;gap:0;border-bottom:1px solid #ffffff16;background:#111214;padding:0 18px}.slc-tabs .slc-tab{display:flex;justify-content:center;align-items:center;gap:9px;position:relative;min-height:48px;padding:12px 24px;border:0;border-radius:0;background:transparent;color:#a9aaae;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}.slc-tabs .slc-tab.active{color:#fff;background:#ffffff03}.slc-tab.active:after{content:"";position:absolute;height:3px;bottom:-1px;left:20px;right:20px;background:var(--signal);border-radius:2px 2px 0 0}.slc-tab>i{width:7px;height:7px;border-radius:50%;background:#56595e;flex-shrink:0}.slc-tab-greedy{--signal:#29d7b3}.slc-tab-annealing{--signal:#aa6fff}.slc-tab-constraints{--signal:#ff916e}.slc-tab.active>i,.slc-tab>i.running{background:var(--signal)}.slc-tab>i.running{box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 12%,transparent)}.slc-tab-done{font-size:.74rem;color:#898c92}.slc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px 6px;min-height:50px;box-sizing:border-box}.slc-view-label{display:flex;align-items:center;gap:13px;min-width:0}.slc-view-label h3{margin:0;font-size:1rem!important;letter-spacing:0!important;font-weight:550;color:#ecedef;line-height:1.3}.slc-status{display:inline-flex;align-items:center;gap:5px;font-size:.67rem;white-space:nowrap;color:#a3a6ac}.slc-status>i{width:5px;height:5px;background:#73777e;border-radius:50%}.slc-status.slc-running{color:var(--signal)}.slc-running>i{background:var(--signal)}.slc-complete>i,.slc-optimal>i{background:#29d7b3}.slc-budget>i,.slc-cancelled>i{background:#ff916e}.slc-mode{display:flex;gap:3px;background:#090a0c;border:1px solid #ffffff15;padding:3px;border-radius:7px;flex-shrink:0}.slc-mode button{min-height:29px;border:0;border-radius:4px;padding:5px 11px;background:transparent;color:#a7a9ae;font:inherit;font-size:.72rem;line-height:1.2;cursor:pointer;white-space:nowrap}.slc-mode button.active{background:#303238;color:#fff}.slc-tabs .slc-tab:focus-visible,.slc-mode button:focus-visible{outline:2px solid var(--signal);outline-offset:-3px}.slc-plot{height:178px;position:relative;margin:0 20px;color:var(--signal)}.slc-chart-viewport{position:absolute;left:38px;right:6px;top:10px;bottom:25px}.slc-chart-viewport svg{display:block;width:100%;height:100%;overflow:visible}.slc-gridline line{stroke:#ffffff0f;stroke-width:1;vector-effect:non-scaling-stroke}.slc-gridline:first-of-type line{stroke:#ffffff15}.slc-signal{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.slc-y-axis{position:absolute;top:10px;bottom:25px;left:0;width:29px;font-size:.64rem;font-variant-numeric:tabular-nums;color:#858a92}.slc-y-axis span{position:absolute;right:0;transform:translateY(50%)}.slc-x-axis{position:absolute;left:38px;right:6px;bottom:2px;display:flex;justify-content:space-between;align-items:center;font-size:.64rem;font-variant-numeric:tabular-nums;color:#858a92}.slc-x-axis span{min-width:20px;text-align:center}.slc-x-axis span:first-child{text-align:left}.slc-x-axis span:last-child{text-align:right}.slc-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.82rem;line-height:1.5;color:#989da5;padding:16px}.slc-legend{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:1px 26px 12px 58px;color:#9398a0;font-size:.63rem;line-height:1.4}.slc-legend span:first-child{display:flex;align-items:center;gap:7px}.slc-legend i{width:14px;height:2px;background:var(--signal)}.slc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:13px 24px 16px;border-top:1px solid #ffffff10;background:#111214}.slc-metrics>div{padding-left:20px;border-left:1px solid #ffffff12;min-width:0}.slc-metrics>div:first-child{padding-left:0;border-left:0}.slc-metrics dt{font-size:.72rem;color:#9da1a8;line-height:1.3;margin-bottom:5px}.slc-metrics dd{margin:0;color:#f7f7f8;font-size:1.15rem;font-weight:600;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.slc-metrics dd small{font-size:.68rem;color:#8f959f;letter-spacing:0;font-weight:450}.slc-best dd{color:var(--signal)}@media(max-width:760px){.slc-tabs{padding:0 7px}.slc-tabs .slc-tab{flex:1;min-width:0;padding:12px 9px;font-size:.77rem;gap:6px}.slc-tab.active:after{left:8px;right:8px}.slc-tab-done{display:none}.slc-toolbar{align-items:flex-start;padding:13px 16px 7px;gap:10px}.slc-view-label{display:block}.slc-view-label h3{font-size:.79rem!important}.slc-status{margin-top:5px;font-size:.62rem}.slc-mode button{padding:6px 8px;font-size:.64rem}.slc-plot{height:175px;margin:0 13px}.slc-legend{margin-left:51px;margin-right:19px;font-size:.58rem}.slc-metrics{padding:13px 16px 15px}.slc-metrics>div{padding-left:10px}.slc-metrics dt{font-size:.67rem;min-height:28px}.slc-metrics dd{font-size:.93rem}.slc-metrics dd small{font-size:.56rem}}@media(max-width:420px){.slc-tabs .slc-tab{font-size:.7rem;padding:11px 4px;gap:5px}.slc-tab>i{width:5px;height:5px}.slc-toolbar{display:block}.slc-view-label{display:flex;justify-content:space-between;gap:10px}.slc-status{margin:0}.slc-mode{width:max-content;margin-top:9px}.slc-mode button{font-size:.7rem;min-height:28px}.slc-metrics>div{padding-left:7px}.slc-metrics dt{font-size:.65rem}.slc-metrics dd{font-size:.9rem}.slc-metrics dd small{font-size:.52rem}.slc-legend{gap:10px;font-size:.56rem}.slc-plot{height:170px}}
