.version-badge{font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.version-badge-sm{padding:2px 6px;font-size:11px}.version-badge-md{padding:4px 10px;font-size:13px}.version-badge-lg{padding:6px 14px;font-size:15px}.version-badge-primary{background:var(--color-primary);color:#fff}.version-badge-muted{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-muted)}
.rollback-modal-backdrop{z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rollback-modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.rollback-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.rollback-modal-title{color:var(--text-normal);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.rollback-modal-title svg{color:var(--color-orange)}.rollback-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px}.rollback-modal-close:hover:not(:disabled){background:var(--background-secondary);color:var(--text-normal)}.rollback-modal-close:disabled{opacity:.5;cursor:not-allowed}.rollback-warning{border-bottom:1px solid var(--border-color);color:var(--color-orange);background:#ffb76c1a;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.rollback-warning svg{flex-shrink:0}.rollback-warning strong{color:var(--text-normal)}.rollback-comparison{background:var(--background-secondary);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;gap:24px;padding:20px 16px;display:flex}.rollback-version{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:120px;padding:12px 20px;display:flex}.rollback-version.target{border-color:var(--color-orange);background:#ffb76c1a}.rollback-version-label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.rollback-version-number{color:var(--text-normal);font-size:18px;font-weight:700}.rollback-version.target .rollback-version-number{color:var(--color-orange)}.rollback-version-author{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.rollback-arrow{color:var(--text-muted);font-size:24px}.rollback-diff-section{border-bottom:1px solid var(--border-color);flex-direction:column;flex:1;min-height:0;display:flex}.rollback-diff-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);color:var(--text-normal);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.rollback-diff-header svg{color:var(--text-muted)}.rollback-diff-stats{gap:8px;margin-left:auto;font-size:12px;display:flex}.rollback-diff-add{color:var(--color-green);font-weight:600}.rollback-diff-remove{color:var(--color-red);font-weight:600}.rollback-diff{background:var(--background-secondary);flex:1;max-height:200px;padding:12px 16px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.rollback-diff-empty{text-align:center;color:var(--text-muted);padding:20px}.rollback-diff-truncated{text-align:center;color:var(--text-muted);background:var(--background-primary);border-top:1px dashed var(--border-color);padding:8px;font-size:12px}.rollback-diff .diff-line{margin:0 -16px;padding:2px 16px;display:flex}.rollback-diff .diff-add{background:#50fa7b26}.rollback-diff .diff-add .diff-prefix,.rollback-diff .diff-add .diff-text{color:var(--color-green)}.rollback-diff .diff-remove{background:#ff555526}.rollback-diff .diff-remove .diff-prefix,.rollback-diff .diff-remove .diff-text{color:var(--color-red)}.rollback-diff .diff-same .diff-prefix,.rollback-diff .diff-same .diff-text{color:var(--text-muted)}.rollback-diff .diff-prefix{-webkit-user-select:none;user-select:none;flex-shrink:0;width:16px;font-weight:600;display:inline-block}.rollback-diff .diff-text{white-space:pre-wrap;word-break:break-word;flex:1}.rollback-notes-section{background:var(--background-primary);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.rollback-notes-label{color:var(--text-normal);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.rollback-notes-label svg{color:var(--text-muted)}.rollback-notes-input{background:var(--background-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-normal);resize:vertical;border-radius:6px;min-height:50px;max-height:80px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.rollback-notes-input:focus{border-color:var(--color-primary);outline:none}.rollback-notes-input::placeholder{color:var(--text-muted)}.rollback-notes-input:disabled{opacity:.6;cursor:not-allowed}.rollback-notes-count{color:var(--text-muted);text-align:right;font-size:11px}.rollback-modal-footer{border-top:1px solid var(--border-color);background:var(--background-primary);justify-content:flex-end;gap:8px;padding:16px;display:flex}.rollback-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.rollback-btn.secondary{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal)}.rollback-btn.secondary:hover:not(:disabled){background:var(--background-modifier-hover)}.rollback-btn.primary{background:var(--color-orange);border:1px solid var(--color-orange);color:#fff}.rollback-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.rollback-btn:disabled{opacity:.5;cursor:not-allowed}.rollback-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite rollback-spin}@keyframes rollback-spin{to{transform:rotate(360deg)}}.rollback-diff::-webkit-scrollbar{width:8px}.rollback-diff::-webkit-scrollbar-track{background:0 0}.rollback-diff::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.rollback-diff::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.detail-modal-backdrop{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.detail-modal-header{border-bottom:1px solid var(--border-color);background:var(--background-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.detail-modal-title{color:var(--text-normal);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.detail-modal-title svg{color:var(--color-primary)}.detail-modal-version{background:var(--color-primary);color:#fff;border-radius:4px;padding:3px 10px;font-size:13px;font-weight:600}.detail-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .15s}.detail-modal-close:hover{background:var(--background-modifier-hover);color:var(--text-normal)}.detail-modal-meta{color:var(--text-muted);background:var(--background-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:10px 20px;font-size:12px;display:flex}.detail-modal-meta svg{flex-shrink:0}.detail-modal-meta .meta-divider{color:var(--border-color);margin:0 2px}.detail-modal-notes{color:var(--text-normal);background:var(--background-secondary);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:8px;padding:10px 20px;font-size:13px;display:flex}.detail-modal-notes svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.detail-modal-tabs{border-bottom:1px solid var(--border-color);background:var(--background-primary);padding:0 20px;display:flex}.detail-modal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.detail-modal-tab:hover{color:var(--text-normal)}.detail-modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.detail-modal-tab svg{flex-shrink:0}.detail-modal-content{flex:1;padding:20px;overflow-y:auto}.detail-content-view{flex-direction:column;height:100%;display:flex}.detail-content-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.detail-copy-btn{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.detail-copy-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail-content-pre{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);white-space:pre-wrap;word-break:break-word;border-radius:8px;flex:1;max-height:400px;margin:0;padding:16px;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow-y:auto}.detail-api-view{flex-direction:column;gap:20px;display:flex}.detail-api-section{flex-direction:column;gap:8px;display:flex}.detail-api-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.detail-endpoint{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.detail-endpoint-badge{background:var(--color-primary);color:#fff;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.detail-endpoint-badge.latest{background:var(--color-green)}.detail-endpoint code{color:var(--text-normal);word-break:break-all;flex:1;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px}.detail-endpoint-copy{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.detail-endpoint-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail-code-tabs{gap:4px;display:flex}.detail-code-tab{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .15s}.detail-code-tab:hover{color:var(--text-normal)}.detail-code-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail-code-block{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.detail-code-block pre{color:var(--text-normal);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px 50px 16px 16px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.detail-code-copy{background:var(--background-primary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.detail-code-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail-api-note{color:var(--text-normal);background:#4169e11a;border:1px solid #4169e133;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.5}.detail-api-note strong{color:var(--color-primary)}.detail-api-note code{background:var(--background-secondary);border-radius:3px;padding:2px 6px;font-family:Menlo,Monaco,Consolas,monospace;font-size:11px}.detail-modal-content::-webkit-scrollbar{width:8px}.detail-content-pre::-webkit-scrollbar{width:8px}.detail-modal-content::-webkit-scrollbar-track{background:0 0}.detail-content-pre::-webkit-scrollbar-track{background:0 0}.detail-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.detail-content-pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.detail-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.detail-content-pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.detail-versions-view{flex-direction:column;gap:16px;display:flex}.detail-rollback-info{border:1px solid var(--color-orange);color:var(--color-orange);background:#ffb76c26;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.detail-versions-header{color:var(--text-muted);font-size:13px}.detail-versions-list{flex-direction:column;gap:6px;display:flex}.detail-version-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:12px 14px;display:flex}.detail-version-item.root{border-color:var(--color-primary);background:#4169e11a}.detail-version-item .version-icon{flex-shrink:0;font-size:14px}.detail-version-item .version-path{color:var(--text-normal);flex:1;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px}.detail-version-item .version-number{background:var(--background-modifier-hover);color:var(--text-muted);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.detail-version-item.root .version-number{background:var(--color-primary);color:#fff}.detail-version-item .version-root-badge{background:var(--color-primary);text-transform:uppercase;color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.detail-rollback-section{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;padding:16px;display:flex}.detail-rollback-btn{background:var(--color-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.detail-rollback-btn:hover:not(:disabled){filter:brightness(1.1)}.detail-rollback-btn:disabled{opacity:.6;cursor:not-allowed}.detail-rollback-note{color:var(--text-muted);font-size:12px}.detail-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite detail-spin}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail-changes-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.detail-changes-header{background:var(--background-secondary);border-bottom:1px solid var(--border-color);color:var(--text-normal);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.detail-changes-meta{align-items:center;gap:8px;font-size:12px;display:flex}.detail-changes-version{background:var(--background-modifier-hover);font-family:var(--font-monospace);border-radius:4px;padding:2px 8px}.detail-changes-version.current{background:var(--color-primary);color:#fff}.meta-arrow{color:var(--text-muted)}.detail-changes-loading,.detail-changes-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;font-size:13px;display:flex}.detail-changes-empty p{margin:4px 0}.detail-diff-view{font-family:var(--font-monospace);background:var(--background-primary);flex:1;font-size:12px;line-height:1.6;overflow-y:auto}.diff-line{padding:2px 0;display:flex}.diff-prefix{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:30px;font-weight:600}.diff-text{white-space:pre-wrap;word-break:break-word;flex:1;padding-right:16px}.diff-line.diff-add{background:#50fa7b1a}.diff-line.diff-add .diff-prefix{color:var(--color-green)}.diff-line.diff-remove{background:#ff55551a}.diff-line.diff-remove .diff-prefix{color:var(--color-red)}.diff-line.diff-same{color:var(--text-muted)}.diff-line.diff-same .diff-prefix{color:var(--text-faint)}.diff-stats{align-items:center;gap:6px;margin-left:8px;font-size:11px;font-weight:600;display:flex}.diff-added{color:var(--color-green)}.diff-removed{color:var(--color-red)}
.version-diff-backdrop{z-index:500;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.version-diff-modal{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:95vw;max-width:1200px;max-height:90vh;animation:.2s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.version-diff-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.version-diff-title{color:var(--text-normal);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.version-diff-title svg{color:var(--color-primary)}.version-diff-prompt-name{color:var(--text-muted);font-weight:400}.version-diff-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.version-diff-close:hover{background:var(--background-primary);color:var(--text-normal)}.version-diff-selectors{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.version-selector{flex:1;position:relative}.version-selector-btn{background:var(--background-primary);border:1px solid var(--border-color);width:100%;color:var(--text-normal);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.version-selector-btn:hover{border-color:var(--color-primary)}.version-selector-btn .version-badge{background:var(--color-primary);color:#fff;border-radius:4px;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.version-selector-btn .version-meta{text-align:left;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.version-selector-dropdown{background:var(--background-secondary);border:1px solid var(--border-color);z-index:100;border-radius:6px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.version-selector-dropdown::-webkit-scrollbar{width:6px}.version-selector-dropdown::-webkit-scrollbar-track{background:0 0}.version-selector-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.version-selector-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.version-option{width:100%;color:var(--text-normal);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:background .15s;display:flex}.version-option:hover{background:var(--background-primary)}.version-option.selected{background:color-mix(in srgb,var(--color-primary)15%,transparent)}.version-option .version-badge{background:var(--color-primary);color:#fff;border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.version-option .version-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.latest-badge{background:var(--color-green);color:var(--background-primary);border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.65rem;font-weight:600}.version-swap-btn{background:var(--background-primary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.version-swap-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.version-diff-toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.version-diff-view-modes,.version-diff-content-toggle{background:var(--background-primary);border-radius:6px;gap:.25rem;padding:.125rem;display:flex}.view-mode-btn,.content-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.view-mode-btn:hover,.content-mode-btn:hover{color:var(--text-normal)}.view-mode-btn.active,.content-mode-btn.active{background:var(--color-primary);color:#fff}.version-diff-stats{align-items:center;gap:.5rem;margin-left:auto;font-size:.75rem;font-weight:500;display:flex}.stat-added{color:var(--color-green)}.stat-removed{color:var(--color-red)}.stat-vars{color:var(--color-cyan)}.copy-diff-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.copy-diff-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.version-diff-content{flex:1;min-height:0;display:flex;overflow:hidden}.version-diff-loading,.version-diff-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.version-diff-empty svg{color:var(--text-faint)}.version-diff-empty h3{color:var(--text-normal);margin:0;font-size:1rem}.version-diff-empty p{margin:0;font-size:.85rem}.version-diff-side-by-side{flex:1;min-height:0;display:flex}.diff-pane{border-right:1px solid var(--border-color);flex-direction:column;flex:1;min-width:0;display:flex}.diff-pane:last-child{border-right:none}.diff-pane-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);color:var(--text-muted);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.diff-pane-header .version-badge{background:var(--color-primary);color:#fff;border-radius:4px;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.diff-pane-content{flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow:auto}.diff-pane-content .diff-line{min-height:1.5em;padding:0 .5rem;display:flex}.diff-line-num{width:40px;color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:.75rem}.diff-line-text{white-space:pre;flex:1}.version-diff-unified{flex:1;padding:.5rem 0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow:auto}.version-diff-unified .diff-line{min-height:1.5em;padding:0 1rem;display:flex}.diff-prefix{width:20px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.diff-text{white-space:pre;flex:1}.diff-line.diff-add{background:#50fa7b1a}.diff-line.diff-add .diff-prefix,.diff-line.diff-add .diff-line-num{color:var(--color-green)}.diff-line.diff-remove{background:#ff55551a}.diff-line.diff-remove .diff-prefix,.diff-line.diff-remove .diff-line-num{color:var(--color-red)}.diff-line.diff-gap{background:var(--background-primary);opacity:.5}.diff-line.diff-gap .diff-line-text{border-top:1px dashed var(--border-color);margin-top:.6em}.diff-no-changes{text-align:center;color:var(--text-muted);padding:2rem}.version-diff-semantic{flex:1;padding:1rem;overflow-y:auto}.version-diff-semantic h3{color:var(--text-normal);margin:0 0 1rem;font-size:1rem}.version-diff-semantic .no-changes{color:var(--text-muted);font-size:.85rem}.semantic-group{margin-bottom:1.25rem}.semantic-group h4{color:var(--text-normal);margin:0 0 .5rem;font-size:.85rem;font-weight:500}.semantic-group.added h4{color:var(--color-green)}.semantic-group.removed h4{color:var(--color-red)}.semantic-group.unchanged h4{color:var(--text-muted)}.semantic-group ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.semantic-group li{background:var(--background-primary);border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.85rem;display:flex}.add-indicator{color:var(--color-green);width:16px;font-weight:600}.remove-indicator{color:var(--color-red);width:16px;font-weight:600}.unchanged-indicator{color:var(--text-muted);width:16px;font-weight:600}.semantic-group code{color:var(--color-cyan);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem}.semantic-group.removed code{color:var(--color-red)}.semantic-group.added code{color:var(--color-green)}.version-diff-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}.keyboard-hint{color:var(--text-faint);font-size:.7rem}.keyboard-hint kbd{background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;padding:.125rem .375rem;font-family:inherit;font-size:.65rem;display:inline-block}@media (max-width:768px){.version-diff-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.version-diff-selectors{flex-direction:column}.version-selector{width:100%}.version-swap-btn{transform:rotate(90deg)}.version-diff-toolbar{flex-wrap:wrap;gap:.5rem}.version-diff-view-modes{order:1;justify-content:center;width:100%}.version-diff-content-toggle{order:2}.version-diff-stats{order:3;margin-left:0}.copy-diff-btn{order:4}.version-diff-side-by-side{flex-direction:column}.diff-pane{border-right:none;border-bottom:1px solid var(--border-color);flex:none;max-height:40vh}.diff-pane:last-child{border-bottom:none}.view-mode-btn span,.content-mode-btn span{display:none}}
.deployments-tab{background:var(--background-primary);flex-direction:column;height:100%;display:flex}.deployments-tab-header{border-bottom:1px solid var(--border-color);background:var(--background-secondary);padding:20px 20px 16px}.deployments-header-left{flex-direction:column;gap:4px;display:flex}.deployments-tab-title{color:var(--text-normal);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.deployments-tab-title svg{color:var(--color-primary)}.deployments-count{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.deployments-subtitle{color:var(--text-muted);margin:0;font-size:13px}.deployments-toolbar{background:var(--background-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.deployments-search{background:var(--background-secondary);border:1px solid var(--border-color);max-width:300px;color:var(--text-muted);border-radius:6px;flex:1;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.deployments-search:focus-within{border-color:var(--color-primary)}.deployments-search svg{flex-shrink:0}.deployments-search input{color:var(--text-normal);background:0 0;border:none;outline:none;flex:1;font-size:13px}.deployments-search input::placeholder{color:var(--text-muted)}.deployments-toolbar-actions{align-items:center;gap:8px;display:flex}.deployments-deploy-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.deployments-deploy-btn:hover:not(:disabled){background:var(--color-primary-hover)}.deployments-deploy-btn:disabled{opacity:.5;cursor:not-allowed}.deployments-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.deployments-error{color:var(--color-red);flex-direction:column;flex:1;align-items:center;gap:12px;padding:40px;display:flex}.deployments-error button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;padding:8px 16px}.deployments-error button:hover{background:var(--background-modifier-hover)}.deployments-no-results{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:12px;padding:40px;display:flex}.deployments-no-results button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;padding:8px 16px}.deployments-no-results button:hover{background:var(--background-modifier-hover);border-color:var(--color-primary)}.deployments-list{flex:1;padding:16px;overflow-y:auto}.deployment-card{padding:var(--card-padding);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:10px;transition:all .15s;display:flex}.deployment-card:hover{border-color:var(--color-primary);background:var(--selection-bg);box-shadow:var(--shadow-sm)}.deployment-card.selected{border-color:var(--color-primary);background:var(--selection-bg)}.deployment-checkbox{border:2px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.deployment-checkbox:hover{border-color:var(--color-primary)}.deployment-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.deployment-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.deployment-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deployment-time{color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.deployment-notes{color:var(--text-normal);align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.deployment-notes svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.deployment-notes span{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.deployment-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deployment-author,.deployment-refs{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.deployment-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.deployment-action-btn{background:var(--background-primary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-normal);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.deployment-action-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.deployment-action-btn:disabled{opacity:.5;cursor:not-allowed}.deployment-action-btn svg{color:inherit;flex-shrink:0}.deployment-action-rollback:hover:not(:disabled){background:var(--color-orange);border-color:var(--color-orange)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.spinning{animation:1s linear infinite spin}.deployments-list::-webkit-scrollbar{width:8px}.deployments-list::-webkit-scrollbar-track{background:0 0}.deployments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.deployments-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.version-modal-backdrop{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.version-modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:100%;max-width:700px;max-height:85vh;display:flex;overflow:hidden}.version-modal-header{border-bottom:1px solid var(--border-color);background:var(--background-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.version-modal-title{color:var(--text-normal);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.version-modal-title svg{color:var(--color-purple)}.version-modal-badge{background:var(--color-purple);color:#fff;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600}.version-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .15s}.version-modal-close:hover{background:var(--background-modifier-hover);color:var(--text-normal)}.version-modal-meta{background:var(--background-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex}.version-meta-item{color:var(--text-muted);align-items:center;gap:6px;display:flex}.version-meta-item svg{color:var(--text-muted)}.deployment-link-btn{color:var(--color-cyan);cursor:pointer;background:#8be9fd1a;border:1px solid #8be9fd4d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;transition:all .15s;display:flex}.deployment-link-btn:hover:not(:disabled){border-color:var(--color-cyan);background:#8be9fd33}.deployment-link-btn:disabled{opacity:.6;cursor:not-allowed}.version-references{border-bottom:1px solid var(--border-color);padding:12px 20px}.version-references-header{color:var(--text-normal);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:500;display:flex}.version-references-header svg{color:var(--text-muted)}.version-references-list{flex-wrap:wrap;gap:8px;display:flex}.version-reference-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.reference-id{color:var(--text-muted);font-family:Menlo,Monaco,Consolas,monospace}.reference-name{color:var(--text-normal);font-weight:500}.reference-deleted{color:var(--text-muted);font-style:italic}.reference-copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.reference-copy-btn:hover{color:var(--color-primary);background:var(--background-modifier-hover)}.version-hash{background:var(--background-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.version-hash svg{color:var(--text-muted);flex-shrink:0}.version-hash code{color:var(--text-muted);background:var(--background-primary);border-radius:4px;padding:2px 6px;font-family:Menlo,Monaco,Consolas,monospace}.version-hash-copy{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .15s;display:flex}.version-hash-copy:hover{color:var(--color-primary);background:var(--background-modifier-hover)}.version-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.version-content-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);color:var(--text-normal);justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;font-weight:500;display:flex}.version-content-copy{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.version-content-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.version-content-pre{color:var(--text-normal);background:var(--background-secondary);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:16px 20px;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.version-content-pre::-webkit-scrollbar{width:8px}.version-content-pre::-webkit-scrollbar-track{background:0 0}.version-content-pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.version-content-pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.version-modal-tabs{border-bottom:1px solid var(--border-color);background:var(--background-primary);gap:4px;padding:8px 20px;display:flex}.version-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.version-tab:hover,.version-tab.active{background:var(--background-secondary);color:var(--text-normal)}.diff-stats{gap:6px;font-size:12px;font-weight:600;display:flex}.diff-added{color:var(--color-green)}.diff-removed{color:var(--color-red)}.version-diff{background:var(--background-secondary);flex:1;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.version-diff-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.diff-line{padding:2px 20px;display:flex}.diff-line.diff-add{background:#50fa7b1a}.diff-line.diff-remove{background:#ff55551a}.diff-line.diff-same{background:0 0}.diff-prefix{width:20px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.diff-line.diff-add .diff-prefix{color:var(--color-green)}.diff-line.diff-remove .diff-prefix{color:var(--color-red)}.diff-text{white-space:pre-wrap;word-break:break-word;color:var(--text-normal);flex:1}.diff-line.diff-add .diff-text{color:var(--color-green)}.diff-line.diff-remove .diff-text{color:var(--color-red)}.version-diff::-webkit-scrollbar{width:8px}.version-diff::-webkit-scrollbar-track{background:0 0}.version-diff::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.version-diff::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.version-modal-footer{border-top:1px solid var(--border-color);background:var(--background-secondary);justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px;display:flex}.version-restore-btn{background:var(--color-purple);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.version-restore-btn:hover:not(:disabled){background:var(--color-primary)}.version-restore-btn:disabled{opacity:.6;cursor:not-allowed}
.history-tab{background:var(--background-primary);flex-direction:column;height:100%;display:flex}.history-tab-header{border-bottom:1px solid var(--border-color);background:var(--background-secondary);padding:20px 20px 16px}.history-header-left{flex-direction:column;gap:4px;display:flex}.history-tab-title{color:var(--text-normal);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.history-tab-title svg{color:var(--color-primary)}.history-count{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.history-subtitle{color:var(--text-muted);margin:0;font-size:13px}.history-toolbar{background:var(--background-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.history-search{background:var(--background-secondary);border:1px solid var(--border-color);max-width:220px;color:var(--text-muted);border-radius:6px;flex:1;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.history-search:focus-within{border-color:var(--color-primary)}.history-search svg{flex-shrink:0}.history-search input{color:var(--text-normal);background:0 0;border:none;outline:none;flex:1;font-size:13px}.history-search input::placeholder{color:var(--text-muted)}.history-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.history-error{color:var(--color-red);flex-direction:column;flex:1;align-items:center;gap:12px;padding:40px;display:flex}.history-error button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;padding:8px 16px}.history-error button:hover{background:var(--background-modifier-hover)}.history-no-results{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:12px;padding:40px;display:flex}.history-no-results button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;padding:8px 16px}.history-no-results button:hover{background:var(--background-modifier-hover);border-color:var(--color-primary)}.history-timeline{flex:1;padding:16px 20px 16px 32px;overflow-y:auto}.history-date-group{margin-bottom:24px;position:relative}.history-date-group:last-child{margin-bottom:0}.history-date-header{background:var(--background-primary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:1;padding:4px 0 8px;font-size:12px;font-weight:600;position:sticky;top:0}.history-date-items{border-left:2px solid var(--border-color);padding-left:20px;position:relative}.history-item{padding:var(--card-padding);padding-left:calc(var(--card-padding) + 20px);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;margin-left:-20px;transition:all .15s;display:flex;position:relative}.history-item:hover,.history-item.selected{border-color:var(--color-primary);background:var(--selection-bg)}.history-dot{width:var(--timeline-dot-size);height:var(--timeline-dot-size);background:var(--color-primary);border:2px solid var(--background-primary);z-index:2;border-radius:50%;position:absolute;top:20px;left:-6px}.history-dot.deploy{background:var(--color-green)}.history-dot.rollback{background:var(--color-orange)}.history-dot.edit{background:var(--color-cyan)}.history-dot.auto{background:var(--text-muted)}.history-dot.latest{width:18px;height:18px;top:18px;left:-8px;box-shadow:0 0 0 3px #50fa7b33}.history-checkbox{border:2px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.history-checkbox:hover{border-color:var(--color-primary)}.history-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.history-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.history-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-time{color:var(--text-muted);margin-left:auto;font-size:12px}.history-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-refs{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.history-actions{flex-shrink:0;position:relative}.history-action-menu-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.history-action-menu-btn:hover{background:var(--background-primary);border-color:var(--border-color);color:var(--text-normal)}.history-action-menu{background:var(--background-secondary);border:1px solid var(--border-color);min-width:160px;box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);border-radius:8px;padding:4px;position:absolute;top:100%;right:0}.history-action-menu button{width:100%;color:var(--text-normal);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .1s;display:flex}.history-action-menu button:hover{background:var(--background-modifier-hover)}.history-action-menu button svg{color:var(--text-muted);flex-shrink:0}.history-timeline::-webkit-scrollbar{width:8px}.history-timeline::-webkit-scrollbar-track{background:0 0}.history-timeline::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.history-timeline::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.model-picker-trigger{background:var(--color-secondary);color:var(--color-foreground);cursor:pointer;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;max-width:280px;padding:4px 8px;font-size:11px;transition:border-color .15s,background .15s;display:inline-flex}.model-picker-trigger:hover:not(:disabled){border-color:var(--color-primary);background:#4169e11a}.model-picker-trigger:focus{border-color:var(--color-primary);outline:none}.model-picker-trigger.open{border-color:var(--color-primary);background:#4169e126}.model-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.model-picker-trigger.compact{max-width:180px;padding:3px 6px}.model-picker-trigger.compact .model-picker-context,.model-picker-trigger.compact .model-picker-pricing{display:none}.model-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.model-picker-context{color:var(--color-muted);background:#ffffff1a;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px}.model-picker-pricing{color:var(--color-muted);flex-shrink:0;font-size:9px}.model-picker-placeholder{color:var(--color-muted);font-style:italic}.model-picker-chevron{color:var(--color-muted);flex-shrink:0;transition:transform .15s}.model-picker-chevron.rotated{transform:rotate(180deg)}.model-picker-loading{cursor:wait}.model-picker-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.model-picker-error{color:#f87171;border-color:#f8717166}.model-picker-empty{color:var(--color-muted);cursor:help}.model-picker-popover-container{animation:.15s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.model-picker-popover{background:var(--color-background);border:1px solid #ffffff26;border-radius:8px;flex-direction:column;max-height:400px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.model-picker-search{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 12px;display:flex}.model-picker-search-icon{color:var(--color-muted);flex-shrink:0}.model-picker-search-input{color:var(--color-foreground);background:0 0;border:none;outline:none;flex:1;font-size:13px}.model-picker-search-input::placeholder{color:var(--color-muted)}.model-picker-search-clear{color:var(--color-muted);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.model-picker-search-clear:hover{color:var(--color-foreground);background:#fff3}.model-picker-list{flex:1;padding:4px;overflow-y:auto}.model-picker-list::-webkit-scrollbar{width:6px}.model-picker-list::-webkit-scrollbar-track{background:0 0}.model-picker-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.model-picker-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.model-picker-empty{text-align:center;color:var(--color-muted);padding:24px 16px;font-size:12px}.model-picker-group{margin-bottom:4px}.model-picker-group:last-child{margin-bottom:0}.model-picker-group-header{width:100%;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#ffffff08;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:600;transition:background .1s;display:flex}.model-picker-group-header:hover{background:#ffffff14}.model-picker-group-name{text-align:left;flex:1}.model-picker-group-count{color:var(--color-muted);background:#ffffff1a;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:400}.model-picker-group-chevron{color:var(--color-muted)}.model-picker-group-items{margin-top:2px;padding-left:4px}.model-item{width:100%;color:var(--color-foreground);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;transition:background .1s,border-color .1s;display:flex}.model-item:hover{background:#ffffff0d}.model-item.highlighted{background:#4169e126;border-color:#4169e14d}.model-item.selected{border-color:var(--color-primary);background:#4169e133}.model-item-main{align-items:center;gap:6px;display:flex}.model-item-provider-icon{flex-shrink:0}.model-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.model-item-check{color:var(--color-primary);flex-shrink:0}.model-item-meta{color:var(--color-muted);align-items:center;gap:8px;padding-left:0;font-size:10px;display:flex}.model-item-context{background:#ffffff14;border-radius:3px;padding:1px 4px}.model-item-pricing{opacity:.8}.model-item-capabilities{gap:4px;margin-top:2px;padding-left:0;display:flex}.model-capability{border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;font-size:9px;display:inline-flex}.model-capability.vision{color:var(--color-cyan);background:#8be9fd26}.model-capability.tools{color:var(--color-orange);background:#ffb86c26}.model-capability.reasoning{color:var(--color-purple);background:#bd93f926}
.lab-header{background-color:var(--color-secondary);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 8px;display:flex}.lab-header-left{align-items:center;gap:6px;display:flex}.lab-header-right{align-items:center;gap:4px;display:flex}.lab-select-wrapper{align-items:center;display:flex;position:relative}.lab-select{appearance:none;background-color:var(--color-background);color:var(--text-normal);cursor:pointer;text-overflow:ellipsis;border:1px solid #ffffff1a;border-radius:3px;outline:none;max-width:140px;padding:3px 18px 3px 6px;font-size:10px;overflow:hidden}.lab-select:focus{border-color:var(--color-primary)}.lab-select-loading,.lab-select-error,.lab-select-empty{background-color:var(--color-background);color:var(--text-muted);border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:flex}.lab-select-error{color:#f87171e6;border-color:#f871714d}.lab-select-empty{cursor:help}.lab-select-chevron{pointer-events:none;color:var(--text-muted);position:absolute;right:4px}.lab-role-selector .lab-select{min-width:56px;max-width:70px;padding-right:16px}.lab-config-field{background-color:var(--color-background);border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:3px;padding:2px 6px;display:flex}.lab-config-label{color:var(--text-muted);font-size:9px;font-weight:600}.lab-config-input{width:28px;color:var(--text-normal);background:0 0;border:none;outline:none;font-size:10px}.lab-run-btn{color:#4ade80e6;cursor:pointer;background-color:#4ade8026;border:1px solid #4ade804d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.lab-run-btn:hover:not(:disabled){color:#4ade80;background-color:#4ade8040;border-color:#4ade8080}.lab-run-btn:disabled{opacity:.4;cursor:not-allowed}.lab-run-btn.running{color:#f87171e6;background-color:#f8717126;border-color:#f871714d}.lab-run-btn.running:hover:not(:disabled){color:#f87171;background-color:#f8717140;border-color:#f8717180}.lab-save-btn{color:#4ade80e6;cursor:pointer;background-color:#4ade8026;border:1px solid #4ade804d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.lab-save-btn:hover{color:#4ade80;background-color:#4ade8040;border-color:#4ade8080}.lab-close-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.lab-close-btn:hover{color:var(--text-normal);background-color:#ffffff1a}.lab-run-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.lab-section{background-color:var(--color-secondary);flex-direction:column;transition:all .3s ease-in-out;display:flex}.lab-section.collapsed{flex-shrink:0;height:40px}.lab-section.expanded{min-height:160px}.lab-section-header{cursor:default;background-color:#00000026;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lab-section-header:hover{background-color:#00000040}.lab-section-title{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.lab-chevron{opacity:.5;margin-left:4px}.lab-section-badge{color:var(--text-muted);font-family:monospace;font-size:9px}.lab-section-controls{align-items:center;gap:8px;display:flex}.lab-section-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;transition:all .15s;display:flex}.lab-section-btn:hover{color:var(--text-normal);background-color:#ffffff0d}.lab-section-btn.danger:hover{color:var(--color-red)}.lab-section-content{background-color:#0000001a;flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.lab-section-content::-webkit-scrollbar{width:4px}.lab-section-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lab-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.lab-delete-btn:hover{color:var(--color-red);background-color:#ff55551a}.lab-add-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:10px;transition:all .15s;display:flex}.lab-add-btn:hover{color:var(--text-normal);background-color:#ffffff05;border-color:#ffffff4d}.lab-empty-state{color:var(--text-muted);justify-content:center;align-items:center;padding:24px;font-size:11px;font-style:italic;display:flex}
.lab-variables{border-bottom:1px solid #ffffff1a}.lab-variables .lab-section-icon{color:var(--color-yellow)}.lab-variables .lab-section-title{color:#facc15cc}.lab-variables-list{flex-direction:column;gap:0;display:flex}.lab-profile-select{background-color:#0006;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;display:flex}.lab-profile-select svg{color:var(--text-muted)}.lab-profile-select select{color:var(--text-normal);cursor:pointer;background:0 0;border:none;outline:none;width:96px;font-size:10px}.lab-var-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:4px 0;display:flex}.lab-var-row:last-child{border-bottom:none}.lab-var-name{color:var(--text-normal);text-overflow:ellipsis;white-space:nowrap;min-width:80px;max-width:100px;font-size:11px;font-weight:500;overflow:hidden}.lab-var-type{color:var(--text-muted);background-color:#ffffff14;border-radius:3px;flex-shrink:0;padding:2px 5px;font-family:monospace;font-size:9px}.lab-var-value{min-width:0;color:var(--text-normal);background-color:#0000004d;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px}.lab-var-value::placeholder{color:var(--text-muted);opacity:.5}.lab-var-value:focus{background-color:#0006;border-color:#facc1566}.lab-var-expand{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.lab-var-expand:hover{color:var(--text-normal);background-color:#ffffff1a;border-color:#fff3}.lab-var-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lab-var-modal{background-color:var(--color-secondary,#2a3142);border:1px solid #ffffff26;border-radius:8px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0006}.lab-var-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lab-var-modal-title{color:var(--text-normal);font-family:monospace;font-size:13px;font-weight:600}.lab-var-modal-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.lab-var-modal-close:hover{color:var(--text-normal);background-color:#ffffff1a}.lab-var-modal-textarea{min-height:200px;color:var(--text-normal);resize:vertical;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;margin:12px 16px;padding:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}.lab-var-modal-textarea:focus{border-color:#facc1580}.lab-var-modal-textarea::placeholder{color:var(--text-muted)}.lab-var-modal-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.lab-var-modal-cancel,.lab-var-modal-save{cursor:pointer;border-radius:4px;padding:6px 14px;font-size:12px;transition:all .15s}.lab-var-modal-cancel{color:var(--text-muted);background:0 0;border:1px solid #fff3}.lab-var-modal-cancel:hover{color:var(--text-normal);background-color:#ffffff0d}.lab-var-modal-save{background-color:var(--color-yellow,#f1fa8c);color:#1a1f2e;border:none;font-weight:500}.lab-var-modal-save:hover{background-color:#facc15e6}.lab-var-boolean-select{padding:0;position:relative}.lab-var-boolean-select select{width:100%;color:var(--text-normal);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:10px 30px 10px 12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}.lab-var-boolean-select .lab-var-select-arrow{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lab-var-boolean-select:hover{background-color:#0003}.lab-empty-hint{color:var(--text-muted);opacity:.7;margin-top:4px;font-size:10px}.lab-var-type-string{color:var(--color-green);background:#50fa7b26}.lab-var-type-number{color:var(--color-cyan);background:#8be9fd26}.lab-var-type-boolean{color:var(--color-purple);background:#bd93f926}.lab-var-type-array{color:var(--color-orange);background:#ffb86c26}.lab-var-type-object{color:var(--color-yellow);background:#f1fa8c26}.lab-var-type-enum{color:var(--color-pink);background:#ff79c626}.lab-var-type-switch{color:var(--color-purple);background:#bd93f926}.lab-var-type-map{color:var(--color-yellow);background:#f1fa8c26}.lab-var-select{min-width:0;color:var(--text-normal);cursor:pointer;appearance:none;background-color:#0000004d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:4px 24px 4px 8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px}.lab-var-select:focus{background-color:#0006;border-color:#facc1566}.lab-var-select option{background:var(--color-background);color:var(--text-normal)}.lab-var-switch-wrapper{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lab-var-switch-wrapper .lab-var-select{flex:none;min-width:70px;max-width:100px}.lab-var-switch-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#bd93f91a;border-radius:3px;max-width:120px;padding:2px 6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:10px;overflow:hidden}.lab-var-map-btn{color:var(--color-yellow);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#f1fa8c1a;border:1px solid #f1fa8c33;border-radius:4px;flex:1;padding:4px 8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;transition:all .15s;overflow:hidden}.lab-var-map-btn:hover{background:#f1fa8c33;border-color:#f1fa8c66}.lab-variable-item{flex-direction:column;gap:4px;display:flex}.lab-variable-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.lab-variable-key{color:var(--color-yellow);background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:10px}.lab-variable-key::placeholder{color:var(--text-muted)}.lab-variable-value{background-color:var(--color-background);width:100%;color:var(--text-normal);resize:vertical;border:1px solid #ffffff1a;border-radius:4px;outline:none;min-height:60px;padding:8px;font-family:monospace;font-size:10px}.lab-variable-value:focus{border-color:#facc1580}.lab-variable-value::placeholder{color:var(--text-muted)}.lab-variable-source{color:var(--color-purple);text-overflow:ellipsis;white-space:nowrap;background-color:#8b5cf633;border:1px solid #8b5cf64d;border-radius:4px;max-width:100px;padding:2px 6px;font-size:9px;overflow:hidden}.lab-variable-json{min-height:100px;font-family:Monaco,Menlo,monospace}
.lab-history{border-bottom:1px solid #ffffff1a}.lab-history.expanded{flex:1;min-height:150px}.lab-history .lab-section-icon,.lab-history .lab-section-title{color:var(--text-muted)}.lab-history-messages{flex-direction:column;gap:12px;display:flex}.lab-message-row{align-items:flex-start;gap:8px;width:100%;display:flex}.lab-message-row:has(.lab-message-user){justify-content:flex-end}.lab-message-row:has(.lab-message-assistant){justify-content:flex-start}.lab-message-row:has(.lab-message-system){justify-content:center}.lab-message{flex-direction:column;gap:4px;max-width:85%;display:flex}.lab-message-system{width:100%;max-width:100%}.lab-message-role{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;outline:none;width:fit-content;padding:0;font-size:9px;font-weight:600}.lab-message-system .lab-message-role{color:var(--text-muted);align-self:center}.lab-message-user .lab-message-role{color:#93c5fdcc;text-align:right;align-self:flex-end}.lab-message-assistant .lab-message-role{color:var(--text-muted);text-align:left;align-self:flex-start}.lab-message-content{resize:vertical;border-radius:8px;outline:none;width:100%;min-height:40px;padding:8px 12px;font-family:monospace;font-size:12px}.lab-message-system .lab-message-content{color:var(--text-muted);text-align:center;background:0 0;border:1px dashed #fff3;font-style:italic}.lab-message-user .lab-message-content{color:#bfdbfe;background-color:#1e3a8a33;border:1px solid #1e40af80}.lab-message-user .lab-message-content:focus{border-color:#3b82f680}.lab-message-assistant .lab-message-content{background-color:var(--color-background);color:var(--text-normal);border:1px solid #ffffff1a}.lab-message-assistant .lab-message-content:focus{border-color:#ffffff4d}.lab-message-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-top:16px;padding:4px;transition:all .15s}.lab-message-row:hover .lab-message-delete{opacity:1}.lab-message-delete:hover{color:var(--color-red);background-color:#ff55551a}.lab-message-injected{background:#8b5cf60f;border:1px dashed #8b5cf640;border-radius:6px;width:100%;max-width:100%;margin-bottom:4px;padding:8px 10px}.lab-message-injected-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.lab-message-injected-icon{color:#8b5cf699}.lab-message-role-badge{text-transform:uppercase;letter-spacing:.5px;color:#8b5cf6e6;background:#8b5cf61f;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.lab-message-content-readonly{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;opacity:.85;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;line-height:1.4}.lab-message-injected-label{color:#8b5cf680;margin-top:6px;font-size:9px;font-style:italic}
.grading-manager{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.grading-header{justify-content:space-between;align-items:center;display:flex}.grading-title{text-transform:uppercase;letter-spacing:.5px;color:#c084fce6;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.grading-add-btn{color:#c084fccc;cursor:pointer;background-color:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;transition:all .15s;display:flex}.grading-add-btn:hover{color:#c084fc;background-color:#8b5cf626;border-color:#8b5cf64d}.grading-list{flex-direction:column;gap:6px;display:flex}.validator-row{background-color:#00000040;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;transition:all .15s;display:flex}.validator-row:hover{border-color:#ffffff1f}.validator-row.passed{background-color:#4ade800d;border-color:#4ade804d}.validator-row.failed{background-color:#f871710d;border-color:#f871714d}.validator-row.loading{background-color:#c084fc0d;border-color:#c084fc4d}.validator-result{border-radius:50%;flex-shrink:0;width:6px;height:6px}.validator-result.passed{background-color:#4ade80e6}.validator-result.failed{background-color:#f87171e6}.validator-result.loading{background-color:#0000;justify-content:center;align-items:center;width:auto;height:auto;display:flex}.validator-spinner{color:#c084fce6;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.validator-type-select{flex-shrink:0;position:relative}.validator-type-select select{appearance:none;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);cursor:pointer;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:3px;outline:none;padding:4px 24px 4px 8px;font-size:9px;font-weight:600;transition:all .15s}.validator-type-select select:hover{border-color:#ffffff26}.validator-type-select select:focus{border-color:#c084fc66}.validator-select-arrow{color:var(--text-muted);pointer-events:none;opacity:.6;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.validator-model-select-wrapper{flex-shrink:0;position:relative}.validator-model-select{appearance:none;color:#c084fce6;cursor:pointer;background-color:#8b5cf61a;border:1px solid #8b5cf640;border-radius:3px;outline:none;min-width:100px;max-width:130px;padding:4px 24px 4px 8px;font-size:9px;font-weight:500;transition:all .15s}.validator-model-select:hover{border-color:#8b5cf666}.validator-model-select:focus{border-color:#c084fc80}.validator-model-select option{background-color:var(--color-background);color:var(--text-normal)}.validator-field{min-width:0;color:var(--text-normal);background-color:#0003;border:1px solid #ffffff14;border-radius:3px;outline:none;flex:1;padding:4px 8px;font-size:11px;transition:border-color .15s}.validator-field:focus{border-color:#c084fc66}.validator-field::placeholder{color:var(--text-muted);opacity:.5}.validator-field-code{color:#4ade80e6;resize:none;min-height:26px;font-family:Monaco,Menlo,Consolas,monospace;font-size:10px}.validator-field-prompt{color:#8bd3fee6;resize:none;min-height:26px;font-size:10px}.validator-expand-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.validator-row:hover .validator-expand-btn{opacity:1}.validator-expand-btn:hover{color:#c084fce6;background-color:#ffffff0d}.validator-remove-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.validator-row:hover .validator-remove-btn{opacity:1}.validator-remove-btn:hover{color:#f87171e6;background-color:#f871711a}.grading-empty{color:var(--text-muted);opacity:.6;justify-content:center;align-items:center;padding:12px;font-size:10px;display:flex}.grading-modal-textarea{color:#4ade80e6;font-family:Monaco,Menlo,Consolas,monospace}.grading-modal-textarea:focus{border-color:#c084fc80}.grading-modal-save{background-color:#c084fce6!important}.grading-modal-save:hover{background-color:#c084fc!important}.validator-option-toggle{color:var(--text-muted);cursor:pointer;opacity:.6;text-transform:uppercase;letter-spacing:.3px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 6px;font-size:9px;font-weight:600;transition:all .15s;display:flex}.validator-option-toggle:hover{opacity:1;border-color:#c084fc66}.validator-option-toggle.active{opacity:1;color:#c084fce6;background:#c084fc26;border-color:#c084fc66}.validator-flags{flex-shrink:0;gap:2px;display:flex}.validator-flag-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:.5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;font-family:Monaco,Menlo,Consolas,monospace;font-size:9px;font-weight:600;transition:all .15s;display:flex}.validator-flag-btn:hover{opacity:1;border-color:#4ade8066}.validator-flag-btn.active{opacity:1;color:#4ade80e6;background:#4ade8026;border-color:#4ade8066}.validator-help-wrapper{flex-shrink:0;position:relative}.validator-help-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.validator-row:hover .validator-help-btn{opacity:.5}.validator-help-btn:hover,.validator-help-btn.active{opacity:1;color:#60a5fae6;background:#60a5fa1a}.validator-help-tooltip{background:var(--color-background);z-index:100;border:1px solid #ffffff26;border-radius:6px;width:280px;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.validator-help-header{text-transform:uppercase;letter-spacing:.5px;color:#60a5fae6;background:#60a5fa1a;border-bottom:1px solid #ffffff1a;padding:8px 10px;font-size:10px;font-weight:700}.validator-help-desc{color:var(--text-normal);white-space:pre-wrap;padding:10px;font-size:11px;line-height:1.5}.validator-help-examples{border-top:1px solid #ffffff14;padding:8px 0}.validator-help-examples-title{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);padding:0 10px 6px;font-size:9px;font-weight:600}.validator-help-example{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:6px 10px;transition:background .15s;display:flex}.validator-help-example:hover{background:#60a5fa1a}.validator-help-example code{color:#4ade80e6;word-break:break-all;background:#0000004d;border-radius:3px;padding:2px 6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:10px}.validator-help-example span{color:var(--text-muted);font-size:9px}
.scenario-definition{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scenario-content{flex-direction:column;flex:1;gap:16px;min-height:0;padding-bottom:80px;padding-right:4px;display:flex;overflow-y:auto}.scenario-content::-webkit-scrollbar{width:4px}.scenario-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.scenario-content::-webkit-scrollbar-thumb:hover{background:#fff3}.scenario-content.hidden{display:none}.scenario-block{flex-direction:column;display:flex}.scenario-block-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.scenario-block-title-row{align-items:center;gap:12px;display:flex}.scenario-block-title{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.scenario-block-title-user{color:#60a5fae6}.scenario-block-title-expected{color:#c084fce6}.scenario-block-actions{align-items:center;gap:4px;display:flex}.scenario-add-expected-btn{color:#c084fccc;cursor:pointer;background-color:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;transition:all .15s;display:flex}.scenario-add-expected-btn:hover{color:#c084fc;background-color:#8b5cf626;border-color:#8b5cf64d}.scenario-maximize-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.scenario-maximize-btn:hover{color:#60a5fae6;background-color:#ffffff0d}.scenario-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.scenario-remove-btn:hover{color:#f87171e6}.scenario-input-container{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;min-height:120px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.scenario-input-container:focus-within{border-color:#60a5fa66}.scenario-input-container.dragging{background-color:#60a5fa0d;border-color:#60a5fa99}.scenario-drag-overlay{z-index:10;background-color:#60a5fa1a;border:2px dashed #60a5fa80;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scenario-drag-overlay span{color:#60a5fae6;background-color:#0009;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600}.scenario-textarea{min-height:80px;color:var(--text-normal);resize:none;background:0 0;border:none;outline:none;flex:1;padding:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px}.scenario-textarea::placeholder{color:var(--text-muted);opacity:.6}.scenario-attachments{flex-wrap:wrap;gap:8px;padding:0 12px 10px;display:flex}.scenario-attachment-chip{color:var(--text-normal);background-color:#0006;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:flex}.scenario-attachment-icon{opacity:.5;color:#60a5facc}.scenario-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.scenario-attachment-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.scenario-attachment-chip:hover .scenario-attachment-remove{opacity:1}.scenario-attachment-remove:hover{color:#f87171e6}.scenario-toolbar{background-color:#00000026;border-top:1px solid #ffffff0f;border-radius:0 0 6px 6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.scenario-toolbar-actions{align-items:center;gap:2px;display:flex}.scenario-toolbar-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.scenario-toolbar-btn:hover{color:#60a5fae6;background-color:#ffffff0d}.scenario-toolbar-btn:nth-child(2):hover{color:#c084fce6}.scenario-toolbar-btn:nth-child(3):hover{color:#ef4444e6}.scenario-toolbar-btn.recording{color:#ef4444;animation:1s infinite pulse}.scenario-recording-indicator{color:#ef4444;align-items:center;gap:6px;margin-left:4px;font-size:10px;font-weight:500;display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scenario-toolbar-hint{color:var(--text-muted);opacity:.5;font-size:9px}.scenario-expected-textarea{min-height:100px;color:var(--text-normal);resize:vertical;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;transition:border-color .15s}.scenario-expected-textarea:focus{border-color:#c084fc66}.scenario-expected-textarea::placeholder{color:var(--text-muted);opacity:.6}
.results-tab{flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:80px;padding-right:4px;display:flex;overflow-y:auto}.results-tab::-webkit-scrollbar{width:4px}.results-tab::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.results-tab::-webkit-scrollbar-thumb:hover{background:#fff3}.results-tab-batch{padding-bottom:0}.results-view-toggle{background-color:#0003;border-radius:4px;flex-shrink:0;gap:4px;margin-bottom:8px;padding:4px;display:flex}.results-view-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.results-view-toggle button:hover{color:var(--text-normal);background-color:#ffffff0d}.results-view-toggle button.active{color:var(--text-normal);background-color:#ffffff1a}.results-status{justify-content:space-between;align-items:center;display:flex}.results-badge{border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;display:flex}.results-badge.passed{color:#4ade80e6;background-color:#4ade801a;border:1px solid #4ade8033}.results-badge.failed{color:#f87171e6;background-color:#f871711a;border:1px solid #f8717133}.results-badge.streaming{color:#60a5fae6;background-color:#60a5fa1a;border:1px solid #60a5fa33}.results-badge.validating{color:#c084fce6;background-color:#c084fc1a;border:1px solid #c084fc33}.results-metrics{align-items:center;gap:12px;display:flex}.results-metric{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.results-output-container{flex-direction:column;flex:1;min-height:100px;display:flex}.results-output-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:9px;font-weight:600}.results-output{color:var(--text-normal);white-space:pre-wrap;word-break:break-word;background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;overflow-y:auto}.results-output-empty,.results-output-placeholder{color:var(--text-muted);opacity:.5;font-style:italic}.results-output.streaming{border-color:#60a5fa4d}.results-cursor{color:#60a5fae6;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.results-validators{flex-direction:column;display:flex}.results-validators-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:9px;font-weight:600}.results-validators-grid{flex-direction:column;gap:4px;display:flex}.results-validator{background-color:#0003;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.results-validator-main{align-items:center;gap:8px;padding:6px 8px;display:flex}.results-validator.passed{border-color:#4ade8033}.results-validator.failed{border-color:#f8717133}.results-validator.failed.has-error{border-color:#f871714d}.results-validator.failed.has-error .results-validator-main:hover{background-color:#f871710d}.results-validator.loading{background-color:#c084fc0d;border-color:#c084fc4d}.results-validator.pending{opacity:.6;border-color:#ffffff1a}.results-validator-icon{flex-shrink:0}.results-validator-icon.passed{color:#4ade80e6}.results-validator-icon.failed{color:#f87171e6}.results-validator-icon.loading{color:#c084fce6}.results-validator-spinner{animation:1s linear infinite spin}.results-validator-type{text-transform:uppercase;color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:600}.results-validator-value{color:var(--text-normal);opacity:.8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.results-validator-expand-indicator{flex-shrink:0;align-items:center;margin-left:auto;padding-left:8px;transition:color .15s;display:flex}.results-validator-expand-indicator.failed{color:#f87171b3}.results-validator-expand-indicator.passed{color:#4ade80b3}.results-validator-main:hover .results-validator-expand-indicator{opacity:1}.results-validator-reasoning{white-space:pre-wrap;border-top:1px solid #ffffff14;padding:10px 12px}.results-validator-reasoning.failed{background-color:#f8717114;border-top-color:#f8717126}.results-validator-reasoning.passed{background-color:#4ade800d;border-top-color:#4ade8026}.results-validator-reasoning-text{word-break:break-word;font-size:11px;line-height:1.5;display:block}.results-validator-reasoning.failed .results-validator-reasoning-text{color:#f87171e6}.results-validator-reasoning.passed .results-validator-reasoning-text{color:#4ade80e6}.results-validator.has-reasoning .results-validator-main{cursor:pointer}.results-validator.has-reasoning .results-validator-main:hover{background-color:#ffffff08}.results-validator-icon.pending{color:#fff6}.results-badge.neutral{color:var(--text-muted);background-color:#ffffff0d;border:1px solid #ffffff1a}.results-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.results-empty-icon{opacity:.3;color:#4ade8080}.results-empty span{font-size:11px}.results-empty-hint{opacity:.6;font-size:10px}.results-loading{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.results-spinner{color:#60a5facc;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-loading span{font-size:11px}.results-error{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.results-error-icon{color:#f87171cc}.results-error-title{color:#f87171e6;font-size:12px;font-weight:600}.results-error-message{text-align:center;opacity:.8;max-width:80%;font-size:10px}
.results-panel{background:var(--color-secondary);z-index:100;border-top:1px solid #ffffff26;border-left:1px solid #ffffff1a;flex-direction:column;width:500px;height:0;max-height:60vh;transition:transform .3s,height .3s;display:flex;position:fixed;bottom:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000004d}.results-panel.open{height:300px;transform:translateY(0)}.results-panel-header{background-color:#0003;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.results-panel-title{text-transform:uppercase;letter-spacing:.5px;color:#4ade80e6;font-size:11px;font-weight:600}.results-panel-actions{align-items:center;gap:4px;display:flex}.results-panel-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.results-panel-btn:hover{color:var(--text-normal);background-color:#ffffff1a}.results-panel-save-btn{color:#4ade80e6;cursor:pointer;background-color:#4ade8026;border:1px solid #4ade804d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.results-panel-save-btn:hover:not(:disabled){background-color:#4ade8040;border-color:#4ade8080}.results-panel-save-btn:disabled{opacity:.4;cursor:not-allowed}.results-panel-content{flex:1;padding:12px;overflow:hidden auto}.results-panel-content::-webkit-scrollbar{width:4px}.results-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}
.test-list-header{border-bottom:1px solid var(--color-border);background:var(--color-secondary);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.test-list-title{color:var(--text-normal);font-size:13px;font-weight:600}.test-list-actions{align-items:center;gap:6px;display:flex}.test-action-btn{border:1px solid var(--color-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.test-action-btn:hover:not(:disabled){background:var(--color-hover);color:var(--text-normal)}.test-action-btn:disabled{opacity:.5;cursor:not-allowed}.test-action-btn.new-test{color:var(--color-primary);border-color:var(--color-primary)}.test-action-btn.new-test:hover:not(:disabled){background:#4169e11a}.test-action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.test-action-btn.primary:hover:not(:disabled){background:var(--color-primary-hover)}
.test-list-controls{background:var(--color-background);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:6px 12px;display:flex}.test-select-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px;transition:all .15s}.test-select-btn:hover{background:var(--color-hover);color:var(--text-normal)}.test-list-filters{align-items:center;gap:8px;margin-left:auto;display:flex}.test-list-filters input{border:1px solid var(--color-border);background:var(--color-secondary);color:var(--text-normal);border-radius:4px;padding:4px 8px;font-size:11px}.test-list-filters input::placeholder{color:var(--text-muted)}
.test-progress{background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.test-progress-bar{background:var(--color-secondary);border-radius:2px;width:100%;height:4px;overflow:hidden}.test-progress-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s}.test-progress-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}
.test-list-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.test-list-item:hover{background:var(--color-hover)}.test-list-item.selected{background:var(--color-active)}.test-list-item.disabled{opacity:.5}.test-list-item.running{background:rgba(var(--color-primary-rgb,65,105,225),.1)}.test-list-item.grouped{padding-left:24px}.test-list-checkbox{cursor:pointer;flex-shrink:0;width:14px;height:14px}.test-list-checkbox:disabled{cursor:not-allowed}.test-list-status{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.test-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.test-list-name{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.test-list-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.test-list-result{color:var(--text-muted);font-size:11px}.test-list-result.passed{color:var(--color-green)}.test-list-result.failed{color:var(--color-red)}.test-list-result.error{color:var(--color-yellow)}.test-list-result.clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.test-list-result.clickable:hover{text-decoration-style:solid}.test-list-metrics{flex-shrink:0;align-items:center;gap:8px;display:flex}.test-list-tokens,.test-list-cost,.test-list-judge-cost,.test-list-latency{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.test-list-cost{color:var(--color-green)}.test-list-judge-cost{color:var(--color-purple)}.test-list-latency{color:var(--color-cyan)}.test-list-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.test-list-item:hover .test-list-item-actions{opacity:1}.test-list-action-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.test-list-action-btn:hover{background:var(--color-secondary);color:var(--text-normal)}.test-list-action-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}
.test-list-summary{border-top:1px solid var(--color-border);background:var(--color-background);padding:10px 12px}.summary-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.summary-row-main{margin-bottom:6px}.summary-row-main:last-child{margin-bottom:0}.summary-row-stats{font-size:11px}.summary-test-count{color:var(--text-muted);font-size:12px;font-weight:500}.pass-rate{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.pass-rate.good{color:var(--color-green);background:#50fa7b1a}.pass-rate.moderate{color:var(--color-yellow);background:#f1fa8c1a}.pass-rate.poor{color:var(--color-red);background:#ff55551a}.summary-export{align-items:center;gap:6px;margin-left:auto;display:flex}.export-btn{border:1px solid var(--color-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;transition:all .15s;display:flex}.export-btn:hover{background:var(--color-hover);color:var(--text-normal)}.summary-stat{flex-direction:column;gap:1px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-normal)}.stat-range{color:var(--text-muted);margin-left:4px;font-size:10px}.stat-extra{color:var(--color-purple);margin-left:4px}
.result-detail-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-detail-dialog{background:var(--color-secondary);border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 4px 20px #0000004d}.result-detail-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.result-detail-header h4{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.result-detail-header-actions{align-items:center;gap:8px;display:flex}.result-detail-copy-all,.result-detail-rerun{border:1px solid var(--color-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .15s;display:flex}.result-detail-copy-all:hover,.result-detail-rerun:hover{background:var(--color-hover);color:var(--text-normal)}.result-detail-rerun:disabled{opacity:.5;cursor:not-allowed}.result-detail-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.result-detail-close:hover{background:var(--color-hover);color:var(--text-normal)}.result-detail-content{flex:1;padding:16px;overflow-y:auto}.result-detail-section{margin-bottom:16px}.result-detail-section:last-child{margin-bottom:0}.result-detail-section>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.result-detail-section>span{color:var(--text-normal);font-size:13px}.section-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.section-header label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.copy-btn{border:1px solid var(--color-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:flex}.copy-btn:hover{background:var(--color-hover);color:var(--text-normal)}.result-metrics-row{flex-wrap:wrap;gap:12px;display:flex}.metric-item{color:var(--text-normal);font-size:12px}.metric-label{color:var(--text-muted)}.result-detail-message,.result-detail-input,.result-detail-output{font-family:var(--font-mono);background:var(--color-background);white-space:pre-wrap;word-break:break-word;border-radius:4px;max-height:200px;margin:0;padding:10px;font-size:12px;overflow-y:auto}.result-detail-message.error{color:var(--color-red);border-left:3px solid var(--color-red)}.validator-results-list{flex-direction:column;gap:8px;display:flex}.validator-result-item{background:var(--color-background);border-left:3px solid var(--color-border);border-radius:4px;padding:10px}.validator-result-item.passed{border-left-color:var(--color-green)}.validator-result-item.failed{border-left-color:var(--color-red)}.validator-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.validator-status{font-weight:600}.validator-result-item.passed .validator-status{color:var(--color-green)}.validator-result-item.failed .validator-status{color:var(--color-red)}.validator-type{color:var(--text-normal);font-size:12px;font-weight:600}.validator-value{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.validator-criteria{color:var(--text-muted);margin-bottom:4px;font-size:12px}.criteria-label{font-weight:500}.validator-reasoning{font-family:var(--font-mono);background:var(--color-secondary);white-space:pre-wrap;word-break:break-word;color:var(--text-muted);border-radius:3px;margin:6px 0 0;padding:8px;font-size:11px}.validator-error{color:var(--color-red);margin-top:4px;font-size:11px;display:block}.history-toggle{border:1px solid var(--color-border);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;display:flex}.history-toggle:hover{background:var(--color-hover);color:var(--text-normal)}.history-toggle svg{transition:transform .2s}.history-toggle svg.rotated{transform:rotate(180deg)}.test-history-list{background:var(--color-background);border-radius:4px;margin-top:8px;padding:12px}.history-empty{color:var(--text-muted);text-align:center;font-size:12px;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}
.confirm-dialog-overlay{z-index:1001;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-secondary);border-radius:8px;min-width:280px;max-width:400px;padding:20px;box-shadow:0 4px 20px #0000004d}.confirm-dialog h4{color:var(--text-normal);margin:0 0 8px;font-size:14px;font-weight:600}.confirm-dialog p{color:var(--text-muted);margin:0 0 16px;font-size:13px}.confirm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-dialog-actions button{cursor:pointer;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.confirm-dialog-actions button:first-child{border:1px solid var(--color-border);color:var(--text-muted);background:0 0}.confirm-dialog-actions button:first-child:hover{background:var(--color-hover);color:var(--text-normal)}.confirm-dialog-actions button.primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.confirm-dialog-actions button.primary:hover{background:var(--color-primary-hover)}.confirm-dialog-actions button.danger{background:var(--color-red);border:1px solid var(--color-red);color:#fff}.confirm-dialog-actions button.danger:hover{opacity:.9}
.context-menu-overlay{z-index:999;position:fixed;inset:0}.context-menu{z-index:1000;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;min-width:140px;padding:4px;position:fixed;box-shadow:0 4px 12px #0003}.context-menu-item{text-align:left;width:100%;color:var(--text-normal);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.context-menu-item:hover:not(:disabled){background:var(--color-hover)}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-item.danger{color:var(--color-red)}.context-menu-item.danger:hover:not(:disabled){background:#ff55551a}.context-menu-icon{width:16px;color:inherit;justify-content:center;align-items:center;display:flex}.context-menu-divider{background:var(--color-border);height:1px;margin:4px 0}
.test-list-screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.test-list-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.test-list-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.test-list-actions{align-items:center;gap:8px;display:flex}.test-action-btn{color:var(--text-muted);cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.test-action-btn:hover:not(:disabled){color:var(--text-normal);background-color:#ffffff1a;border-color:#ffffff26}.test-action-btn:disabled{opacity:.4;cursor:not-allowed}.test-action-btn.new-test{color:var(--color-primary);background-color:#4169e11a;border-color:#4169e133}.test-action-btn.new-test:hover:not(:disabled){background-color:#4169e133;border-color:#4169e14d}.test-action-btn.primary{color:#4ade80e6;background-color:#4ade801a;border-color:#4ade8033}.test-action-btn.primary:hover:not(:disabled){background-color:#4ade8033;border-color:#4ade804d}.test-list-controls{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;padding:8px 20px;display:flex}.test-select-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:10px;transition:all .15s}.test-select-btn:hover{color:var(--text-normal);background-color:#ffffff0d}.test-progress{border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:12px 20px}.test-progress-bar{background-color:#ffffff1a;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.test-progress-fill{background-color:var(--color-primary);height:100%;transition:width .3s}.test-progress-text{color:var(--text-muted);font-size:10px}.test-list-content{flex-direction:column;flex:1;min-height:0;padding:8px 12px;display:flex;overflow-y:auto}.test-list-content::-webkit-scrollbar{width:4px}.test-list-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.test-list-item{cursor:pointer;border-left:2px solid #0000;border-radius:3px;align-items:center;gap:8px;padding:6px 10px;transition:background-color .15s;display:flex}.test-list-item:hover{background-color:#ffffff0d}.test-list-item.selected{background-color:#ffffff08}.test-list-item.disabled{opacity:.5}.test-list-item.running{border-left-color:var(--color-primary);background-color:#60a5fa0d}.test-list-checkbox{cursor:pointer;flex-shrink:0;width:14px;height:14px}.test-list-status{flex-shrink:0;align-items:center;display:flex}.test-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.test-list-name{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.test-list-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.test-list-result{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.test-list-result.passed{color:var(--color-green)}.test-list-result.failed{color:var(--color-red)}.test-list-result.error{color:var(--color-yellow)}.test-list-latency{color:var(--text-muted);flex-shrink:0;font-family:monospace;font-size:10px}.test-list-metrics{flex-shrink:0;align-items:center;gap:8px;display:flex}.test-list-tokens{color:var(--text-muted);opacity:.8;font-family:monospace;font-size:9px}.test-list-cost{color:var(--color-cyan);opacity:.9;font-family:monospace;font-size:9px}.test-list-judge-cost{color:var(--color-purple);opacity:.9;font-family:monospace;font-size:9px}.test-list-item-actions{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.test-list-item:hover .test-list-item-actions{opacity:1}.test-list-action-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.test-list-action-btn:hover:not(:disabled){color:var(--text-normal);background-color:#ffffff1a}.test-list-action-btn:disabled{opacity:.3;cursor:not-allowed}.test-list-summary{color:var(--text-muted);background-color:#00000026;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;font-size:11px;display:flex}.summary-row{align-items:center;gap:12px;display:flex}.summary-row-main{justify-content:space-between}.summary-row-stats{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:16px;padding-top:4px}.test-list-summary .pass-rate{font-weight:600}.test-list-summary .pass-rate.good{color:var(--color-green)}.test-list-summary .pass-rate.moderate{color:var(--color-yellow)}.test-list-summary .pass-rate.poor{color:var(--color-red)}.summary-test-count{flex-shrink:0;font-weight:500}.summary-stat{align-items:center;gap:6px;font-family:monospace;font-size:10px;display:flex}.stat-label{color:var(--text-muted);opacity:.7;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.stat-value{color:var(--text-normal);align-items:center;gap:4px;display:flex}.stat-range{color:var(--text-muted);opacity:.6;font-size:9px}.stat-extra{color:var(--color-purple);opacity:.8}.test-list-empty,.test-list-loading,.test-list-error{min-height:120px;color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.test-list-empty .hint{opacity:.7;font-size:11px}.test-list-loading{color:var(--color-primary)}.test-list-error{color:var(--color-red)}.context-menu-overlay{z-index:999;position:fixed;inset:0}.test-context-menu{z-index:1000;background-color:var(--color-secondary);border:1px solid #ffffff1a;border-radius:6px;min-width:140px;padding:4px;position:fixed;box-shadow:0 4px 12px #0000004d}.test-context-menu button{width:100%;color:var(--text-normal);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;transition:background-color .15s;display:flex}.test-context-menu button:hover:not(:disabled){background-color:#ffffff1a}.test-context-menu button:disabled{opacity:.4;cursor:not-allowed}.test-context-menu button.danger{color:var(--color-red)}.test-context-menu button.danger:hover{background-color:#f871711a}.context-menu-divider{background-color:#ffffff1a;height:1px;margin:4px 0}.delete-confirm-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-confirm-dialog{background-color:var(--color-secondary);text-align:center;border:1px solid #ffffff1a;border-radius:8px;width:300px;padding:20px}.delete-confirm-dialog h4{color:var(--text-normal);margin:0 0 8px;font-size:14px;font-weight:600}.delete-confirm-dialog p{color:var(--text-muted);margin:0 0 16px;font-size:12px}.delete-confirm-actions{justify-content:center;gap:8px;display:flex}.delete-confirm-actions button{cursor:pointer;border-radius:4px;padding:8px 16px;font-size:12px;transition:all .15s}.delete-confirm-actions button:first-child{color:var(--text-muted);background:0 0;border:1px solid #ffffff26}.delete-confirm-actions button:first-child:hover{background-color:#ffffff0d}.delete-confirm-actions button.danger{color:#fff;background-color:var(--color-red);border:none}.delete-confirm-actions button.danger:hover{background-color:#f87171e6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.test-list-result.clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.test-list-result.clickable:hover{text-decoration-style:solid}.result-detail-overlay{z-index:1001;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-detail-dialog{background-color:var(--color-secondary);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:90%;max-width:650px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.result-detail-header{background-color:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.result-detail-header h4{color:var(--text-normal);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.result-detail-header h4 svg{flex-shrink:0}.result-detail-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.result-detail-close:hover{color:var(--text-normal);background-color:#ffffff1a}.result-detail-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.result-detail-content::-webkit-scrollbar{width:4px}.result-detail-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.result-detail-section{flex-direction:column;gap:6px;display:flex}.result-detail-section label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.result-detail-section>span{color:var(--text-normal);font-size:12px}.result-detail-message,.result-detail-output,.result-detail-input{color:var(--text-normal);white-space:pre-wrap;word-break:break-word;background-color:#0000004d;border:1px solid #ffffff14;border-radius:4px;max-height:200px;margin:0;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;overflow-y:auto}.result-detail-input{max-height:150px}.result-detail-message.error{color:var(--color-red);border-color:#f871714d}.result-detail-message::-webkit-scrollbar{width:4px}.result-detail-output::-webkit-scrollbar{width:4px}.result-detail-input::-webkit-scrollbar{width:4px}.result-detail-message::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.result-detail-output::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.result-detail-input::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.result-metrics-row{color:var(--text-normal);flex-wrap:wrap;gap:16px;font-family:monospace;font-size:12px;display:flex}.metric-item{gap:4px;display:flex}.metric-label{color:var(--text-muted)}.validator-results-list{flex-direction:column;gap:8px;display:flex}.validator-result-item{background-color:#0003;border-left:3px solid;border-radius:4px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.validator-result-item.passed{border-left-color:var(--color-green)}.validator-result-item.failed{border-left-color:var(--color-red)}.validator-header{align-items:center;gap:8px;display:flex}.validator-status{font-size:14px;font-weight:600}.validator-result-item.passed .validator-status{color:var(--color-green)}.validator-result-item.failed .validator-status{color:var(--color-red)}.validator-type{color:var(--text-normal);font-size:11px;font-weight:500}.validator-value{color:var(--color-cyan);text-overflow:ellipsis;white-space:nowrap;background:#0003;border-radius:3px;max-width:300px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;overflow:hidden}.validator-criteria{color:var(--text-muted);border-left:2px solid var(--color-purple);background:#00000026;border-radius:3px;margin-top:4px;padding:6px 8px;font-size:10px}.criteria-label{color:var(--color-purple);font-weight:500}.validator-reasoning{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;background:#0003;border-radius:3px;max-height:120px;margin:4px 0 0;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;overflow-y:auto}.validator-reasoning::-webkit-scrollbar{width:4px}.validator-reasoning::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.validator-error{color:var(--color-red);margin-top:4px;font-size:10px}.result-detail-header-actions{align-items:center;gap:8px;display:flex}.copy-btn,.result-detail-copy-all{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;transition:all .15s;display:flex}.copy-btn:hover,.result-detail-copy-all:hover{color:var(--text-normal);background:#ffffff1a;border-color:#ffffff26}.result-detail-rerun{color:var(--color-green);cursor:pointer;background:#4ade801a;border:1px solid #4ade8033;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;transition:all .15s;display:flex}.result-detail-rerun:hover:not(:disabled){background:#4ade8033;border-color:#4ade804d}.result-detail-rerun:disabled{opacity:.5;cursor:not-allowed}.section-header{justify-content:space-between;align-items:center;display:flex}.summary-export{gap:6px;margin-left:auto;padding-left:12px;display:flex}.export-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;transition:all .15s;display:flex}.export-btn:hover{color:var(--text-normal);background:#ffffff0d;border-color:#fff3}.history-toggle{color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.history-toggle:hover{background:#ffffff14;border-color:#ffffff1f}.history-toggle svg{transition:transform .2s}.history-toggle svg.rotated{transform:rotate(180deg)}.test-history-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.history-item{background:#00000026;border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.history-item.passed{border-left-color:var(--color-green)}.history-item.failed{border-left-color:var(--color-red)}.history-item .history-status{font-weight:600}.history-item.passed .history-status{color:var(--color-green)}.history-item.failed .history-status{color:var(--color-red)}.history-date{color:var(--text-muted);flex:1}.history-latency{color:var(--text-muted);font-family:monospace}.history-empty,.history-loading{color:var(--text-muted);background:#0000001a;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:10px;display:flex}
.lab-panel{background-color:var(--color-secondary);border-left:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:500px;min-height:0;display:flex;overflow:hidden}.lab-editor-screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lab-nav-bar{background-color:#00000026;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.lab-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.lab-back-btn:hover{color:var(--text-normal);background-color:#ffffff0d;border-color:#ffffff26}.lab-nav-title{color:var(--text-normal);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.lab-nav-name-input{min-width:0;color:var(--text-normal);background:0 0;border:1px solid #0000;border-radius:3px;flex:1;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s}.lab-nav-name-input:hover{background-color:#0000001a;border-color:#ffffff1a}.lab-nav-name-input:focus{background-color:#0003;border-color:#4ade8066;outline:none}.lab-nav-name-input::placeholder{color:var(--text-muted);font-style:italic}.lab-nav-save-btn{color:#4ade80e6;cursor:pointer;white-space:nowrap;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.lab-nav-save-btn:hover:not(:disabled){background-color:#4ade8033;border-color:#4ade804d}.lab-nav-save-btn:disabled{opacity:.5;cursor:not-allowed}.lab-panel-content{flex:1;min-height:0;overflow:hidden auto}.lab-panel-content::-webkit-scrollbar{width:4px}.lab-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lab-tools-section{border-top:1px solid #ffffff14}.lab-tools-section .lab-section-icon{color:#fb923ccc}.lab-add-tool-btn{color:#fb923ccc!important}.lab-add-tool-btn:hover{background-color:#fb923c1a!important}.lab-tools-list{flex-direction:column;gap:8px;display:flex}.lab-tool-card{background-color:#00000026;border:1px solid #ffffff14;border-radius:4px;padding:8px}.lab-tool-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lab-tool-name-row{flex:1;align-items:center;gap:6px;display:flex}.lab-tool-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.lab-tool-name-input{color:var(--text-normal);background:0 0;border:none;border-bottom:1px solid #ffffff1a;flex:1;padding:2px 4px;font-family:monospace;font-size:11px}.lab-tool-name-input:focus{border-bottom-color:#fb923c80;outline:none}.lab-tool-remove-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.lab-tool-remove-btn:hover{color:var(--color-red);background-color:#f871711a}.lab-tool-body{flex-direction:column;gap:4px;display:flex}.lab-tool-return-header{justify-content:space-between;align-items:center;display:flex}.lab-tool-expand-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.lab-tool-expand-btn:hover{color:var(--text-normal);background-color:#ffffff1a}.lab-tool-textarea{width:100%;color:var(--text-normal);resize:none;background-color:#0003;border:1px solid #ffffff1a;border-radius:3px;padding:6px;font-family:monospace;font-size:10px}.lab-tool-textarea:focus{border-color:#fb923c66;outline:none}.lab-tool-textarea.invalid{border-color:#f8717180}.lab-panel-placeholder{justify-content:center;align-items:center;gap:var(--size-4-2);height:100%;color:var(--text-muted);flex-direction:column;font-size:11px;display:flex}
.playground-panel{background-color:var(--color-secondary);border-left:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:500px;min-height:0;display:flex;overflow:hidden}.playground-content{flex:1;min-height:0;overflow:hidden auto}.playground-content::-webkit-scrollbar{width:4px}.playground-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.playground-input-section{padding:0 12px}.playground-save-section{margin-top:8px;padding:12px}.playground-save-btn{color:#4ade80e6;cursor:pointer;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.playground-save-btn:hover:not(:disabled){background-color:#4ade8033;border-color:#4ade804d}.playground-save-btn:disabled{opacity:.4;cursor:not-allowed}.playground-save-modal-backdrop{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.playground-save-modal{background:var(--color-background);border:1px solid #ffffff1f;border-radius:12px;width:100%;max-width:400px;overflow:hidden}.playground-save-modal-header{border-bottom:1px solid #ffffff1a;padding:16px 20px}.playground-save-modal-header h3{color:var(--text-normal);margin:0;font-size:15px;font-weight:600}.playground-save-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.playground-save-field{flex-direction:column;gap:6px;display:flex}.playground-save-field label{color:var(--text-normal);font-size:12px;font-weight:600}.playground-save-field input{background:var(--color-secondary);color:var(--text-normal);border:1px solid #ffffff1f;border-radius:6px;padding:10px 12px;font-size:13px}.playground-save-field input:focus{border-color:var(--color-primary);outline:none}.playground-save-checkbox{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.playground-save-checkbox input{cursor:pointer;width:16px;height:16px}.playground-save-modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.playground-save-modal-footer button{cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.playground-save-cancel-btn{color:var(--text-muted);background:0 0;border:1px solid #ffffff1f}.playground-save-cancel-btn:hover{color:var(--text-normal);background:#ffffff14}.playground-save-submit-btn{color:#4ade80f2;background:#4ade8026;border:1px solid #4ade804d}.playground-save-submit-btn:hover:not(:disabled){background:#4ade8040}.playground-save-submit-btn:disabled{opacity:.5;cursor:not-allowed}.playground-save-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:12px;margin-bottom:8px;font-size:10px;font-weight:600}.playground-save-model-row{margin-bottom:8px}.playground-save-row{align-items:center;gap:16px;display:flex}.playground-save-field-inline{flex:1;align-items:center;gap:8px;display:flex}.playground-save-field-inline label{color:var(--text-muted);min-width:40px;font-size:11px}.playground-save-select-wrapper{flex:1;position:relative}.playground-save-select{appearance:none;background:var(--color-secondary);width:100%;color:var(--text-normal);cursor:pointer;border:1px solid #ffffff1f;border-radius:6px;padding:8px 28px 8px 10px;font-size:12px}.playground-save-select:focus{border-color:var(--color-primary);outline:none}.playground-save-select-chevron{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.playground-save-select-small{flex:none;min-width:90px}.playground-save-input-small{background:var(--color-secondary);width:60px;color:var(--text-normal);border:1px solid #ffffff1f;border-radius:6px;padding:8px 10px;font-size:12px}.playground-save-input-small:focus{border-color:var(--color-primary);outline:none}
.outline-panel{background:var(--color-secondary);border-left:1px solid #ffffff1a;flex-direction:column;width:300px;height:100%;display:flex;overflow:hidden}.outline-panel-header{padding:var(--size-4-3)var(--size-4-4);background:var(--color-background);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.outline-panel-title{color:var(--color-foreground);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.outline-count{color:var(--color-muted);background:#ffffff0d;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:500}.outline-panel-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.outline-panel-close:hover{color:var(--color-foreground);background:#ffffff1a}.outline-panel-content{padding:var(--size-4-2);flex:1;overflow:hidden auto}.outline-panel-content::-webkit-scrollbar{width:8px}.outline-panel-content::-webkit-scrollbar-track{background:0 0}.outline-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.outline-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.outline-empty{justify-content:center;align-items:center;gap:var(--size-4-2);padding:var(--size-4-8)var(--size-4-4);text-align:center;color:var(--color-muted);flex-direction:column;height:100%;display:flex}.outline-empty p{color:var(--color-foreground);opacity:.5;margin:0;font-size:13px;font-weight:500}.outline-empty span{max-width:200px;font-size:11px;line-height:1.5}.outline-list{flex-direction:column;gap:1px;display:flex}.outline-item{cursor:pointer;text-align:left;color:var(--color-foreground);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.outline-item:hover{background:#ffffff0d}.outline-item:active{background:#ffffff14}.outline-item.indent-1{padding-left:8px}.outline-item.indent-2{padding-left:16px}.outline-item.indent-3{padding-left:24px}.outline-item.indent-4{padding-left:32px}.outline-item.indent-5{padding-left:40px}.outline-item.indent-6{padding-left:48px}.outline-item-icon{flex-shrink:0}.outline-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.outline-item.heading .outline-item-text{font-weight:500}.outline-item.injection .outline-item-text,.outline-item.variable .outline-item-text{font-family:Menlo,Monaco,monospace;font-size:11px}.outline-item-line{color:var(--color-muted);flex-shrink:0;font-family:Menlo,Monaco,monospace;font-size:10px}@media (max-width:768px){.outline-panel{z-index:1000;width:280px;position:fixed;top:0;bottom:0;right:0;box-shadow:-2px 0 8px #0000004d}}