.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{position:relative;width:320px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:56px!important}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background .15s;z-index:10}.sidebar-resize-handle:hover{background:var(--accent-green)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-muted);min-height:56px;cursor:pointer;transition:background .15s}.sidebar-header:hover{background:var(--bg-tertiary)}.collapse-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.collapse-icon{width:16px;height:16px;color:var(--text-muted);transition:color .15s}.sidebar-header:hover .collapse-icon{color:var(--text-primary)}.brand-text{font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;text-align:right}.view-icon{width:1rem;height:1rem;flex-shrink:0}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--border-default);border-top-color:var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-family:var(--font-mono)}.collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.runs-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted)}.runs-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.runs-count{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.runs-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);transition:border-color .15s}.runs-search:focus-within{border-color:var(--accent-green)}.search-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8rem;outline:none;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:0 var(--space-1);line-height:1;transition:color .15s}.search-clear:hover{color:var(--text-primary)}.runs-actions{padding:var(--space-2);border-bottom:1px solid var(--border-muted)}.runs-actions .run-item.select-all{opacity:.7}.runs-actions .run-item.select-all:hover{opacity:1}.runs-actions .run-item.select-all .run-id{font-size:.75rem;color:var(--text-muted)}.runs-list{list-style:none;overflow-y:auto;flex:1;padding:var(--space-2)}.run-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.run-item:hover,.run-item.selected{background:var(--bg-tertiary)}.run-color-dot{width:12px;height:12px;border-radius:50%;border:2px solid;flex-shrink:0;transition:background-color .15s}.run-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.run-id{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-experiment{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-created{font-size:.65rem;color:var(--text-muted);opacity:.8;flex-shrink:0;width:100px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-status{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:20px;height:16px;flex-shrink:0}.run-status-icon{width:14px;height:14px}.run-status-icon.running{color:var(--accent-green);animation:spin 3s linear infinite}.run-status-icon.failed{color:var(--accent-red, #ef4444)}.run-item.selected .run-status{color:var(--accent-green)}.run-loading-spinner{display:block;width:12px;height:12px;flex-shrink:0;border:2px solid var(--border-default);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}.run-item.run-loading{opacity:.85}.run-item.loading-more{justify-content:center;color:var(--text-muted);font-size:.75rem;padding:var(--space-3);cursor:default}.run-item.loading-more:hover{background:transparent}.runs-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-muted);font-size:.7rem;color:var(--text-muted);text-align:center;background:var(--bg-secondary)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);min-height:56px}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:var(--space-4)}.view-switcher{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px}.view-btn{background:none;border:none;color:var(--text-secondary);font-size:.85rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:var(--space-2)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.setting-control{position:relative}.setting-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-size:.85rem;font-family:var(--font-mono)}.setting-btn:hover,.setting-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-green)}.setting-icon{width:14px;height:14px}.setting-value{min-width:28px;text-align:right}.slider-popup{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:100;box-shadow:0 4px 12px #0000004d;min-width:160px}.slider-popup input[type=range]{width:100%;accent-color:var(--accent-green);cursor:pointer}.slider-label{font-size:.75rem;color:var(--text-muted)}.layout-popup{min-width:360px}.slider-row{display:flex;align-items:center;gap:var(--space-3)}.slider-row .slider-label{width:60px;flex-shrink:0}.slider-row input[type=range]{flex:1}.slider-row .slider-value{width:50px;text-align:right;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.data-source-control .setting-value{min-width:auto;text-transform:capitalize}.data-source-label{font-family:var(--font-base);font-size:.8rem}.data-source-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;gap:2px;z-index:100;box-shadow:0 4px 12px #0000004d;min-width:140px}.data-source-option{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;text-align:left;transition:background .15s,color .15s;width:100%}.data-source-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.data-source-option.active{background:var(--bg-card);color:var(--accent-green)}.data-source-option.disconnect{margin-top:var(--space-2);border-top:1px solid var(--border-muted);padding-top:var(--space-3);color:var(--accent-red, #f87171)}.data-source-option.disconnect:hover{background:#f871711a;color:var(--accent-red, #f87171)}.disconnect-icon{width:14px;height:14px}.content{flex:1;overflow-y:auto;padding:var(--space-4)}.plots-view{height:100%}.plots-grid{display:grid;gap:var(--space-4)}.plot-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.plot-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted)}.plot-title{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--accent-purple)}.plot-series-count{font-size:.7rem;color:var(--text-muted)}.configs-view{height:100%}.configs-table-wrapper{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:auto;max-height:calc(100vh - 120px)}.configs-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.85rem}.configs-table th,.configs-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-muted);border-right:1px solid var(--border-muted)}.configs-table th:last-child,.configs-table td:last-child{border-right:none}.configs-table th{background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:2}.configs-table th:first-child,.configs-table td:first-child{position:sticky;left:0;z-index:1;background:var(--bg-card);border-right:2px solid var(--border-default)}.configs-table th:first-child{z-index:3;background:var(--bg-tertiary)}.config-key-col{font-family:var(--font-mono);color:var(--accent-purple);white-space:nowrap}.config-run-col{min-width:150px;white-space:nowrap}.config-run-name{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:500}.run-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.config-key{font-family:var(--font-mono);color:var(--accent-purple)}.config-value{font-family:var(--font-mono);color:var(--text-primary)}.config-value.missing{color:var(--text-muted)}.configs-table tr:last-child td{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);text-align:center;height:100%;min-height:300px}.empty-state p{font-size:.9rem;margin-top:var(--space-4)}.app-container{min-height:100vh;display:flex;flex-direction:column}.loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);text-align:center}.error-state h2{color:var(--accent-coral)}.hint{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-2)}.hint code{display:block;margin-top:var(--space-2);background:var(--bg-tertiary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.bottom-panel{position:relative;background:var(--bg-secondary);border-top:1px solid var(--border-default);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.bottom-panel.collapsed{height:auto!important}.bottom-panel-resize-handle{position:absolute;top:0;left:0;right:0;height:4px;cursor:row-resize;background:transparent;transition:background .15s;z-index:10}.bottom-panel-resize-handle:hover{background:var(--accent-green)}.bottom-panel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border-muted);background:var(--bg-tertiary);min-height:32px;cursor:pointer}.bottom-panel.collapsed .bottom-panel-header{border-bottom:none}.bottom-panel-toggle{background:none;border:none;padding:var(--space-1);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0}.bottom-panel-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.bottom-panel-toggle .toggle-icon{width:16px;height:16px}.view-tabs{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto}.view-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:all .15s;white-space:nowrap}.view-tab:hover{background:var(--bg-primary);border-color:var(--border-default)}.view-tab.active{background:var(--bg-primary);border-color:var(--accent-green);color:var(--text-primary)}.view-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.view-tab-count{color:var(--text-muted);font-size:.7rem}.view-tab-input{background:var(--bg-primary);border:1px solid var(--accent-green);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:.75rem;color:var(--text-primary);width:80px;outline:none}.view-tab-close{background:none;border:none;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.view-tab-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-tab-add{background:none;border:1px dashed var(--border-muted);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:all .15s}.view-tab-add:hover{border-color:var(--accent-green);color:var(--accent-green)}.selected-runs-list{display:flex;flex-direction:column;overflow-y:auto;flex:1;padding:var(--space-2)}.selected-runs-empty{padding:var(--space-3);color:var(--text-muted);font-size:.75rem;text-align:center}.selected-run-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.selected-run-item:hover{background:var(--bg-tertiary)}.selected-run-item .run-color-dot{width:12px;height:12px;border-radius:50%;border:2px solid;flex-shrink:0}.selected-run-item .run-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.selected-run-item .run-id{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-run-item .run-experiment{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.top-bar{flex-wrap:wrap;gap:var(--space-2)}.plots-grid{grid-template-columns:1fr!important}}.neptune-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.neptune-prompt-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:440px;width:90%;box-shadow:0 20px 50px #00000080;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.neptune-prompt-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-color)}.neptune-prompt-logo{width:48px;height:48px;margin:0 auto 12px;color:#06b6d4}.neptune-prompt-logo svg{width:100%;height:100%}.neptune-prompt-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.neptune-prompt-subtitle{margin:8px 0 0;font-size:.875rem;color:var(--text-muted)}.neptune-prompt-form{padding:20px 24px}.neptune-prompt-field{margin-bottom:16px}.neptune-prompt-field label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.neptune-prompt-field .field-icon{width:14px;height:14px;opacity:.7}.neptune-prompt-field input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono);transition:border-color .15s,box-shadow .15s}.neptune-prompt-field input::placeholder{color:var(--text-muted);opacity:.6}.neptune-prompt-field input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426}.neptune-prompt-field .field-hint{display:block;margin-top:4px;font-size:.75rem;color:var(--text-muted)}.neptune-prompt-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-bottom:16px;font-size:.875rem;color:#f87171}.neptune-prompt-error .error-icon{width:16px;height:16px;flex-shrink:0}.neptune-prompt-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.neptune-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.neptune-btn:disabled{opacity:.6;cursor:not-allowed}.neptune-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.neptune-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.neptune-btn-primary{background:#06b6d4;color:#0a0a0a}.neptune-btn-primary:hover:not(:disabled){background:#22d3ee}.neptune-btn .loading-icon{width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neptune-prompt-footer{padding:12px 24px;border-top:1px solid var(--border-color);text-align:center}.neptune-prompt-footer p{margin:0;font-size:.75rem;color:var(--text-muted);opacity:.7}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.metric-plot-wrapper{display:flex;flex-direction:column;gap:0}.metric-plot-container{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md)}.metric-plot-wrapper .metric-plot-container{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.metric-plot-wrapper .metric-plot-container.config-open{border-radius:0;border-bottom:none}.metric-plot-container.empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6e7681);font-size:.875rem}.plot-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted);gap:var(--space-4)}.plot-legend{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--text-primary);transition:opacity .15s ease,border-color .15s ease}.legend-item:hover{border-color:var(--border-default)}.legend-item.hidden{opacity:.4}.legend-item.hidden .legend-color{background-color:var(--text-muted)!important}.legend-color{width:10px;height:10px;border-radius:2px}.legend-label{font-family:var(--font-mono)}.plot-controls{display:flex;gap:var(--space-1)}.plot-controls button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:background .15s ease,color .15s ease}.plot-controls button:hover{background:var(--bg-secondary);color:var(--text-primary)}.plot-canvas{width:100%}.uplot{font-family:var(--font-mono)!important}.u-legend,.metric-plot-wrapper .u-cursor-x,.metric-plot-wrapper .u-cursor-y{display:none!important}.cursor-line{display:none;position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed var(--text-muted, #6e7681);pointer-events:none;z-index:45}.u-select{background:#56d3641a!important;border:none!important;box-shadow:inset 0 0 0 1px #fff!important}.plot-tooltip{display:none;position:absolute;z-index:100;background:var(--bg-secondary, #21262d);border:1px solid var(--border-default, #30363d);border-radius:6px;padding:8px 10px;font-size:12px;font-family:var(--font-mono, monospace);pointer-events:none;box-shadow:0 4px 12px #0000004d;min-width:120px}.tooltip-header{color:var(--text-secondary, #8b949e);font-size:11px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-muted, #30363d)}.tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-label{color:var(--text-secondary, #8b949e);flex:1}.tooltip-value{color:var(--text-primary, #c9d1d9);font-weight:500}.cursor-points-container{position:absolute;top:0;left:0;pointer-events:none;z-index:50}.cursor-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 1px 3px #0006}.plot-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0d1117);background:#0d1117b3}.plot-loading-spinner-large{width:32px;height:32px;color:var(--accent-green, #39d353);animation:plot-spin .8s linear infinite}.plot-loading-indicator{position:absolute;top:8px;right:8px;z-index:60;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary, #21262d);border:1px solid var(--border-muted, #30363d);border-radius:6px}.plot-loading-spinner{width:18px;height:18px;color:var(--text-primary, #e6edf3);animation:plot-spin .8s linear infinite}@keyframes plot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plot-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary, #161b22);border:1px solid var(--border-default, #30363d);border-bottom:none;border-radius:var(--radius-md, 6px) var(--radius-md, 6px) 0 0}.plot-title{font-size:12px;font-weight:500;color:#a371f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plot-config-toggle{flex-shrink:0;width:24px;height:24px;padding:4px;background:transparent;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;opacity:.5;transition:opacity .15s ease,background .15s ease}.plot-config-toggle:hover{opacity:.9;background:#8b949e26}.plot-config-toggle.active{opacity:1;background:#58a6ff33}.plot-config-toggle.active .plot-config-icon{color:#58a6ff}.plot-config-icon{width:100%;height:100%;color:var(--text-secondary, #8b949e)}.plot-config-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--bg-tertiary, #161b22);border:1px solid var(--border-default, #30363d);border-top:none;border-radius:0 0 var(--radius-md, 6px) var(--radius-md, 6px);font-size:12px}.config-row{display:flex;align-items:center;gap:8px}.config-label{display:flex;align-items:center;color:var(--text-secondary, #8b949e);white-space:nowrap;min-width:70px}.config-label-spaced{margin-left:16px}.config-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#30363d;border-radius:3px;cursor:pointer;outline:none;border:none}.config-slider-flex{flex:1;min-width:60px}.config-slider::-webkit-slider-runnable-track{height:6px;background:#30363d;border-radius:3px}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#8b949e;border-radius:50%;border:2px solid #161b22;cursor:pointer;margin-top:-4px}.config-slider::-webkit-slider-thumb:hover{background:#c9d1d9}.config-slider::-moz-range-track{height:6px;background:#30363d;border-radius:3px;border:none}.config-slider::-moz-range-thumb{width:14px;height:14px;background:#8b949e;border-radius:50%;border:2px solid #161b22;cursor:pointer}.config-slider::-moz-range-thumb:hover{background:var(--text-primary, #c9d1d9)}.config-value{min-width:40px;color:var(--text-muted, #6e7681);font-family:var(--font-mono, monospace);font-size:11px;text-align:right}.config-input{width:60px;padding:4px 6px;font-size:11px;font-family:var(--font-mono, monospace);color:var(--text-primary, #e6edf3);background:var(--bg-secondary, #0d1117);border:1px solid var(--border-default, #30363d);border-radius:var(--radius-sm, 4px);outline:none}.config-input:focus{border-color:var(--accent-emphasis, #388bfd)}.config-input::placeholder{color:var(--text-muted, #6e7681)}.config-separator{color:var(--text-muted, #6e7681)}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-card: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-green: #56d364;--accent-green-dim: #238636;--accent-amber: #d29922;--accent-coral: #f78166;--accent-purple: #a371f7;--border-default: #30363d;--border-muted: #21262d;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(86,211,100,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(210,153,34,.05),transparent);pointer-events:none;z-index:-1}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-weight:600;line-height:1.3}code,pre{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}