.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.collapsed .sidebar-header{justify-content:center;padding:var(--space-3)}.sidebar-header:hover{background:var(--bg-tertiary)}.brand-icon{width:24px;height:24px;flex-shrink:0}.collapse-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-left:auto}.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}.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;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-muted)}.home-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s;flex-shrink:0}.home-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.home-icon{width:16px;height:16px}.project-dropdown-wrapper{position:relative;flex:1;min-width:0}.project-name-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;max-width:100%;transition:background .15s}.project-name-btn:hover{background:var(--bg-tertiary)}.project-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-chevron{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.project-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.project-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1);z-index:100;box-shadow:0 4px 12px var(--shadow-color);min-width:180px;max-width:300px;max-height:300px;overflow-y:auto}.project-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font:inherit;font-family:var(--font-mono);font-size:.8rem;text-align:left;transition:background .15s,color .15s}.project-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.project-dropdown-item.active{color:var(--text-primary);font-weight:600;cursor:default}.project-dropdown-icon{width:14px;height:14px;color:var(--accent-amber);flex-shrink:0}.project-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runs-count{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;margin-left:auto}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-muted)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.8rem;padding:var(--space-2) var(--space-3);cursor:pointer;transition:color .15s,border-color .15s}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-green);font-weight:500}.sidebar-tab-icon{width:14px;height:14px}.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) var(--space-1);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-icon.searching{animation:spin 2.4s linear infinite}.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 0 auto;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-trashed-icon{width:12px;height:12px;vertical-align:-1px;margin-right:3px;opacity:.6;flex-shrink:0}.run-context-menu{position:fixed;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:200;padding:4px}.run-context-menu-header{padding:4px 10px 2px;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.run-context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:background .1s}.run-context-menu-item:hover:not(:disabled){background:color-mix(in srgb,var(--text-secondary) 10%,transparent);color:var(--text-primary)}.run-context-menu-item:disabled{opacity:.4;cursor:default}.run-context-menu-icon{width:14px;height:14px}.sidebar-toast{position:absolute;bottom:36px;left:8px;right:8px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;text-align:center;z-index:10;animation:sidebar-toast-in .15s ease;pointer-events:none}@keyframes sidebar-toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.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:1;min-width:0;max-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)}.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-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:.8rem}.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;container-type:inline-size;container-name:topbar}.top-bar-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.top-bar-right{display:flex;align-items:stretch;gap:var(--space-4);flex-shrink:0}.view-tabs-bar{display:flex;gap:0}.view-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.85rem;padding:var(--space-2) var(--space-4);cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.view-tab-btn:hover{color:var(--text-primary)}.view-tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-green);font-weight:500}.top-bar-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);transition:border-color .15s;min-width:160px;max-width:280px}.top-bar-search:focus-within{border-color:var(--accent-green)}.top-bar-search-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.top-bar-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8rem;outline:none;min-width:0}.top-bar-search-input::placeholder{color:var(--text-muted)}.top-bar-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:0 var(--space-1);line-height:1;transition:color .15s}.top-bar-search-clear:hover{color:var(--text-primary)}@container topbar (max-width: 850px){.top-bar-left{flex-wrap:wrap;gap:var(--space-2)}.top-bar-search{order:1}.view-tabs-bar{order:0}.layout-value,.disconnect-btn .data-source-label{display:none}}.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 var(--shadow-color);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)}.data-source-option.disconnect:hover{background:color-mix(in srgb,var(--accent-red) 10%,transparent);color:var(--accent-red)}.disconnect-icon{width:14px;height:14px}.disconnect-btn{color:var(--text-secondary)!important;transition:color .15s,border-color .15s,background .15s}.disconnect-btn:hover{color:var(--accent-red)!important;border-color:var(--accent-red)!important;background:color-mix(in srgb,var(--accent-red) 8%,transparent)!important}.disconnect-icon-red{color:var(--accent-red)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;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;flex-shrink:0}.theme-toggle-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-amber)}.content{flex:1;overflow:hidden;position:relative}.tab-pane{display:none;height:100%;overflow-y:auto;padding:var(--space-4)}.tab-pane.active{display:block}.plots-view{height:100%}.plots-grid{display:grid;align-items:start;gap:var(--space-3);padding-bottom:var(--space-6, 24px)}.plot-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.plot-card-expanded{grid-column:1 / -1}.fullscreen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fullscreen-fade-in .15s ease-out}@keyframes fullscreen-fade-in{0%{opacity:0}to{opacity:1}}.plot-card-fullscreen{position:fixed!important;top:16px;right:16px;bottom:16px;left:16px;z-index:1000;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 20px 50px var(--shadow-color);overflow:hidden}.plot-card-fullscreen .metric-plot-wrapper,.plot-card-fullscreen .metric-plot-container{flex:1;display:flex;flex-direction:column;min-height:0}.plot-card-fullscreen .plot-canvas{min-height:0!important;height:auto!important;flex:1 1 0px}.plot-card-fullscreen.ss-terminal-card{align-self:stretch}.plot-card-fullscreen .ss-terminal-body{flex:1;height:auto!important;max-height:none!important;min-height:0!important}.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{display:flex;flex-direction:column;height:100%}.config-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);height:var(--toolbar-height);padding:0 var(--space-2);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);position:sticky;top:0;left:0;z-index:5}.diff-only-toggle{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;padding:3px var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.diff-only-toggle:hover{color:var(--text-primary);border-color:var(--text-muted)}.diff-only-toggle.active{background:color-mix(in srgb,var(--accent-coral) 15%,transparent);border-color:var(--accent-coral);color:var(--accent-coral)}.diff-only-icon{width:14px;height:14px}.configs-breadcrumb{display:flex;align-items:center;gap:0;font-size:.85rem;flex-wrap:wrap;min-width:0}.config-empty-message{color:var(--text-muted);font-style:italic;padding:var(--space-4) var(--space-3);text-align:center}.breadcrumb-part{display:inline-flex;align-items:center;gap:0}.breadcrumb-separator-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.breadcrumb-segment{background:none;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.breadcrumb-segment:hover{background:var(--bg-tertiary);color:var(--text-primary)}.breadcrumb-segment.current{color:var(--accent-green);font-weight:600;cursor:default}.breadcrumb-segment.current:hover{background:none}.configs-table-wrapper{--toolbar-height: 34px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:auto;min-height:0}.config-grid{display:grid;font-size:.85rem}.config-grid-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.config-cell{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-muted);border-right:1px solid var(--border-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-run-header{background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--text-secondary);position:sticky;top:34px;z-index:2;overflow:visible}.config-key-header,.config-key-cell{position:sticky;left:0;z-index:1;border-right:2px solid var(--border-default)}.config-key-header{position:sticky;top:34px;left:0;z-index:3;background:var(--bg-tertiary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-primary);overflow:visible}.config-key-cell{background:var(--bg-card)}.config-grid-row:last-child>.config-cell{border-bottom:none}.col-resize-handle{position:absolute;top:0;right:-2px;bottom:0;width:5px;cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;background:transparent;transition:background .15s}.col-resize-handle:hover{background:var(--accent-green)}.run-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:var(--space-2)}.config-run-header-id{display:inline-block;max-width:calc(100% - 16px);font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.config-run-header-name{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;padding-left:16px}.config-item-icon{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:var(--space-2)}.config-folder-icon{color:var(--accent-amber)}.config-leaf-icon{color:var(--text-muted)}.config-leaf-icon.has-diffs{color:var(--accent-coral)}.config-folder-row{cursor:pointer}.config-folder-row:hover>.config-cell{background:var(--bg-tertiary)}.config-folder-name{font-family:var(--font-mono);font-weight:500;color:var(--accent-amber);vertical-align:middle}.config-folder-count{font-size:.7rem;color:var(--text-muted);margin-left:var(--space-1);vertical-align:middle}.config-folder-count.diff-count{color:var(--accent-coral);font-weight:600}.config-folder-row.has-diffs .config-folder-icon{color:var(--accent-coral)}.config-folder-value{color:var(--text-muted)}.config-leaf-row{cursor:pointer}.config-leaf-row:hover>.config-cell{background:var(--bg-tertiary)}.config-leaf-name{font-family:var(--font-mono);color:var(--text-primary);vertical-align:middle}.config-leaf-row.expanded>.config-cell{white-space:normal;word-break:break-all;overflow:visible;background:var(--bg-tertiary)}.config-value-cell{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary)}.config-value-cell.missing{color:var(--text-muted)}.commit-key-cell{font-weight:600}.commit-cell{display:flex;align-items:flex-start;white-space:normal;text-overflow:clip;overflow:hidden;min-width:0;padding:var(--space-2)}.commit-card{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;max-width:min(100%,240px);min-height:74px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent);color:var(--text-primary);text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color .15s,background .15s}.commit-row.multi-cols .commit-cell{align-items:stretch}.commit-row.multi-cols .commit-card{flex:1 1 auto;width:100%;max-width:none}.commit-card:hover{border-color:var(--text-muted);background:var(--bg-tertiary)}.commit-card-diff{border-color:var(--accent-coral)}.commit-row.has-diffs .commit-card:not(.commit-card-diff){opacity:.9}.commit-card-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--space-1);min-width:0}.commit-hash-wrap{position:relative;display:flex;align-items:center;gap:6px;min-width:0;width:100%;overflow:visible}.commit-hash-badge{display:inline-flex;align-items:center;min-width:0;max-width:100%;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:999px;padding:1px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commit-hash-copy{cursor:pointer}.commit-hash-copy:hover{border-color:var(--text-muted);background:color-mix(in srgb,var(--bg-tertiary) 85%,var(--bg-secondary))}.commit-dirty-indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--accent-amber) 20%,transparent);color:var(--accent-amber)}.commit-dirty-icon{width:12px;height:12px}.commit-copy-tooltip{position:absolute;top:calc(100% + 4px);left:0;right:auto;transform:none;z-index:20;background:color-mix(in srgb,var(--bg-secondary) 94%,black);border:1px solid var(--border-default);border-radius:4px;padding:1px 6px;font-size:.68rem;font-family:var(--font-mono);color:var(--accent-green);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .15s}.commit-copy-tooltip.visible{opacity:1}.commit-message-preview{font-size:.74rem;color:var(--text-secondary);min-height:1.85rem;overflow:hidden;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line;overflow-wrap:anywhere;line-height:1.25;word-break:break-word}.git-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--overlay-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.git-modal{width:min(980px,100%);max-height:88vh;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 20px 50px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden}.git-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-tertiary)}.git-modal-run-info{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.git-modal-run-line{display:inline-flex;align-items:center;min-width:0}.git-modal-run-subtitle{max-width:100%}.git-modal-close{border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s}.git-modal-close:hover{color:var(--text-primary)}.git-modal-close-icon{width:14px;height:14px}.git-modal-body{padding:var(--space-4);overflow:auto;display:flex;flex-direction:column;gap:var(--space-4)}.git-detail-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card)}.git-detail-label{font-size:.75rem;color:var(--text-muted);align-self:start}.git-detail-value{font-size:.8rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.git-detail-value.mono{font-family:var(--font-mono);font-size:.74rem}.git-detail-value.dirty-true{color:var(--accent-coral);font-weight:600}.git-box-field{display:flex;flex-direction:column;gap:var(--space-1)}.git-box-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.git-box-value{font-size:.8rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card)}.git-box-value.mono{font-family:var(--font-mono);font-size:.74rem}.git-detail-copy-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-2);padding:2px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;vertical-align:middle;transition:color .15s}.git-detail-copy-btn:hover{color:var(--text-primary)}.git-detail-copy-btn.copied{color:var(--accent-green)}.git-detail-copy-icon{width:13px;height:13px}.git-diff-section{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);overflow:hidden}.git-diff-title{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-size:.75rem;color:var(--text-secondary);font-weight:600;background:var(--bg-tertiary)}.git-diff-empty{padding:var(--space-3);font-size:.78rem;color:var(--text-muted);font-style:italic}.git-diff-block{margin:0;padding:var(--space-2) 0;max-height:260px;overflow:auto;font-family:var(--font-mono);font-size:.72rem;line-height:1.35}.git-diff-line{white-space:pre;padding:0 var(--space-3)}.git-diff-line.meta{color:var(--text-muted)}.git-diff-line.hunk{color:var(--accent-purple)}.git-diff-line.added{background:color-mix(in srgb,var(--accent-green) 14%,transparent);color:var(--accent-green)}.git-diff-line.removed{background:color-mix(in srgb,var(--accent-coral) 14%,transparent);color:var(--accent-coral)}.diff-deleted{color:var(--accent-coral);text-decoration:line-through;font-weight:600}.diff-added{color:var(--accent-green);font-weight:600}.diff-edited{color:var(--accent-coral);font-weight:600}.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{height:100%;display:flex;flex-direction:column}.loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;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)}.auto-refresh-controls{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;flex-shrink:0}.auto-refresh-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:1px solid var(--border-muted);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-muted);cursor:pointer;font-size:.7rem;transition:all .15s;height:24px}.auto-refresh-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.auto-refresh-btn.paused{opacity:.7}.auto-refresh-btn.paused:hover{opacity:1}.auto-refresh-btn.disabled{opacity:.4;cursor:default}.auto-refresh-btn.disabled:hover{background:none;color:var(--text-muted);border-color:var(--border-muted)}.auto-refresh-btn.refreshing{color:var(--accent-amber);border-color:var(--accent-amber);cursor:default;opacity:.8}.auto-refresh-label.strikethrough{text-decoration:line-through}.auto-refresh-icon{width:12px;height:12px;flex-shrink:0}.auto-refresh-icon.spinning{animation:spin 1s linear infinite}.auto-refresh-label{white-space:nowrap}.refresh-error-indicator{display:flex;align-items:center;gap:4px;color:var(--accent-coral);font-size:.7rem;cursor:default;padding:2px 6px;border-radius:var(--radius-sm);opacity:.9}.refresh-error-icon{width:12px;height:12px;flex-shrink:0}.refresh-error-text{white-space:nowrap}.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 0 auto;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:var(--overlay-bg);-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}.neptune-prompt-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;max-width:440px;width:90%;box-shadow:0 20px 50px var(--shadow-color);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-default)}.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-default);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-field .field-hint a{color:#67e8f9;text-decoration:underline;text-underline-offset:2px}.neptune-prompt-field .field-hint a:hover{color:#a5f3fc}.neptune-prompt-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--accent-red) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-red) 30%,transparent);border-radius:6px;margin-bottom:16px;font-size:.875rem;color:var(--accent-red)}.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-default)}.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-default);text-align:center}.neptune-prompt-footer p{margin:0;font-size:.75rem;color:var(--text-muted);opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.remote-picker{display:flex;flex-direction:column;min-height:100vh;animation:fadeIn .2s ease-out}.remote-picker-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border-default);background:var(--bg-secondary);flex-shrink:0}.remote-picker-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1rem}.remote-picker-logo img{flex-shrink:0}.remote-picker-nav-right{display:flex;align-items:center;gap:12px}.remote-picker-nav-link{font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.remote-picker-nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.remote-picker-body{flex:1;max-width:960px;width:100%;margin:0 auto;padding:32px 24px}.remote-picker-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.remote-picker-heading{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.create-project-btn{padding:8px 16px;background:var(--accent-green);color:#0a0a0a;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .15s}.create-project-btn:hover{opacity:.9}.remote-picker-empty{text-align:center;padding:48px 0;color:var(--text-muted);font-size:.9rem}.project-card-menu-anchor{position:absolute;top:8px;right:8px}.project-card-menu-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s;opacity:0}.project-card:hover .project-card-menu-btn,.project-card-menu-btn:focus-visible{opacity:1}.project-card-menu-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-muted) 15%,transparent)}.project-card-menu-icon{width:15px;height:15px}.project-card-dropdown{position:fixed;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:200;padding:4px}.project-card-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .1s,color .1s}.project-card-dropdown-item:hover:not(:disabled){background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}.project-card-dropdown-item:disabled{opacity:.5;cursor:default}.project-card-dropdown-danger{color:var(--accent-red, var(--accent-coral))}.project-card-dropdown-danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-red, var(--accent-coral)) 12%,transparent);color:var(--accent-red, var(--accent-coral))}.project-card-dropdown-item-icon{width:14px;height:14px;flex-shrink:0}.project-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);animation:fadeIn .2s ease-out}.project-picker-header{text-align:center;margin-bottom:32px}.project-picker-logo{width:48px;height:48px;margin-bottom:12px}.project-picker-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-picker-subtitle{margin:8px 0 0;font-size:.9rem;color:var(--text-muted)}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);width:100%;max-width:900px}.project-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;text-align:left;color:inherit;font:inherit;width:280px;flex-shrink:0}.project-card:hover{border-color:var(--accent-green);background:var(--bg-tertiary)}.project-card-icon{width:20px;height:20px;color:var(--accent-amber);flex-shrink:0;margin-top:2px}.project-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.project-card-name{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--text-primary);word-break:break-all}.project-card-meta{font-size:.75rem;color:var(--text-muted)}.project-picker-loading,.project-picker-error,.project-picker-empty{text-align:center;color:var(--text-muted)}.project-picker-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.project-picker-error p:first-child{color:var(--accent-red, var(--accent-coral));font-size:.9rem;font-weight:500}.project-picker-empty p:first-child{color:var(--text-secondary);font-size:.9rem}.project-picker-neptune{width:100%;max-width:900px}.neptune-project-form{display:flex;gap:var(--space-2);max-width:440px}.neptune-project-input{flex:1;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono);transition:border-color .15s}.neptune-project-input::placeholder{color:var(--text-muted);opacity:.6}.neptune-project-input:focus{outline:none;border-color:var(--accent-green)}.neptune-project-btn{padding:10px 20px;background:var(--accent-green);color:#0a0a0a;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s;flex-shrink:0}.neptune-project-btn:hover{opacity:.9}.neptune-project-error{margin-top:var(--space-2);font-size:.8rem;color:var(--accent-red)}.create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.create-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;max-width:400px;width:90%;box-shadow:0 20px 50px var(--shadow-color);animation:modalSlideUp .2s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.create-modal-header{padding:20px 24px 0}.create-modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.create-modal-body{padding:20px 24px 24px}.create-modal-field{display:flex;flex-direction:column;gap:6px}.create-modal-field span{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.create-modal-field input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono);transition:border-color .15s;box-sizing:border-box}.create-modal-field input::placeholder{color:var(--text-muted);opacity:.6}.create-modal-field input:focus{outline:none;border-color:var(--accent-green)}.create-modal-error{margin-top:12px;padding:8px 12px;background:color-mix(in srgb,var(--accent-red) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-red) 30%,transparent);border-radius:6px;font-size:.825rem;color:var(--accent-red)}.create-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.create-modal-btn-secondary{padding:9px 18px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s}.create-modal-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.create-modal-btn-primary{padding:9px 18px;background:var(--accent-green);color:#0a0a0a;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.create-modal-btn-primary:hover:not(:disabled){opacity:.9}.create-modal-btn-primary:disabled{opacity:.5;cursor:default}.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}.plot-expand-wrapper{position:relative}.plot-expand-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:20;padding:4px}.plot-expand-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.plot-expand-dropdown-item:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);color:var(--text-primary)}.plot-expand-dropdown-icon{width:14px;height:14px;flex-shrink:0}.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);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);pointer-events:none;z-index:45}.u-over{overflow:hidden}.u-select{background:color-mix(in srgb,var(--accent-green) 10%,transparent)!important;border:none!important;box-shadow:inset 0 0 0 1px var(--selection-border)!important}.plot-tooltip{display:none;position:absolute;z-index:100;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;padding:8px 10px;font-size:12px;font-family:var(--font-mono);pointer-events:none;box-shadow:0 4px 12px var(--shadow-color);min-width:120px}.tooltip-header{color:var(--text-secondary);font-size:11px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-muted)}.tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0;opacity:1;transition:opacity .1s ease}.tooltip-row.highlighted{font-weight:600}.plot-tooltip:has(.tooltip-row.highlighted) .tooltip-row:not(.highlighted){opacity:.4}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-label{color:var(--text-secondary);flex:1}.tooltip-value{color:var(--text-primary);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 var(--cursor-point-border);box-shadow:0 1px 3px var(--shadow-color);transition:width .1s ease,height .1s ease,opacity .1s ease}.cursor-point.highlighted{width:14px;height:14px}.cursor-points-container:has(.cursor-point.highlighted) .cursor-point:not(.highlighted){opacity:.3}.axis-context-menu{position:absolute;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:110;padding:4px}.axis-context-menu-title{padding:4px 8px 2px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.axis-context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.axis-context-menu-item:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);color:var(--text-primary)}.axis-context-menu-item.active{color:var(--text-primary)}.axis-context-menu-item .config-toggle{margin-left:auto}.axis-context-radio{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text-muted);flex-shrink:0}.axis-context-radio.checked{border-color:var(--accent-blue);background:radial-gradient(circle,var(--accent-blue) 40%,transparent 45%)}.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(--overlay-bg)}.plot-loading-spinner-large{width:32px;height:32px;color:var(--accent-green);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);border:1px solid var(--border-muted);border-radius:6px}.plot-loading-spinner{width:18px;height:18px;color:var(--text-primary);animation:plot-spin .8s linear infinite}@keyframes plot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plot-loading-spinner-remount{width:32px;height:32px;color:var(--accent-blue);animation:plot-spin .8s linear infinite}.plot-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.plot-title{font-size:12px;font-weight:500;color:var(--accent-purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plot-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.plot-config-toggle{flex-shrink:0;width:24px;height:24px;padding:4px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.5;transition:opacity .15s ease,background .15s ease}.plot-config-toggle:hover{opacity:.9;background:color-mix(in srgb,var(--text-secondary) 15%,transparent)}.plot-config-toggle.active{opacity:1;background:color-mix(in srgb,var(--accent-blue) 20%,transparent)}.plot-config-toggle.active .plot-config-icon{color:var(--accent-blue)}.plot-config-icon{width:100%;height:100%;color:var(--text-secondary)}.plot-config-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);font-size:12px}.config-row{display:flex;align-items:center;gap:8px}.config-label{display:flex;align-items:center;color:var(--text-secondary);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:var(--border-default);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:var(--border-default);border-radius:3px}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-secondary);border-radius:50%;border:2px solid var(--bg-secondary);cursor:pointer;margin-top:-4px}.config-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}.config-slider::-moz-range-track{height:6px;background:var(--border-default);border-radius:3px;border:none}.config-slider::-moz-range-thumb{width:14px;height:14px;background:var(--text-secondary);border-radius:50%;border:2px solid var(--bg-secondary);cursor:pointer}.config-slider::-moz-range-thumb:hover{background:var(--text-primary)}.config-value{min-width:40px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-align:right}.config-input{width:60px;padding:4px 6px;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none}.config-input:focus{border-color:var(--accent-blue)}.config-input::placeholder{color:var(--text-muted)}.config-input[readonly]{opacity:.5;cursor:default}.config-separator{color:var(--text-muted)}.config-select{padding:4px 6px;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;cursor:pointer}.config-select:focus{border-color:var(--accent-blue)}.config-toggle{position:relative;width:32px;height:18px;background:var(--border-default);border-radius:9px;cursor:pointer;transition:background .2s ease;border:none;padding:0;flex-shrink:0}.config-toggle.active{background:var(--accent-blue)}.config-toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--bg-card);border-radius:50%;transition:transform .2s ease;pointer-events:none}.config-toggle.active .config-toggle-knob{transform:translate(14px)}.config-help-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:4px}.config-help-icon{width:13px;height:13px;color:var(--text-muted);opacity:.6;cursor:help;transition:opacity .15s ease}.config-help-wrapper:hover .config-help-icon{opacity:1}.config-help-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;width:210px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:11px;line-height:1.4;color:var(--text-secondary);white-space:normal;pointer-events:none;z-index:200;box-shadow:0 4px 12px var(--shadow-color)}.config-help-wrapper:hover .config-help-tooltip{display:block}.ss-terminal-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;min-height:0;align-self:start}.ss-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;min-height:40px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);flex-shrink:0;gap:8px}.ss-terminal-header-left{display:flex;align-items:center;gap:8px;min-width:0}.ss-terminal-title{font-size:12px;font-weight:500;color:var(--accent-purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ss-terminal-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ss-terminal-loading{display:flex;align-items:center}.ss-terminal-spinner{width:14px;height:14px;border:2px solid var(--border-default);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}.ss-run-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ss-run-selector{position:relative}.ss-run-selector-btn{display:flex;align-items:center;gap:5px;padding:2px 8px;background:transparent;border:1px solid var(--border-muted);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer;max-width:220px;transition:background .1s,border-color .1s}.ss-run-selector-btn:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:var(--border-default)}.ss-run-selector-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ss-run-selector-id{font-weight:500;color:var(--text-primary)}.ss-run-selector-exp{color:var(--text-muted);font-size:10px}.ss-dropdown-chevron{width:12px;height:12px;flex-shrink:0;opacity:.6}.ss-run-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;max-width:300px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;z-index:20;padding:4px;max-height:200px;overflow-y:auto}.ss-run-dropdown-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer;text-align:left;transition:background .1s}.ss-run-dropdown-item:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}.ss-run-dropdown-item.active{background:color-mix(in srgb,var(--accent-purple) 15%,transparent)}.ss-run-dropdown-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.ss-run-dropdown-id{font-weight:500;color:var(--text-primary)}.ss-run-dropdown-exp{color:var(--text-muted);font-size:10px}.ss-dropdown-spinner{width:10px;height:10px;border-width:1.5px;flex-shrink:0;margin-left:auto}.ss-terminal-body-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.ss-terminal-body{flex:1;overflow-y:auto;overflow-x:auto;background:var(--bg-card);font-family:var(--font-mono);font-size:.8rem;line-height:1.5;padding:var(--space-2) 0;min-height:0}.ss-terminal-body.ss-terminal-body-empty{display:flex;flex-direction:column}.ss-terminal-line{display:flex;align-items:flex-start;padding:0 var(--space-3) 0 0;transition:background .1s}.ss-terminal-line:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.ss-terminal-line:hover .ss-terminal-ts{background:color-mix(in srgb,var(--text-primary) 4%,var(--bg-card))}.ss-terminal-ts{flex-shrink:0;color:var(--text-muted);padding-left:var(--space-3);margin-right:var(--space-3);-webkit-user-select:none;user-select:none;min-width:70px;cursor:default;position:sticky;left:0;top:0;z-index:1;background:var(--bg-card)}.ss-terminal-value{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.ss-terminal-error{color:var(--accent-red);padding:var(--space-3) var(--space-4)}.ss-terminal-loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted);flex:1}.ss-terminal-loading-state .loading-spinner{width:1.2rem;height:1.2rem}.ss-terminal-empty{color:var(--text-muted);padding:var(--space-4);text-align:center;font-style:italic;flex:1;display:flex;align-items:center;justify-content:center}.ss-terminal-load-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px var(--space-3);color:var(--text-muted);font-size:.7rem}.ss-load-more-spinner{width:12px;height:12px;border-width:1.5px}.ss-terminal-end{display:flex;align-items:center;gap:12px;padding:8px 5%;color:var(--text-muted);font-size:.7rem;opacity:.5}.ss-terminal-end:before,.ss-terminal-end:after{content:"";flex:1;height:1px;background:currentColor}.ss-load-more-btn{background:none;border:1px solid var(--border-muted);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);padding:2px 8px;cursor:pointer;transition:background .1s,border-color .1s}.ss-load-more-btn:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:var(--border-default)}.ss-terminal-body::-webkit-scrollbar{width:10px;height:10px}.ss-terminal-body::-webkit-scrollbar-track{background:transparent}.ss-terminal-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:5px;border:2px solid transparent;background-clip:content-box;min-height:20px}.ss-terminal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:2px solid transparent;background-clip:content-box}.ss-scroll-chevron{position:absolute;left:50%;transform:translate(-50%);z-index:2;width:24px;height:24px;border:none;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 1px 4px #0003}.ss-terminal-body-wrapper:hover .ss-scroll-chevron.visible{opacity:.7;pointer-events:auto}.ss-terminal-body-wrapper:hover .ss-scroll-chevron.visible:hover{opacity:1}.ss-scroll-chevron.top{top:4px}.ss-scroll-chevron.bottom{bottom:4px}.ss-scroll-chevron svg{width:14px;height:14px}.ss-section{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);align-items:stretch}.ss-not-implemented{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic}.ss-not-implemented .ss-ni-title{font-family:var(--font-mono);font-weight:500;color:var(--accent-purple);margin-bottom:var(--space-2);font-style:normal}:root{--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}:root,[data-theme=dark]{--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;--accent-blue: #58a6ff;--accent-red: #f87171;--border-default: #30363d;--border-muted: #21262d;--grid-line: #30363d;--shadow-color: rgba(0, 0, 0, .3);--overlay-bg: rgba(13, 17, 23, .7);--selection-border: rgba(255, 255, 255, 1);--cursor-point-border: #fff;--gradient-green: rgba(86, 211, 100, .08);--gradient-amber: rgba(210, 153, 34, .05)}[data-theme=light]{--bg-primary: #f5f0e8;--bg-secondary: #ede8df;--bg-tertiary: #e3ded4;--bg-card: #f9f6f1;--text-primary: #2d2a26;--text-secondary: #4a4744;--text-muted: #7a766f;--accent-green: #2d7d46;--accent-green-dim: #236b39;--accent-amber: #a87413;--accent-coral: #c0392b;--accent-purple: #7c3aed;--accent-blue: #2563eb;--accent-red: #dc2626;--border-default: #d6d0c4;--border-muted: #e3ded4;--grid-line: #e8e3da;--shadow-color: rgba(0, 0, 0, .08);--overlay-bg: rgba(245, 240, 232, .7);--selection-border: rgba(0, 0, 0, .6);--cursor-point-border: #fff;--gradient-green: rgba(45, 125, 70, .06);--gradient-amber: rgba(168, 116, 19, .04)}*{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;height:100vh;overflow:hidden;transition:background .2s,color .2s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--gradient-green),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,var(--gradient-amber),transparent);pointer-events:none;z-index:-1}#root{height:100%}::-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}.auth-page{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-card{width:min(460px,100%);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 10px 24px var(--shadow-color)}.auth-card-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--space-2)}.auth-back-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.auth-back-btn svg{width:22px;height:22px}.auth-back-btn:hover{color:var(--accent-green);border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 8%,var(--bg-primary));transform:translate(-1px)}.auth-back-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{width:42px;height:42px;margin-bottom:var(--space-3)}.auth-header h1{font-size:1.5rem;margin-bottom:var(--space-2)}.auth-header p{color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form label{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:.95rem}.auth-form input{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem}.auth-form input:focus{outline:none;border-color:var(--accent-green)}.password-input-wrap{position:relative;display:flex}.password-input-wrap input{flex:1;padding-right:38px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:var(--radius-sm)}.password-toggle:hover{color:var(--text-primary)}.auth-submit-btn,.auth-link-btn{background:var(--accent-green-dim);color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.auth-submit-btn:hover,.auth-link-btn:hover{background:var(--accent-green)}.auth-submit-btn:disabled{opacity:.6;cursor:wait}.auth-error{color:var(--accent-coral)}.auth-footer{margin-top:var(--space-4);text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--accent-green)}.account-page{display:flex;flex-direction:column;min-height:100vh}.account-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border-default);background:var(--bg-secondary);flex-shrink:0}.account-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1rem}.account-nav-logo img{flex-shrink:0}.account-nav-right{display:flex;align-items:center;gap:12px}.account-nav-link{font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.account-nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.account-body{flex:1;max-width:540px;width:100%;margin:0 auto;padding:48px 24px}.account-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:48px 0;color:var(--text-muted)}.account-content{display:flex;flex-direction:column;gap:20px}.account-profile-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;margin-bottom:4px;border-bottom:1px solid var(--border-default)}.account-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-green-dim);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;flex-shrink:0}.account-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.account-profile-email{font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.account-profile-workspace{font-size:.82rem;color:var(--text-muted)}.account-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.account-card-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border-default)}.account-card-header svg{color:var(--text-muted);flex-shrink:0}.account-card-header h3{margin:0;font-size:.88rem;font-weight:600;color:var(--text-primary)}.account-card-body{padding:16px 18px}.account-section-hint{margin:0 0 4px;font-size:.83rem;color:var(--text-muted);line-height:1.5}.account-card-danger .account-logout-btn:hover{color:var(--accent-coral);border-color:var(--accent-coral)}.account-logout-btn{padding:7px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:.83rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.apikey-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px}.apikey-value{flex:1;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all}.apikey-copy-btn{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:color .15s}.apikey-copy-btn:hover{color:var(--text-primary)}.apikey-hint{margin:10px 0 0;font-size:.8rem;color:var(--text-muted)}.apikey-actions{display:flex;gap:8px;margin-top:14px}.apikey-generate-btn,.apikey-regen-btn{padding:7px 14px;font-size:.83rem;border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.apikey-generate-btn{background:var(--accent-green-dim);color:#fff;border:1px solid transparent}.apikey-generate-btn:hover{background:var(--accent-green)}.apikey-regen-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.apikey-regen-btn:hover{color:var(--accent-coral);border-color:var(--accent-coral)}.apikey-generate-btn:disabled,.apikey-regen-btn:disabled{opacity:.6;cursor:not-allowed}