.perf-compare-wrapper{display:flex;flex-direction:column;min-height:500px;border:1px solid var(--sl-color-gray-5);border-radius:6px;overflow:hidden}.perf-compare-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--sl-color-gray-6);border-bottom:1px solid var(--sl-color-gray-5);font-size:13px;flex-wrap:wrap;gap:8px}.perf-compare-bar-left,.perf-compare-bar-right{display:flex;align-items:center;gap:12px}.perf-compare-btn{background:var(--sl-color-accent);color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.perf-compare-btn:hover{opacity:.9}.perf-compare-btn:disabled{opacity:.5;cursor:not-allowed}#compare-status{font-size:13px;color:var(--sl-color-gray-2)}.perf-compare-progress{height:3px;background:var(--sl-color-gray-5);overflow:hidden}.perf-compare-progress-fill{height:100%;width:0;background:var(--sl-color-accent);transition:width .3s}.perf-compare-config{border-bottom:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6)}.perf-compare-config summary{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--sl-color-gray-2);user-select:none}.perf-compare-config summary:hover{color:var(--sl-color-white)}.perf-compare-config-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 12px}.perf-compare-config-panel{background:var(--sl-color-gray-7, #111);border-radius:4px;padding:10px;overflow-x:auto}.perf-compare-config-panel h4{margin:0 0 8px;font-size:13px;color:var(--sl-color-white, #e5e5e5)}.perf-compare-config-panel pre{margin:0;font-size:11px;line-height:1.5;white-space:pre-wrap;color:var(--sl-color-gray-2)}.perf-compare-grid-area{height:300px;padding:8px;overflow:hidden}.perf-compare-results{border-top:1px solid var(--sl-color-gray-5);padding:12px 16px;font-size:14px;line-height:1.5;max-height:70vh;overflow-y:auto}.perf-compare-results p{margin:0 0 8px}.perf-legend{display:flex;align-items:center;gap:16px;margin-bottom:8px;font-size:12px;color:var(--sl-color-gray-2);flex-wrap:wrap}.perf-legend-item{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--sl-color-white, #e5e5e5)}.perf-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:2px}.perf-legend-hint{font-size:11px;color:var(--sl-color-gray-3, #999);margin-left:auto}.perf-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:700px){.perf-card-grid{grid-template-columns:1fr}}.perf-card{background:var(--sl-color-gray-6, #1e1e1e);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:0}.perf-card-title{font-size:12px;font-weight:600;color:var(--sl-color-white, #e5e5e5);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.perf-card-subtitle{font-size:11px;font-weight:500;flex-shrink:0}.perf-row{display:flex;align-items:center;gap:8px;padding:3px 0}.perf-row+.perf-row{border-top:1px solid var(--sl-color-gray-5, #333)}.perf-row-label{font-family:monospace;font-size:11px;font-weight:600;color:var(--sl-color-white, #e5e5e5);min-width:28px;text-align:right}.perf-row-bars{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}.perf-bar-row{display:flex;align-items:center;gap:4px;height:16px}.perf-bar-name{font-size:9px;font-weight:700;font-family:monospace;min-width:22px;text-align:right}.perf-bar-track{flex:1;height:14px;background:var(--sl-color-gray-7, #111);border-radius:2px;overflow:hidden}.perf-bar-row-top .perf-bar-track{border-radius:2px 2px 0 0}.perf-bar-row-bottom .perf-bar-track{border-radius:0 0 2px 2px}.perf-bar-fill{height:100%;border-radius:inherit;transition:width .3s}.perf-bar-value{font-family:monospace;font-size:11px;min-width:80px;text-align:right;white-space:nowrap}.perf-delta{font-size:10px;font-weight:700;background:#4ade8026;color:#4ade80;padding:1px 5px;border-radius:8px;margin-left:2px}.perf-row-tbw-wins{background:#38bdf80f;border-radius:4px}.perf-row-ag-wins{background:#fb923c0f;border-radius:4px}.perf-summary{margin-top:10px;padding:12px;background:var(--sl-color-gray-6, #1e1e1e);border-radius:6px;text-align:center;color:var(--sl-color-white, #e5e5e5);font-size:14px}