.wordcloud-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wordcloud-modal{background:rgba(16,16,16,.95);border-radius:8px;border:1px solid #333;max-width:600px;max-height:80vh;width:90vw;display:flex;flex-direction:column;overflow:hidden}.wordcloud-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333;background:rgba(255,255,255,.02)}.wordcloud-modal-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.wordcloud-modal-close{background:none;border:none;color:#9b9b9b;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.wordcloud-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.wordcloud-modal-content{padding:20px;overflow-y:auto;flex:1}.wordcloud-details{display:flex;flex-direction:column;gap:20px}.wordcloud-summary{padding:12px;background:rgba(255,255,255,.02);border-radius:6px;border-left:3px solid #4A90E2}.wordcloud-summary p{color:#fff;margin:4px 0;font-size:14px}.wordcloud-summary strong{color:#7ed321;font-weight:600}.wordcloud-entries{display:flex;flex-direction:column;gap:8px}.wordcloud-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,255,255,.02);border-radius:4px;border-left:2px solid transparent;transition:all .2s}.wordcloud-entry:hover{background:rgba(255,255,255,.05);border-left-color:#4a90e2}.wordcloud-entry-word{color:#fff;font-size:14px;font-weight:500;flex:1}.wordcloud-entry-count{color:#7ed321;font-size:14px;font-weight:600;background:rgba(126,211,33,.1);padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.wordcloud-no-data{text-align:center;color:#9b9b9b;font-size:14px;padding:40px}.wordcloud-modal-content::-webkit-scrollbar{width:6px}.wordcloud-modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.wordcloud-modal-content::-webkit-scrollbar-thumb{background:#4A90E2;border-radius:3px}.wordcloud-modal-content::-webkit-scrollbar-thumb:hover{background:#5ba0f2}@media (max-width: 768px){.wordcloud-modal{width:95vw;max-height:85vh}.wordcloud-modal-header,.wordcloud-modal-content{padding:15px}.wordcloud-entry{padding:6px 10px}.wordcloud-entry-word,.wordcloud-entry-count{font-size:13px}}.chart-container{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:.5rem;transition:all .2s ease}.chart-container:hover{border-color:var(--accent);transform:translateY(-1px)}.wordcloud-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e233;border-color:#4a90e2}.chart-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-align:center;text-transform:capitalize;display:flex;align-items:center;justify-content:center}.chart-click-hint{opacity:.7;transition:opacity .2s}.wordcloud-container:hover .chart-click-hint{opacity:1}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic;font-size:.8rem}.chart-container canvas{max-width:100%!important;max-height:100%!important}.chart-container .chartjs-tooltip{background:rgba(0,0,0,.8)!important;color:#fff!important}@media (max-width: 768px){.chart-container{margin:.25rem;padding:.75rem}.chart-title{font-size:.8rem}}.lightbox-analysis{width:100%;padding:0 20px 20px;background:rgba(16,16,16,.95);border-radius:8px}.lightbox-analysis h3{color:#fff;margin:0 0 15px;font-size:16px;font-weight:600;border-bottom:1px solid #333;padding-bottom:8px}.analysis-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.analysis-section{margin-bottom:30px}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{color:#4a90e2;margin:0 0 12px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cultural-flags{margin-top:25px}.cultural-flag-section{margin-bottom:20px;padding:12px;background:rgba(255,255,255,.02);border-radius:6px;border-left:3px solid #4A90E2}.cultural-flag-section h5{color:#7ed321;margin:0 0 8px;font-size:13px;font-weight:600}.cultural-flag-field{margin-bottom:8px}.cultural-flag-field:last-child{margin-bottom:0}.cultural-flag-label{color:#9b9b9b;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.cultural-flag-value{color:#fff;font-size:12px;line-height:1.4}.analysis-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#9b9b9b;font-size:14px}.analysis-error{padding:15px;background:rgba(208,2,27,.1);border:1px solid rgba(208,2,27,.3);border-radius:6px;color:#ff6b6b;font-size:13px;margin-bottom:15px}@media (max-width: 768px){.lightbox-analysis{padding:0 15px 15px}.analysis-charts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.cultural-flag-section{padding:10px}}.lightbox-analysis::-webkit-scrollbar{width:6px}.lightbox-analysis::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.lightbox-analysis::-webkit-scrollbar-thumb{background:#4A90E2;border-radius:3px}.lightbox-analysis::-webkit-scrollbar-thumb:hover{background:#5ba0f2}.analysis-controls{background:rgba(26,26,26,.92);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;box-shadow:0 4px 20px #0000004d;opacity:1;transform:translateY(0);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px}.analysis-controls.visible{opacity:1;transform:translateY(0)}.view-by-selector{display:flex;align-items:center;gap:.75rem}.view-by-selector label{margin:0;font-weight:500;color:var(--text-secondary);font-size:.9rem}.view-by-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.view-by-button{background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;position:relative}.view-by-button:hover{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}.view-by-button.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px #4a90e24d}.view-by-button.selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.chart-size-control{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.chart-size-control label{display:flex;align-items:center;gap:.5rem;margin:0}.size-slider{width:120px;height:4px;background:var(--border);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer}.size-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.experiment-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.65rem 2rem;margin-bottom:0}.experiment-title-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;margin-bottom:.4rem}.title-with-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:1}#experiment-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.info-icon{font-size:1rem;color:var(--text-secondary);cursor:help;opacity:.6;transition:opacity .2s;flex-shrink:0}.info-icon:hover{opacity:1;color:var(--accent)}.experiment-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;flex-shrink:0}.stat-item.analysis-indicator{background:rgba(74,144,226,.1);color:var(--accent);font-weight:600;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(74,144,226,.3)}.stat-item.cfg-info{background:rgba(168,85,247,.1);color:#a855f7;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(168,85,247,.3);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.base-prompt{font-size:.9rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;cursor:help;flex-shrink:0;position:relative;margin:0}.base-prompt:hover{white-space:normal}.prompt-schedule-display{margin-top:.5rem;padding:.75rem;background:rgba(74,144,226,.05);border:1px solid rgba(74,144,226,.2);border-radius:.375rem}.prompt-schedule-header{font-size:.85rem;color:var(--accent);margin-bottom:.5rem;font-weight:600}.prompt-keyframe{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.prompt-keyframe:last-child{margin-bottom:0}.keyframe-step{font-weight:600;color:var(--accent);min-width:60px;flex-shrink:0}.keyframe-prompt{font-style:italic;flex:1;min-width:200px}.keyframe-arrow{color:var(--text-muted);font-weight:500;margin-left:.5rem;font-size:1.1rem}.stat-item.attention-bending-indicator{font-weight:600;padding:.25rem .5rem;border-radius:.25rem;border:1px solid;font-size:.8rem;cursor:help}.stat-item.attention-bending-indicator.phase-1{background:rgba(255,193,7,.1);color:#f59e0b;border-color:#ffc1074d}.stat-item.attention-bending-indicator.phase-2{background:rgba(236,72,153,.1);color:#ec4899;border-color:#ec48994d}.attention-bending-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:.75rem;background:rgba(236,72,153,.05);border:1px solid rgba(236,72,153,.15);border-radius:.375rem}.bending-config-detail{font-size:.85rem;color:var(--text-secondary);background:rgba(236,72,153,.08);padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid rgba(236,72,153,.2)}.bending-config-detail:hover{background:rgba(236,72,153,.12);border-color:#ec48994d}@media (max-width: 768px){.experiment-header{padding:1rem}#experiment-title{font-size:1rem}.experiment-stats{font-size:.8rem;gap:.5rem;flex-wrap:wrap}.base-prompt{font-size:.85rem}.prompt-schedule-display{padding:.5rem}.prompt-schedule-header{font-size:.8rem}.prompt-keyframe{font-size:.85rem;flex-direction:column;align-items:flex-start}.keyframe-step{min-width:auto}.keyframe-arrow{display:block;margin-left:0;margin-top:.25rem}}.prompt-tooltip{position:fixed;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--text-primary);max-width:400px;box-shadow:0 4px 12px #0000004d;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s;line-height:1.5}.prompt-tooltip.show{opacity:1}.prompt-tooltip strong{color:var(--accent);display:block;margin-bottom:8px}.tab-navigation{border-bottom:2px solid #e5e5e5}.tab-list{display:flex;gap:0;margin:0;padding:6px 0 0 12px}.tab-button{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative}.tab-button:hover:not(.disabled){color:#2563eb;background:#f8fafc}.tab-button.active{color:#d8d8d8;border-bottom-color:#2563eb;background:#505050}.tab-button.disabled{color:#999;cursor:not-allowed;opacity:.6}.tab-button.disabled:hover{color:#999;background:none}.disabled-indicator{font-size:.85rem;font-style:italic;font-weight:400}.tab-button:focus{outline:2px solid #2563eb;outline-offset:-2px}@media (max-width: 768px){.tab-navigation{margin-bottom:1rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.disabled-indicator{display:none}}.analysis-grid{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.analysis-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.section-tabs{display:flex;gap:.5rem}.section-tab{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;text-transform:capitalize}.section-tab:hover{background:var(--bg-primary);border-color:var(--accent)}.section-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.section-toggles{display:flex;align-items:center;gap:1rem}.section-toggles h4{margin:0;color:var(--text-secondary);font-size:.9rem}.section-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.85rem}.section-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.analysis-content{flex:1;overflow-y:auto;overflow-x:auto;padding:1rem}.analysis-section{margin-bottom:2rem}.section-header{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:capitalize;border-bottom:2px solid var(--accent);padding-bottom:.5rem}.analysis-subsection{margin-bottom:1.5rem}.subsection-header{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem;text-transform:capitalize;border-left:3px solid var(--accent);padding-left:.75rem}.metrics-grid{display:flex;flex-direction:column;gap:.5rem}.grid-header{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:.5rem;width:max-content}.metric-label-header{min-width:200px;font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;flex-direction:column;gap:.25rem;text-align:center;border-left:1px solid var(--border)}.metric-label-header:first-of-type{border-left:none}.section-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.metric-label{font-size:.8rem;color:var(--text-secondary)}.prompt-group-header{flex:1;text-align:center;font-weight:500;color:var(--text-secondary);font-size:.85rem;padding:0 .5rem;border-left:1px solid var(--border)}.prompt-group-header:first-of-type{border-left:none}.prompt-group-label{min-width:200px;display:flex;align-items:center;padding:1rem;font-weight:500;color:var(--text-primary);font-size:.85rem;text-transform:capitalize;background:var(--bg-tertiary);border-right:1px solid var(--border)}.view-header{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.prompt-view{margin-bottom:2rem}.metric-row{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);transition:all .2s ease}.metric-row:hover{border-color:var(--accent);background:var(--bg-tertiary)}.metric-label{min-width:200px;display:flex;align-items:center;padding:1rem;font-weight:500;color:var(--text-primary);font-size:.85rem;text-transform:capitalize;background:var(--bg-tertiary);border-right:1px solid var(--border)}.chart-cell{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border-left:1px solid var(--border)}.chart-cell:first-of-type{border-left:none}.no-analysis{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-style:italic}@media (max-width: 1200px){.analysis-controls{flex-direction:column;align-items:flex-start;gap:1rem}.section-toggles{flex-wrap:wrap}}@media (max-width: 768px){.analysis-controls{padding:1rem}.metric-label-header,.metric-label{min-width:150px;font-size:.8rem}.prompt-group-header{font-size:.75rem}}.prompt-group-label{writing-mode:horizontal-tb;text-orientation:mixed;padding:.5rem;font-weight:600;min-width:120px;background:rgba(100,116,139,.3);border:1px solid rgba(148,163,184,.3);display:flex;align-items:center;justify-content:center}.section-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.metric-label-header .section-label{display:block;margin-bottom:.25rem}.metric-label-header .metric-label{font-weight:600;color:#fff}.prompt-view .metrics-grid{display:grid;gap:1px;background:rgba(30,41,59,.5);border:1px solid rgba(148,163,184,.3)}.view-header{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:capitalize;border-bottom:2px solid var(--accent);padding-bottom:.5rem}.analysis-dashboard{padding:0;min-height:400px}.analysis-content{padding:1rem}.analysis-content h3{margin:0 0 2rem;font-size:2rem;font-weight:600;color:#fff}.analysis-section{margin-bottom:3rem}.analysis-section h4{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#2563eb;border-bottom:2px solid #e5e5e5;padding-bottom:.5rem}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card .stat-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#2563eb}.prompt-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.prompt-group-card{background:white;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.prompt-group-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.prompt-group-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1a1a1a;border-bottom:1px solid #e5e5e5;padding-bottom:.5rem}.prompt-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stat-item .stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.stat-item .stat-value{font-size:1rem;font-weight:600;color:#1a1a1a;background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;min-width:40px;text-align:center}.analysis-grid{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.grid-header{display:flex;background:var(--bg-tertiary);border-bottom:2px solid var(--border)}.grid-row:last-child{border-bottom:none}.grid-cell{padding:.75rem;border-right:1px solid var(--border);font-size:.85rem;line-height:1.4}.grid-cell:last-child{border-right:none}.header-cell{font-weight:600;color:var(--text-primary);background:var(--bg-tertiary)}.metric-header{min-width:200px;width:200px;flex-shrink:0}.prompt-header{min-width:180px;width:180px;flex-shrink:0;word-wrap:break-word;overflow-wrap:break-word}.metric-label{min-width:200px;width:200px;flex-shrink:0;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary)}.prompt-label{min-width:180px;width:180px;flex-shrink:0;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);word-wrap:break-word;overflow-wrap:break-word}.data-cell{min-width:180px;width:180px;flex-shrink:0;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;font-family:monospace;font-size:.8rem}@media (max-width: 1200px){.analysis-grid{overflow-x:auto}.grid-header,.grid-row{min-width:max-content}}.charts-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.charts-header{display:flex;background:var(--bg-secondary);border-radius:6px;padding:.5rem;gap:.5rem;align-items:center}.chart-header-cell{flex:1;padding:.5rem;text-align:center;font-weight:600;border-radius:4px}.chart-header-cell.metric-header{background:var(--primary-color);color:#fff;min-width:120px}.chart-header-cell.prompt-header{background:var(--bg-tertiary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center}.prompt-header-text{font-size:.9rem;line-height:1.2}.section-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.2rem}.metric-label{font-size:.9rem;font-weight:500}.charts-section{margin-bottom:2rem}.section-title{color:var(--primary-color);margin:1rem 0 .5rem;font-size:1.1rem;text-transform:capitalize;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.charts-row{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem;background:var(--bg-secondary);border-radius:6px;padding:.5rem}.chart-row-label{min-width:120px;padding:.5rem;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-radius:4px;text-align:center;font-size:.9rem}.chart-cell{flex:1;background:var(--bg-primary);border-radius:4px;padding:1rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.chart-cell canvas{max-width:100%!important;max-height:100%!important}.chart-cell .no-data{color:var(--text-secondary);font-style:italic;text-align:center}@media (max-width: 1200px){.chart-cell{height:250px}.charts-row{flex-wrap:wrap}.chart-row-label{min-width:100%;margin-bottom:.5rem}}@media (max-width: 768px){.charts-header{flex-direction:column}.chart-header-cell{width:100%}.charts-row{flex-direction:column}.chart-cell{height:200px;width:100%}}.prompt-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem}.prompt-group-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .2s}.prompt-group-card:hover{border-color:var(--accent)}.prompt-group-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;word-wrap:break-word;line-height:1.3}.prompt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.85rem}.stat-label{color:var(--text-secondary);font-weight:500}.stat-value{color:var(--text-primary);font-weight:600}.analysis-loading,.analysis-error,.analysis-unavailable{text-align:center;padding:3rem;color:#6b7280}.analysis-loading .loading-spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.analysis-error h3,.analysis-unavailable h3{color:#dc2626;margin-bottom:1rem}.retry-button{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.retry-button:hover{background:#1d4ed8}@media (max-width: 768px){.analysis-dashboard{padding:0}.analysis-content h3{font-size:1.25rem;margin-bottom:1.5rem}.analysis-section{margin-bottom:2rem}.overall-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.5rem}.prompt-groups{grid-template-columns:1fr;gap:1rem}.prompt-group-card{padding:1rem}.analysis-loading,.analysis-error,.analysis-unavailable{padding:2rem 1rem}}.trajectory-analysis-controls{position:fixed;bottom:2rem;right:2rem;z-index:100;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.normalization-selector{display:flex;flex-direction:column;gap:.5rem}.normalization-selector label{font-weight:600;color:var(--text-primary);font-size:.9rem}.normalization-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.normalization-button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.85rem;white-space:nowrap}.normalization-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent)}.normalization-button.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.chart-size-control,.begin-at-zero-control,.full-variation-text-control{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.chart-size-control label,.begin-at-zero-control label,.full-variation-text-control label{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.size-slider{width:100%;margin-top:.25rem}.chart-size-control{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.chart-size-control label{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.size-slider{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer}.size-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;border:none;cursor:pointer}.begin-at-zero-control{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.begin-at-zero-control label{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.begin-at-zero-control input[type=checkbox]{accent-color:var(--primary-color);transform:scale(1.2)}@media (max-width: 768px){.trajectory-analysis-controls{position:relative;bottom:auto;right:auto;margin:1rem;width:calc(100% - 2rem)}.normalization-buttons{flex-direction:column}.normalization-button{text-align:center;padding:.75rem}}.trajectory-chart-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:20px;overflow-y:auto}.trajectory-chart-modal{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;margin:auto;position:relative}.trajectory-chart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:1001}.trajectory-chart-modal-header h3{margin:0;font-size:1.5rem;color:#333;font-weight:600}.trajectory-chart-modal-controls{display:flex;align-items:center;gap:16px}.trajectory-chart-modal-controls label{display:flex;align-items:center;gap:6px;font-size:14px;color:#555;cursor:pointer}.trajectory-chart-modal-controls input[type=checkbox]{cursor:pointer}.trajectory-chart-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:all .2s ease}.trajectory-chart-modal-close:hover{background:rgba(0,0,0,.1);color:#333}.trajectory-chart-modal-content{padding:24px}.trajectory-chart-modal-main-chart{display:flex;justify-content:center;margin-bottom:32px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.trajectory-chart-modal-stats{margin-bottom:32px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.trajectory-chart-modal-stats h4{margin:0 0 16px;color:#333;font-size:1.2rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stats-item{background:white;padding:16px;border-radius:6px;border:1px solid #ddd}.stats-item strong{display:block;margin-bottom:8px;color:#333;font-size:14px}.stats-values{display:flex;flex-direction:column;gap:4px}.stats-values span{font-size:12px;color:#666;font-family:Courier New,monospace}.trajectory-chart-modal-description{margin-bottom:32px;padding:20px;background:#f0f8ff;border-radius:8px;border-left:4px solid #4A90E2;color:#333}.trajectory-chart-modal-description h4{margin:0 0 12px;color:#333;font-size:1.2rem;font-weight:600}.trajectory-chart-modal-description p{margin:0;line-height:1.6;color:#555}.trajectory-chart-modal-individual-charts{margin-bottom:20px}.trajectory-chart-modal-individual-charts h4{margin:0 0 20px;color:#333;font-size:1.2rem;font-weight:600;text-align:center}.individual-charts-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.individual-chart-container{flex:0 0 auto;min-width:350px;max-width:400px;background:white;border-radius:8px;border:1px solid #e0e0e0;padding:16px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.trajectory-chart-modal{width:98%;margin:10px}.trajectory-chart-modal-header{padding:16px;flex-direction:column;gap:12px;align-items:stretch}.trajectory-chart-modal-controls{justify-content:space-between}.trajectory-chart-modal-content{padding:16px}.stats-grid{grid-template-columns:1fr}.individual-charts-grid{flex-direction:column;align-items:center}.individual-chart-container{min-width:300px;max-width:100%}}.trajectory-chart-modal-combined-chart{margin-top:32px;padding:24px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.trajectory-chart-modal-combined-chart h4{margin:0 0 12px;color:#495057;font-size:1.2rem;font-weight:600}.combined-chart-description{margin:0 0 20px;color:#6c757d;font-size:.95rem;line-height:1.5;font-style:italic}.combined-chart-container{display:flex;justify-content:center;background:white;border-radius:6px;padding:20px;box-shadow:0 2px 8px #00000014}.trajectory-chart-modal::-webkit-scrollbar{width:8px}.trajectory-chart-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.trajectory-chart-modal::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.trajectory-chart-modal::-webkit-scrollbar-thumb:hover{background:#555}.trajectory-chart-modal-description{margin-bottom:32px}.trajectory-chart-modal-description h4{margin-bottom:20px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:8px}.trajectory-chart-modal-description h5{margin:20px 0 10px;color:#34495e;font-size:1.1rem;font-weight:600}.metric-short-description{margin-bottom:16px}.metric-short-description p{margin:0;color:#555;font-size:1rem;line-height:1.5}.metric-formula{margin-bottom:20px}.formula-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px 16px;margin:8px 0}.formula-display code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1rem;color:#e74c3c;font-weight:500;background:none;padding:0}.metric-code{margin-bottom:20px}.code-block{background:#2d3748;color:#e2e8f0;border-radius:8px;padding:16px;margin:8px 0;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9rem;line-height:1.4;border:1px solid #4a5568}.code-block code{background:none;color:inherit;padding:0;font-family:inherit}.metric-detailed-description{margin-bottom:16px}.metric-detailed-description p{margin:0;color:#555;font-size:1rem;line-height:1.6}.metric-source{margin-bottom:16px;padding-top:12px;border-top:1px solid #e9ecef}.source-link{display:inline-flex;align-items:center;color:#06c;text-decoration:none;font-weight:500;padding:8px 12px;border:1px solid #0066cc;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#f8f9fa}.source-link:hover{background:#0066cc;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #0066cc4d}.trajectory-analysis{padding:0;min-height:400px;display:flex;flex-direction:column}.trajectory-content{flex:1;padding:1rem;height:100%;display:flex;flex-direction:column}.trajectory-content h3{margin:0 0 2rem;font-size:2rem;font-weight:600;color:#fff}.section-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.section-tab{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px 6px 0 0;padding:.75rem 1.5rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:none;margin-bottom:-2px}.section-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.section-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.section-data{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1rem;overflow:scroll}.section-data h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.section-data h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.metrics-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;justify-content:space-around;align-items:flex-start;flex-direction:row}.metric-chart-container{background:var(--bg-tertiary);padding:1rem;border-radius:8px;border:1px solid var(--border);min-width:250px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.metric-chart-container h5{margin-bottom:1rem;text-align:center;color:var(--primary-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-icon{text-transform:none}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.data-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border)}.prompt-label{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.9rem}.data-value{font-family:Courier New,monospace;font-weight:600;color:var(--primary-color);font-size:1rem;background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border)}.trajectory-loading,.trajectory-error,.trajectory-unavailable{text-align:center;padding:3rem;color:var(--text-secondary)}.trajectory-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.trajectory-error h3,.trajectory-unavailable h3{color:#dc2626;margin-bottom:1rem}.no-data{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}@media (max-width: 768px){.trajectory-analysis{padding:0}.trajectory-content{padding:1rem .5rem}.trajectory-content h3{font-size:1.5rem;margin-bottom:1.5rem}.section-tabs{flex-wrap:wrap;gap:.25rem}.section-tab{padding:.5rem 1rem;font-size:.9rem}.data-grid{grid-template-columns:1fr;gap:.75rem}.data-item{flex-direction:column;align-items:flex-start;gap:.5rem}.data-value{align-self:stretch;text-align:center}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-chart-container{padding:.75rem}.metric-chart-container h5{font-size:.85rem;margin-bottom:.75rem}.trajectory-loading,.trajectory-error,.trajectory-unavailable{padding:2rem 1rem}}.clickable-chart{border-radius:8px;transition:all .2s ease;padding:4px}.clickable-chart:hover{background:rgba(74,144,226,.1);box-shadow:0 4px 12px #4a90e233;transform:translateY(-2px)}.clickable-chart:active{transform:translateY(0);box-shadow:0 2px 6px #4a90e24d}.metrics-section{margin-bottom:3rem}.metrics-section-header{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-left:4px solid var(--accent);border-radius:0 6px 6px 0}.latent-video-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.latent-video-lightbox{position:relative;width:80vw;height:80vh;max-width:1200px;max-height:800px;background:var(--bg-primary);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000004d}.lightbox-close-btn{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close-btn:hover{background:rgba(0,0,0,.9)}.lightbox-nav-btn{position:absolute;background:rgba(0,0,0,.7);color:#fff;border:none;width:50px;height:50px;font-size:24px;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:background .2s;border-radius:4px}.lightbox-nav-btn:hover{background:rgba(0,0,0,.9)}.nav-left{left:16px;top:50%;transform:translateY(-50%)}.nav-right{right:16px;top:50%;transform:translateY(-50%)}.nav-up{top:16px;left:50%;transform:translate(-50%) rotate(90deg)}.nav-down{bottom:80px;left:50%;transform:translate(-50%) rotate(-90deg)}.lightbox-video-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:0;position:relative;background:#000}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-size:16px;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.lightbox-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 16px #0003}.lightbox-metadata{background:var(--bg-secondary);padding:20px;border-top:1px solid var(--border);flex-shrink:0}.metadata-row{display:flex;align-items:center;margin-bottom:12px;gap:12px}.metadata-row:last-child{margin-bottom:0}.metadata-label{font-weight:600;color:var(--text-primary);min-width:80px;font-size:14px}.metadata-value{color:var(--text-secondary);font-size:14px;flex:1}.attention-dropdown{padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;max-width:200px}.attention-dropdown:focus{outline:none;border-color:var(--accent-color, #007acc);box-shadow:0 0 0 2px #007acc33}@media (max-width: 768px){.latent-video-lightbox{width:95vw;height:95vh}.lightbox-metadata{padding:16px}.metadata-row{flex-direction:column;align-items:flex-start;gap:4px}.metadata-label{min-width:auto}.nav-up,.nav-down{display:none}.nav-left{left:8px}.nav-right{right:8px}}.latent-videos-view{padding:0;height:100vh;display:flex;flex-direction:column;max-width:100%;overflow:hidden}.latent-videos-header-fixed{position:sticky;top:0;z-index:10;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:12px 20px;flex-shrink:0}.latent-videos-controls{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.control-group label{font-weight:500;color:var(--text-primary);min-width:60px}.control-group select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:120px}.control-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a90e240}.control-group input[type=range]{width:150px;accent-color:var(--accent)}.control-group .slider-value{color:var(--text-secondary);font-size:12px;min-width:40px}.toggle-group{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.toggle-btn{padding:8px 16px;border:none;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}.toggle-btn:hover{background:var(--bg-tertiary)}.toggle-btn.active{background:var(--accent);color:#fff}.toggle-btn+.toggle-btn{border-left:1px solid #ddd}.view-info{color:var(--text-secondary);font-style:italic;font-size:14px}.latent-videos-grid-container{flex:1;overflow:auto;position:relative}.grid-headers{display:flex;position:sticky;top:0;z-index:5;background:var(--bg-secondary);border-bottom:2px solid var(--border);margin:0}.row-label-header{min-width:120px;max-width:120px;padding:12px 16px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:sticky;left:0;z-index:6}.column-header{min-width:var(--cell-size, 120px);padding:12px 8px;font-weight:500;color:var(--text-primary);text-align:center;border-right:1px solid var(--border);background:var(--bg-secondary)}.grid-rows{margin:0}.grid-row{display:flex;border-bottom:1px solid var(--border)}.grid-row:hover{background:var(--bg-secondary)}.row-label{min-width:120px;max-width:120px;padding:8px 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-right:1px solid var(--border);font-weight:500;color:var(--text-primary);position:sticky;left:0;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-label:hover{overflow:visible}.grid-row:hover .row-label{background:var(--bg-tertiary)}.grid-cell{min-width:var(--cell-size, 120px);padding:4px;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center}.latent-video-cell{transition:transform .2s ease,box-shadow .2s ease}.latent-video-cell:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026;z-index:3;position:relative}.latent-video-cell.empty{opacity:.5;cursor:default}.latent-video-cell.empty:hover{transform:none;box-shadow:none}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{text-align:center;padding:60px 20px;color:var(--error)}.error-message h3{margin:0 0 12px;color:var(--error)}.error-message p{margin:0;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{margin:0 0 12px;color:var(--text-primary)}.empty-state p{margin:0;color:var(--text-secondary)}@media (max-width: 768px){.latent-videos-header-fixed{padding:16px}.latent-videos-controls{flex-direction:column;gap:12px}.control-group{flex-direction:column;align-items:stretch;text-align:center}.control-group label{min-width:auto}.row-label-header,.row-label{min-width:80px;max-width:80px;font-size:12px}.column-header{min-width:80px;font-size:12px}.grid-cell{min-width:80px}}.row-label{cursor:help;position:relative}.row-label:hover{text-decoration:none}select option[title]{white-space:normal}.custom-tooltip{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:400;white-space:nowrap;max-width:400px;box-shadow:0 2px 8px #0000004d}.custom-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1a1a1a}.attention-bending-filters{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:12px 20px;margin-bottom:12px;flex-shrink:0;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}.attention-bending-filters::-webkit-scrollbar{width:8px}.attention-bending-filters::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.attention-bending-filters::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.attention-bending-filters::-webkit-scrollbar-thumb:hover{opacity:.8}.filters-collapsed{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filters-summary{flex:1;font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-summary strong{color:var(--text-primary);margin-right:.5rem}.collapsed-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.pin-baseline-button{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;white-space:nowrap;line-height:1;opacity:.3;filter:grayscale(1)}.pin-baseline-button.active{color:var(--accent);background:rgba(74,144,226,.15);border-color:var(--accent);opacity:1;filter:grayscale(0)}.pin-baseline-button:hover{background:var(--accent);color:var(--text-primary);border-color:var(--accent);opacity:1;filter:grayscale(0)}.reset-button-icon{background:var(--bg-tertiary);color:var(--accent);border:1px solid var(--border);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;white-space:nowrap;line-height:1}.reset-button-icon:hover{background:var(--accent);color:var(--text-primary);border-color:var(--accent);transform:rotate(180deg)}.toggle-filters-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap;flex-shrink:0}.toggle-filters-button:hover{background:var(--bg-tertiary-hover);border-color:var(--accent)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0 15px;border-bottom:1px solid var(--bg-tertiary);position:sticky;top:-12px;background:var(--bg-secondary);z-index:10}.filters-header h3{margin:0;font-size:20px;color:var(--text-primary)}.filters-header-actions{display:flex;gap:10px;align-items:center}.filters-header-actions .pin-baseline-button{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;white-space:nowrap;line-height:1;opacity:.3;filter:grayscale(1)}.filters-header-actions .pin-baseline-button.active{color:var(--accent);background:rgba(74,144,226,.15);border-color:var(--accent);opacity:1;filter:grayscale(0)}.filters-header-actions .pin-baseline-button:hover{background:var(--accent);color:var(--text-primary);border-color:var(--accent);opacity:1;filter:grayscale(0)}.reset-button{background:var(--accent);color:var(--text-primary);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .2s}.reset-button:hover{opacity:.8}.size-control{display:flex;align-items:center;gap:15px;margin-left:15px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.filter-section{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:15px}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--bg-tertiary)}.filter-section-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.filter-actions{display:flex;gap:8px}.filter-actions button{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.filter-actions button:hover{background:var(--accent);color:var(--text-primary)}.filter-options{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto;padding-right:5px}.filter-options::-webkit-scrollbar{width:8px}.filter-options::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.filter-options::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--accent);opacity:.8}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.filter-checkbox:hover{background:var(--bg-tertiary)}.filter-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.filter-checkbox span{font-size:13px;color:var(--text-primary);-webkit-user-select:none;user-select:none}.prompt-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-options-grouped{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto;padding-right:5px}.operation-group{display:flex;flex-direction:column;gap:6px}.group-label{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.operation-group .filter-checkbox{padding-left:12px}.controls-row{display:flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1px solid var(--bg-tertiary);margin-bottom:16px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.control-buttons{display:flex;gap:4px}.control-button{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.control-button:hover{background:var(--bg-primary);border-color:var(--accent)}.control-button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.control-group.size-control{min-width:180px;max-width:280px}.control-group.size-control label{min-width:110px}.size-slider{width:150px;cursor:pointer;margin:0;padding:0;border:none;vertical-align:middle}} .layout-control{display:flex;align-items:center;gap:15px;padding:12px 0 15px;margin-bottom:15px;border-bottom:1px solid var(--bg-tertiary)}.layout-control label{font-size:14px;color:var(--text-primary);font-weight:500;min-width:120px}.layout-options{display:flex;gap:10px;flex:1}.layout-option{flex:1;padding:8px 16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;text-align:center;white-space:nowrap;max-width:180px}.layout-option:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--text-primary)}.layout-option.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.layout-control label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.layout-control input[type=checkbox]{cursor:pointer;width:18px;height:18px}.control-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px;margin-left:26px;font-style:italic}.attention-bending-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:10000;overflow-y:auto;padding:20px}.attention-bending-lightbox .lightbox-content{position:relative;width:100%;max-width:1600px;background:var(--bg-primary);border-radius:8px;padding:16px 24px 24px;box-shadow:0 8px 32px #00000080;max-height:90vh;overflow-y:auto}.attention-bending-lightbox .lightbox-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);width:100%}.attention-bending-lightbox .lightbox-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:0 0 auto}.attention-bending-lightbox .lightbox-toggles{display:flex;gap:8px;margin-left:auto}.attention-bending-lightbox .toggle-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.attention-bending-lightbox .toggle-button:hover{background:var(--bg-tertiary);border-color:var(--accent)}.attention-bending-lightbox .toggle-button.active{background:var(--accent);border-color:var(--accent);color:#fff}.attention-bending-lightbox .toggle-x{font-size:16px;font-weight:700;line-height:1}.attention-bending-lightbox .attention-lightbox-close-btn{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.attention-bending-lightbox .attention-lightbox-close-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.attention-bending-lightbox .lightbox-nav-container{display:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:5}.attention-bending-lightbox .lightbox-nav{position:absolute;width:48px;height:48px;background:rgba(0,0,0,.6);border:2px solid var(--border);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.attention-bending-lightbox .lightbox-nav:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.attention-bending-lightbox .lightbox-nav-left{left:-60px;top:50%;transform:translateY(-50%)}.attention-bending-lightbox .lightbox-nav-right{right:-60px;top:50%;transform:translateY(-50%)}.attention-bending-lightbox .lightbox-nav-up{top:-60px;left:50%;transform:translate(-50%)}.attention-bending-lightbox .lightbox-nav-down{bottom:-60px;left:50%;transform:translate(-50%)}.attention-bending-lightbox .lightbox-main-content{display:flex;flex-direction:column;gap:20px;width:100%}.attention-bending-lightbox .lightbox-controls,.attention-bending-lightbox .control-toggle{display:none}.attention-bending-lightbox .video-container{display:flex;gap:24px;align-items:flex-start}.attention-bending-lightbox .video-container.single{justify-content:center}.attention-bending-lightbox .video-container.split{align-items:center}.attention-bending-lightbox .video-section{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.attention-bending-lightbox .lightbox-video{width:100%;max-width:720px;height:auto;border-radius:6px;background:black;display:block;margin:0 auto}.attention-bending-lightbox .video-metadata-compact{font-size:12px;color:var(--text-muted);line-height:1.4;padding:0 4px;max-width:720px;margin:0 auto;min-width:0}.attention-bending-lightbox .video-metadata-compact .metadata-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.attention-bending-lightbox .video-metadata-compact .metadata-line:first-child{color:var(--text-primary)}.attention-bending-lightbox .lightbox-metadata,.attention-bending-lightbox .video-label{display:none}.attention-bending-lightbox .metadata-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.attention-bending-lightbox .metadata-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}.attention-bending-lightbox .metadata-label{font-weight:600;color:var(--text-muted)}.attention-bending-lightbox .metadata-value{color:var(--text-primary)}.attention-bending-lightbox .operation-details{font-size:14px;color:var(--text-primary);padding:12px;background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace}.attention-bending-lightbox .attention-maps-section{padding:20px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border);width:100%;max-width:100%;overflow:hidden}.attention-bending-lightbox .attention-maps-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.attention-bending-lightbox .attention-maps-grid{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}.attention-bending-lightbox .attention-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:flex-start;width:fit-content;min-width:100%;margin-bottom:8px}.attention-bending-lightbox .attention-row.baseline-row{border-bottom:2px solid var(--border);padding-bottom:8px;margin-bottom:4px}.attention-bending-lightbox .attention-row.bent-row{margin-bottom:16px}.attention-bending-lightbox .row-label{width:120px;font-size:14px;font-weight:600;color:var(--text-primary);padding:8px 12px;background:var(--bg-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);white-space:nowrap}.attention-bending-lightbox .row-videos{display:flex;gap:8px;padding:4px}.attention-bending-lightbox .attention-cell{position:relative;flex-shrink:0}.attention-bending-lightbox .attention-video{width:120px;height:67px;object-fit:cover;border-radius:4px;background:black;cursor:pointer;border:2px solid var(--border);transition:all .2s ease}.attention-bending-lightbox .attention-video:hover{border-color:var(--accent);transform:scale(1.05)}.attention-bending-lightbox .step-label{position:absolute;bottom:4px;left:4px;font-size:10px;font-weight:600;color:#fff;background:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px;pointer-events:none}.attention-bending-lightbox .coming-soon{padding:20px;text-align:center;color:var(--text-muted);font-style:italic}.attention-bending-lightbox .loading-state,.attention-bending-lightbox .error-state{padding:20px;text-align:center;color:var(--text-muted)}.attention-bending-lightbox .error-state{color:var(--error)}.attention-bending-lightbox .navigation-hint{text-align:center;font-size:12px;color:var(--text-muted);padding:12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border)}@media (max-width: 1200px){.attention-bending-lightbox .video-container.split{flex-direction:column}.attention-bending-lightbox .lightbox-metadata{grid-template-columns:1fr}.attention-bending-lightbox .lightbox-nav-left,.attention-bending-lightbox .lightbox-nav-right{left:12px;right:auto}.attention-bending-lightbox .lightbox-nav-right{left:auto;right:12px}}.attention-bending-grid{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:12px}.cutoff-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 20px;border-radius:6px;margin-bottom:12px;text-align:center;font-size:14px;font-weight:500;flex-shrink:0}.grid-empty{background:var(--bg-secondary);border:2px dashed var(--bg-tertiary);border-radius:8px;padding:60px 20px;text-align:center;color:var(--text-secondary);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-empty p{margin:10px 0}.grid-empty .hint{font-size:14px;color:var(--text-secondary);opacity:.7}.grid-container{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.grid-container::-webkit-scrollbar{height:12px;width:12px}.grid-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.grid-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px}.grid-container::-webkit-scrollbar-thumb:hover{background:var(--accent);opacity:.8}.header-row{display:flex;position:sticky;top:0;z-index:102;background:var(--bg-primary);border-bottom:2px solid var(--bg-tertiary);padding:8px 0;width:fit-content;min-width:100%}.baseline-section{background:var(--bg-primary);border-bottom:1px solid var(--bg-tertiary);width:fit-content;min-width:100%}.baseline-section.pinned{position:sticky;top:44px;z-index:101;padding-top:8px;padding-bottom:8px;margin-top:-8px;border-bottom:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #00000026}.baseline-section .operation-row{margin-bottom:0}.baseline-header{background:var(--accent);color:var(--text-primary);font-weight:700;font-size:14px;letter-spacing:1px}.corner-header{min-width:140px;max-width:140px;width:140px;background:var(--bg-primary);border-right:2px solid var(--bg-tertiary)}.column-header-cell{font-size:11px;color:var(--text-secondary);text-align:center;padding:8px 4px;background:var(--bg-tertiary);border-radius:4px;font-weight:500;white-space:nowrap;cursor:help;transition:background .2s;flex-shrink:0;position:relative;z-index:1}.column-header-cell:hover{background:var(--bg-tertiary-hover);color:var(--text-primary)}.column-header-cell .combo-label{display:block;overflow:hidden;text-overflow:ellipsis}.operation-section{border-bottom:1px solid var(--bg-tertiary);padding:15px 0;position:relative;width:fit-content;min-width:100%}.operation-type-header{background:var(--bg-tertiary);color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:10px;position:sticky;top:44px;z-index:50;box-shadow:0 2px 4px #00000026;width:100%;padding:0}.sticky-label{position:sticky;left:0;padding:10px 15px;display:inline-block;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--bg-tertiary);z-index:2}.baseline-section.pinned~.operation-section .operation-type-header{top:160px}.operation-row{display:flex;align-items:stretch;margin-bottom:8px;position:relative;width:max-content;min-width:100%}.grid-row-header{position:sticky;left:0;z-index:10;background:var(--bg-secondary);border-right:2px solid var(--bg-tertiary);padding:8px 12px;min-width:140px;max-width:140px;width:140px;font-size:13px;font-weight:600;color:var(--text-primary);display:flex;flex-direction:column;gap:4px;box-shadow:2px 0 4px #0000004d;flex-shrink:0;align-self:stretch;justify-content:flex-start}.operation-name{font-size:13px;font-weight:600;color:var(--text-primary)}.operation-metadata{display:flex;flex-direction:column;gap:2px;font-size:10px;font-weight:400;color:var(--text-secondary);opacity:.8}.operation-metadata div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-row{display:flex;gap:8px;padding:0 15px;flex:1;width:fit-content;min-width:100%;background:var(--bg-primary)}.video-column{display:flex;flex-direction:column;gap:4px}.video-cell{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;cursor:pointer}.video-cell:hover{transform:scale(1.05);box-shadow:0 4px 12px #4a90e24d;border-color:var(--accent);z-index:50}.video-cell.empty{background:repeating-linear-gradient(45deg,var(--bg-tertiary),var(--bg-tertiary) 10px,var(--bg-primary) 10px,var(--bg-primary) 20px);opacity:.3}.video-cell video,.video-cell img{width:100%;height:100%;object-fit:cover;display:block}.attention-bending-grid.transposed .column-header-cell{flex-direction:column;justify-content:center;padding:8px 4px}.attention-bending-grid.transposed .column-header-cell .combo-label.operation-label{display:flex;flex-direction:column;align-items:center;gap:4px}.attention-bending-grid.transposed .op-type{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.attention-bending-grid.transposed .op-name{font-size:10px;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:100%;word-wrap:break-word}.attention-bending-grid.transposed .grid-row-header{min-width:150px}.attention-bending-grid.transposed .grid-row-header .combo-label{font-size:14px;font-weight:600}.attention-bending-grid.transposed .baseline-column{position:sticky;left:150px;z-index:9;background:var(--bg-primary);box-shadow:2px 0 4px #0000001a}.attention-bending-grid.transposed .column-header-cell.baseline-column{background:var(--bg-secondary);border-right:2px solid var(--accent)}.operation-row.new-operation-group{border-top:2px solid rgba(128,128,128,.3);margin-top:12px}.operation-row.new-operation-group~.operation-row{margin-bottom:8px}.attention-bending-grid.transposed .column-header-cell.new-operation-group,.attention-bending-grid.transposed .video-column.new-operation-group{border-left:2px solid rgba(128,128,128,.3);margin-left:8px}.attention-bending-view{padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden}.attention-bending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--bg-tertiary)}.attention-bending-header h2{margin:0;font-size:24px;color:var(--text-primary)}.video-count-badge{background:var(--accent);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.spinner{width:50px;height:50px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:30px;text-align:center;max-width:600px;margin:50px auto}.error-state h3{color:#ef4444;margin-top:0}.empty-state{background:var(--bg-secondary);border:2px dashed var(--bg-tertiary);border-radius:8px;padding:50px;text-align:center;max-width:600px;margin:50px auto}.empty-state h3{color:var(--text-primary);margin-top:0}.empty-state .hint{color:var(--text-secondary);font-size:14px;margin-top:10px}.size-control{display:flex;align-items:center;gap:15px;background:var(--bg-secondary)}.size-control label{font-size:14px;color:var(--text-primary);font-weight:500;min-width:120px}.size-slider{flex:1;max-width:300px;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .2s}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.size-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:transform .2s}.size-slider::-moz-range-thumb:hover{transform:scale(1.2)}.filters-placeholder,.grid-placeholder{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:8px;padding:20px;margin-bottom:20px}.filters-placeholder details{margin-top:15px}.filters-placeholder summary{cursor:pointer;color:var(--text-secondary);font-size:14px}.filters-placeholder pre{background:var(--bg-tertiary);padding:15px;border-radius:4px;overflow-x:auto;font-size:12px;max-height:300px;overflow-y:auto;color:var(--text-primary)}.similarity-metrics-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);cursor:pointer}.modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;max-width:95vw;max-height:95vh;width:auto;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-controls{display:flex;gap:2rem;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap}.control-group label{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.metric-select{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;min-width:200px}.metric-select:hover{border-color:var(--accent)}.metric-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a90e233}.control-group input[type=checkbox]{margin-right:.5rem;accent-color:var(--accent)}.chart-container-wrapper{flex:1;overflow:auto;padding:2rem;display:flex;justify-content:center;align-items:flex-start;min-height:400px}.chart-container-wrapper .chart-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;max-width:100%}.chart-container-wrapper .chart-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.modal-info{padding:1rem 1.5rem;background:var(--bg-tertiary);border-top:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap}.modal-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.modal-info strong{color:var(--text-primary)}@media (max-width: 768px){.modal-content{max-width:98vw;max-height:98vh;margin:1vh}.modal-controls{flex-direction:column;gap:1rem;align-items:stretch}.control-group{flex-direction:column;align-items:stretch;gap:.25rem}.metric-select{min-width:auto;width:100%}.modal-info{flex-direction:column;gap:.5rem}.chart-container-wrapper{padding:1rem}}.full-search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding-top:2vh}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:95vw;max-width:1600px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.search-section{padding:10px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.search-input::placeholder{color:var(--text-secondary)}.search-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:16px}.search-info{flex:1;min-height:20px}.video-size-control{display:flex;align-items:center;gap:8px;white-space:nowrap}.video-size-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.video-size-slider{width:120px;height:4px;border-radius:2px;background:var(--bg-color);outline:none;cursor:pointer;transition:all .2s ease}.video-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0003}.video-size-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0003}.search-hint{color:var(--text-secondary);font-size:.875rem;font-style:italic}.results-count{color:var(--accent-color);font-size:.875rem;font-weight:500}.no-results{color:var(--text-secondary);font-size:.875rem;font-style:italic}.results-section{flex:1;overflow-y:auto;padding:8px 20px;max-height:calc(92vh - 160px)}.result-row{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.result-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.row-header{margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.experiment-info{margin-bottom:8px}.prompt-separator{color:var(--text-secondary);font-weight:300;margin:0 4px}.experiment-link{background:none;border:none;color:var(--accent-color);font-weight:600;font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;text-decoration:none;white-space:nowrap;flex-shrink:0}.experiment-link:hover{background-color:rgba(var(--accent-color-rgb),.1);text-decoration:underline}.prompt-text{color:var(--text-primary);font-size:.85rem;line-height:1.3;padding:6px 10px;background-color:var(--bg-secondary);border-radius:4px;border-left:2px solid var(--accent-color);word-wrap:break-word;max-height:60px;overflow:hidden;position:relative;flex:1;min-width:0}.prompt-text:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:20px;background:linear-gradient(to right,transparent,var(--bg-secondary));pointer-events:none}.videos-row{display:flex;gap:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;overflow-x:auto;padding:2px 0;min-height:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-secondary)}.videos-row::-webkit-scrollbar{height:8px}.videos-row::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.videos-row::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;opacity:.7}.videos-row::-webkit-scrollbar-thumb:hover{background:var(--accent-color);opacity:1}@media (max-width: 768px){.modal-content{width:98vw;max-height:95vh;margin:1vh 1vw}.modal-header{padding:6px 12px}.modal-header h2{font-size:1.25rem}.search-section{padding:8px 12px}.search-controls{flex-direction:column;align-items:stretch;gap:8px}.video-size-control{justify-content:center}.video-size-slider{width:100px}.results-section{padding:6px 12px;max-height:calc(92vh - 150px)}.row-header{flex-direction:column;align-items:flex-start;gap:4px}.prompt-text{font-size:.8rem;max-height:40px;padding:4px 8px}.videos-row{gap:8px}}@media (prefers-color-scheme: dark){.modal-overlay{background-color:#000c}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--accent: #4a90e2;--accent-hover: #357abd;--border: #404040;--border-light: #555555;--success: #4caf50;--success-hover: #45a049;--warning: #ff9800;--error: #f44336;--grid-row-label-width: 150px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}.app-container{display:flex;height:100vh}.sidebar{width:400px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease}.sidebar.collapsed{width:200px}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-header-buttons{display:flex;align-items:center;gap:.5rem}.sidebar-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.sidebar.collapsed .sidebar-header{padding:11px;justify-content:center}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sidebar.collapsed .logo{display:none}.collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s;font-size:1rem}.collapse-btn:hover{background:var(--bg-tertiary)}.hide-sidebar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;font-size:1.2rem;line-height:1}.hide-sidebar-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.sidebar-hover-zone{position:fixed;top:0;left:0;width:120px;height:120px;z-index:1000;pointer-events:auto}.show-sidebar-btn{position:absolute;top:1rem;left:1rem;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:.75rem;border-radius:8px;font-size:1.5rem;line-height:1;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;opacity:0;pointer-events:auto}.sidebar-hover-zone:hover .show-sidebar-btn{opacity:.6}.show-sidebar-btn:hover{opacity:1!important;background:var(--accent);color:#fff;transform:scale(1.05)}.sidebar-content{flex-grow:1;overflow:hidden}.show-sidebar-btn{position:fixed;top:1rem;left:1rem;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:.75rem;border-radius:8px;font-size:1.5rem;line-height:1;transition:all .2s;box-shadow:0 2px 8px #0000004d}.show-sidebar-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.show-icon{display:block}.search-container{padding:1rem 1rem .5rem;border-bottom:1px solid var(--border)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 64px 8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;right:36px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s}.clear-search-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.full-search-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:3px;transition:all .2s;display:flex;align-items:center;justify-content:center}.full-search-btn:hover{background:var(--accent);color:var(--text-primary);transform:scale(1.1)}.search-results-info{font-size:12px;color:var(--text-muted);margin-top:6px;padding-left:4px}.clear-search-btn-large{background:var(--accent);color:var(--text-primary);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.clear-search-btn-large:hover{background:var(--accent-hover)}.model-filter-container{display:flex;gap:4px;margin-top:8px}.model-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;flex:1}.model-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.model-filter-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.model-filter-btn.active:hover{background:var(--accent-hover)}.analysis-filter-container{display:flex;gap:4px;margin-top:8px}.analysis-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s;flex:1;min-width:0}.analysis-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.analysis-filter-btn.active{background:var(--success);color:var(--text-primary);border-color:var(--success)}.analysis-filter-btn.active:hover{background:var(--success-hover)}.sort-filter-container{display:flex;gap:4px;margin-top:8px}.sort-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;flex:1}.sort-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sort-filter-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.sort-filter-btn.active:hover{background:var(--accent-hover)}.video-count-filter,.duration-filter{padding:0}.video-count-label,.duration-label{font-size:12px;color:var(--text-secondary);text-align:center;margin-bottom:4px}.video-count-slider-container,.duration-slider-container{display:flex;align-items:center;gap:8px}.video-count-range-start,.video-count-range-end,.duration-range-start,.duration-range-end{font-size:10px;color:var(--text-muted);min-width:20px;text-align:center}.video-count-slider,.duration-slider{flex:1;min-width:0;height:4px;background:var(--bg-tertiary);outline:none;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-count-slider::-webkit-slider-thumb,.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;transition:background-color .2s}.video-count-slider::-webkit-slider-thumb:hover,.duration-slider::-webkit-slider-thumb:hover{background:var(--accent-hover)}.video-count-slider::-moz-range-thumb,.duration-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;transition:background-color .2s}.video-count-slider::-moz-range-thumb:hover,.duration-slider::-moz-range-thumb:hover{background:var(--accent-hover)}.filter-clear-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.experiments-list{height:100%;flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}.sidebar.collapsed .experiments-list{display:flex;flex-direction:column;padding:.5rem;gap:.5rem}.sidebar.collapsed .search-container{padding:.5rem}.sidebar.collapsed .search-input{font-size:12px;padding:6px 56px 6px 8px}.sidebar.collapsed .clear-search-btn{right:32px;font-size:16px}.sidebar.collapsed .full-search-btn{right:6px;font-size:12px;padding:2px 4px}.sidebar.collapsed .search-results-info{display:none}.sidebar.collapsed .clear-search-btn-large{font-size:12px;padding:6px 12px}.sidebar.collapsed .model-filter-container{gap:2px;margin-top:6px}.sidebar.collapsed .model-filter-btn{font-size:10px;padding:3px 8px}.sidebar.collapsed .analysis-filter-container{gap:2px;margin-top:6px}.sidebar.collapsed .analysis-filter-btn{font-size:9px;padding:3px 6px}.sidebar.collapsed .sort-filter-container{gap:2px;margin:6px 0}.sidebar.collapsed .sort-filter-btn{font-size:10px;padding:3px 8px}.sidebar.collapsed .filter-clear-buttons{gap:4px}.sidebar.collapsed .filter-clear-buttons .clear-search-btn-large{font-size:10px;padding:4px 8px}.experiment-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.experiment-item-header{width:100%}.sidebar.collapsed .experiment-item{margin-bottom:0;padding:.75rem .5rem;border-radius:6px;position:relative;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.experiment-item:hover{border-color:var(--accent);background:var(--bg-tertiary)}.experiment-item.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(74,144,226,.1),rgba(74,144,226,.05))}.experiment-header{width:100%;padding:.5rem 1rem}.sidebar.collapsed .experiment-header{padding:0;width:100%}.experiment-name{font-weight:600;margin-bottom:.25rem;font-size:.95rem;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;gap:.5rem}.attention-bending-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:.15rem .35rem;border-radius:.25rem;border:1px solid;white-space:nowrap}.attention-bending-badge.viz{background:rgba(255,193,7,.15);color:#f59e0b;border-color:#ffc10766}.attention-bending-badge.active{background:rgba(236,72,153,.15);color:#ec4899;border-color:#ec489966}.sidebar.collapsed .attention-bending-badge{font-size:.55rem;padding:.1rem .25rem}.experiment-stats{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.experiment-model{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;font-style:italic;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .experiment-name{display:-webkit-box;font-size:.6rem;line-height:1.2;margin-bottom:.15rem;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.4em;overflow:hidden;word-wrap:break-word}.sidebar.collapsed .experiment-model{font-size:.5rem;line-height:1.1;margin-bottom:.2rem;color:var(--text-muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.experiment-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.sidebar.collapsed .experiment-meta{font-size:.6rem;gap:.2rem;flex-direction:row;align-items:center;justify-content:center}.sidebar.collapsed .experiment-meta span:not(:first-child):not(:last-child):not(.dot){display:none}.experiment-prompt{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic;line-height:1.3}.sidebar.collapsed .experiment-prompt{display:none}.sidebar.collapsed .experiment-item{position:relative}.sidebar-skeleton{padding:0}.skeleton-experiment-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:1rem;animation:fadeIn .3s ease-in}.skeleton-experiment-name{width:70%;height:18px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-experiment-details{width:90%;height:14px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.sidebar.collapsed .skeleton-experiment-item{margin-bottom:.5rem;padding:.75rem .5rem;border-radius:6px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sidebar.collapsed .skeleton-experiment-name{width:80%;height:12px}.sidebar.collapsed .skeleton-experiment-details{width:60%;height:10px}.rescan-button{padding:.5rem;margin:.5rem;width:calc(100% - 1rem)}.tooltip{position:fixed;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.85rem;line-height:1.4;white-space:pre-line;min-width:280px;max-width:350px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 16px #0006;pointer-events:none}.tooltip.show{opacity:1;visibility:visible}.tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--border)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:70px}.experiment-info{flex:1;position:relative;width:100%}.experiment-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.experiment-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.experiment-stats .stat-item{display:flex;align-items:center}.experiment-stats .stat-item:first-child{font-weight:500;color:var(--text-secondary)}.base-prompt{font-size:.9rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;cursor:help;flex-shrink:0;position:relative}p#base-prompt:hover{white-space:normal}.header-controls{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.control-group{display:flex;align-items:center;gap:.5rem}.control-label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.slider{width:120px;height:4px;border-radius:2px;background:var(--border);outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border)}.btn.secondary:hover{background:var(--border)}.toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.experiment-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.25rem}#experiment-title{margin:0}.reset-order-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;white-space:nowrap}.reset-order-btn:hover{background:var(--border);color:var(--text-primary)}.drag-handle{width:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;transition:color .2s}.drag-handle:hover{color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.drag-handle-spacer{width:24px;flex-shrink:0}.grid-row.dragging{opacity:.8;transform:rotate(2deg);z-index:1000;box-shadow:0 8px 24px #00000026;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:.5rem}.grid-row.drag-over{background:rgba(74,144,226,.05)}.grid-row.drag-over-top{border-top:2px solid var(--accent)}.grid-row.drag-over-bottom{border-bottom:2px solid var(--accent)}.seeds-header .drag-handle-spacer,.grid-row .drag-handle{display:flex}.video-container{width:100%;height:100%;flex:1;overflow:hidden}#video-grid-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.video-grid{display:flex;flex-direction:column;gap:1rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary);flex:1;padding:1rem}.video-grid::-webkit-scrollbar{height:10px;width:10px}.video-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}.video-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:5px;border:1px solid var(--bg-secondary)}.video-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.video-grid::-webkit-scrollbar-corner{background:var(--bg-secondary)}.grid-row{display:flex;align-items:center;gap:1rem;width:100%}.row-label{width:var(--grid-row-label-width);font-size:.9rem;color:var(--text-secondary);text-align:right;flex-shrink:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:normal}.row-label.hidden{opacity:0}.videos-row{display:flex;gap:1rem;align-items:flex-start;flex-shrink:0;width:max-content}.video-cell{position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--border);transition:all .2s;cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.video-cell.loaded:before{opacity:0}.video-cell:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.video-element{display:block;object-fit:cover;transition:transform .2s}.video-thumbnail{cursor:pointer;transition:all .3s ease}.video-cell:hover .video-element{transform:scale(1.02)}.video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:.5rem;font-size:.7rem;opacity:0;transition:opacity .2s}.video-cell:hover .video-overlay{opacity:1}.video-placeholder{background:var(--bg-tertiary);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;flex-shrink:0}.seeds-header{width:max-content;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-left:var(--grid-row-label-width);flex-shrink:0}.seed-label{font-size:.8rem;color:var(--text-muted);text-align:center;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.1rem;color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.skeleton-content{padding:2rem;animation:fadeIn .3s ease-in}.skeleton-header{margin-bottom:2rem}.skeleton-title{width:300px;height:28px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-subtitle{width:200px;height:16px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.skeleton-video-item{display:flex;flex-direction:column;gap:8px}.skeleton-video{width:100%;height:150px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-label{width:80%;height:16px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.loading-text{display:flex;justify-content:center;align-items:center;padding:2rem;font-size:1rem;color:var(--text-secondary)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:4rem;color:var(--text-secondary)}.empty-state h3{margin-bottom:1rem;color:var(--text-primary)}.sync-controls{background:rgba(26,26,26,.92);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 20px #0000004d;opacity:0;transform:translateY(20px);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px}.sync-controls.visible{opacity:1;transform:translateY(0)}.controls-row,.scrubber-row,.size-row{display:flex;align-items:center;gap:1.5rem}.control-btn{background:rgba(74,144,226,.15);border:1px solid rgba(74,144,226,.3);color:var(--text-primary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;opacity:.85}.control-btn.loading{min-height:auto}.control-btn:hover{background:rgba(74,144,226,.25);border-color:#4a90e280;opacity:1;transform:translateY(-1px)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.scrubber-row label,.size-row label,.controls-row label{font-size:.8rem;color:var(--text-secondary);min-width:80px;opacity:.9}.scrubber,.size-slider{flex:1;height:3px;border-radius:2px;background:var(--border);outline:none;opacity:.7;transition:opacity .2s;margin:0 .5rem}.scrubber:hover,.size-slider:hover{opacity:1}.scrubber::-webkit-slider-thumb,.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;opacity:.9}.scrubber::-moz-range-thumb,.size-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;opacity:.9}.scrubber-time,.size-value{font-size:.75rem;color:var(--text-secondary);font-family:monospace;min-width:50px;text-align:right;opacity:.8}.similarity-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.similarity-row label{font-size:.8rem;color:var(--text-secondary);min-width:80px;opacity:.9}.similarity-sort{width:100px}.similarity-sort-select{flex:1;padding:.3rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.8rem;outline:none;cursor:pointer}.similarity-sort-select:hover{border-color:var(--accent)}.similarity-sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4a90e233}#mute-btn{display:none}.video-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto;overflow-x:hidden;width:90vw;height:90vh}.lightbox-video-container{flex-shrink:0}.lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.lightbox-close:hover{background:rgba(255,255,255,.1)}.lightbox-nav{position:absolute;background:rgba(0,0,0,.8);color:var(--text-primary);border:1px solid var(--border-light);font-size:1.2rem;cursor:pointer;border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;opacity:.7}.lightbox-nav:hover{background:rgba(0,0,0,.95);border-color:var(--accent);opacity:1;transform:scale(1.05)}.lightbox-nav:active{transform:scale(.95)}.lightbox-nav-left{left:5%;top:50%;transform:translateY(-50%)}.lightbox-nav-right{right:5%;top:50%;transform:translateY(-50%)}.lightbox-nav-up{top:5%;left:50%;transform:translate(-50%)}.lightbox-nav-down{bottom:5%;left:50%;transform:translate(-50%)}.lightbox-nav-left:hover,.lightbox-nav-right:hover{transform:translateY(-50%) scale(1.05)}.lightbox-nav-up:hover,.lightbox-nav-down:hover{transform:translate(-50%) scale(1.05)}.lightbox-nav-preview{position:absolute;background:rgba(0,0,0,.9);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:1002;opacity:0;transition:opacity .2s ease;pointer-events:none;border:1px solid var(--border-light)}.lightbox-nav:hover .lightbox-nav-preview{opacity:1}.lightbox-nav-left .lightbox-nav-preview{right:50px;top:50%;transform:translateY(-50%)}.lightbox-nav-right .lightbox-nav-preview{left:50px;top:50%;transform:translateY(-50%)}.lightbox-nav-up .lightbox-nav-preview{top:50px;left:50%;transform:translate(-50%)}.lightbox-nav-down .lightbox-nav-preview{bottom:50px;left:50%;transform:translate(-50%)}.lightbox-controls-hint{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-size:.8rem;color:#ffffffb3;text-align:center}@media (max-width: 768px){.lightbox-nav{width:36px;height:36px;font-size:1rem}.lightbox-nav-left{left:10px}.lightbox-nav-right{right:10px}.lightbox-nav-up{top:10px}.lightbox-nav-down{bottom:80px}.lightbox-nav-preview{font-size:.7rem;padding:6px 8px}.lightbox-controls-hint{font-size:.7rem}}.lightbox-video-and-details-container{height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-video-container{position:relative;max-width:100%;max-height:70vh}.lightbox-video{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 8px 32px #00000080}.lightbox-info{background:rgba(0,0,0,.7);border-radius:8px;padding:1rem;color:#fff;max-width:100%}.video-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem}.video-details span{white-space:nowrap}@media (max-width: 768px){.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-video{max-height:60vh}.video-details{flex-direction:column;gap:.5rem}}@media (max-width: 1200px){.sidebar{width:280px}.header{padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem;min-height:auto}.header-controls{width:100%;justify-content:space-between}}@media (max-width: 900px){.sidebar{position:absolute;z-index:100;height:100%;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{width:100%}.grid-row{flex-direction:column;align-items:flex-start;gap:.5rem}.row-label{width:auto;text-align:left}.seeds-header{padding-left:0;justify-content:center}}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000}.tree-container{width:100%}.tree-folder{margin-bottom:.5rem}.folder-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.folder-header:hover{background:var(--bg-secondary);border-color:var(--accent);transform:translate(2px)}.folder-icon{font-size:1rem;transition:transform .2s;line-height:1}.folder-icon.expanded{transform:none}.folder-name{flex:1;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.folder-count{font-size:.8rem;color:var(--text-muted);background:var(--bg-primary);padding:.2rem .5rem;border-radius:12px;border:1px solid var(--border)}.folder-children{margin-top:.5rem;padding-left:.5rem;border-left:2px solid var(--border);margin-left:1rem}.sidebar.collapsed .tree-container{padding:0}.sidebar.collapsed .folder-header{padding:.4rem .5rem;font-size:.8rem;gap:.3rem}.sidebar.collapsed .folder-icon{font-size:.9rem}.sidebar.collapsed .folder-name{font-size:.7rem;line-height:1.2}.sidebar.collapsed .folder-count{font-size:.6rem;padding:.1rem .3rem}.sidebar.collapsed .folder-children{padding-left:.3rem;margin-left:.5rem;border-left-width:1px}.tree-container .experiment-item{margin-bottom:.5rem}.sidebar.collapsed .tree-container .experiment-item{margin-bottom:.3rem}.attention-controls{background:rgba(26,26,26,.92);border:1px solid var(--border);border-radius:8px;padding:.5rem;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;font-size:.9rem}.attention-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.attention-toggle input[type=checkbox]{width:12px;height:12px;accent-color:var(--accent)}.token-selector{margin-bottom:.75rem}.token-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.token-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.token-button{background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;position:relative}.token-button:hover{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}.token-button.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px #4a90e24d}.token-button.selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.attention-info{color:var(--text-muted);font-size:.8rem;text-align:center;padding-top:.5rem;border-top:1px solid var(--border)}.video-overlay .attention-indicator{background:rgba(74,144,226,.9);color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.8rem;font-weight:600;text-align:center;margin-top:.25rem;box-shadow:0 2px 4px #0000004d}.lightbox-attention-controls{background:rgba(40,40,40,.95);border:1px solid var(--border);border-radius:8px;padding:.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.lightbox-attention-controls .attention-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.lightbox-attention-controls .token-selector{margin-bottom:0}.lightbox-attention-controls .token-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.lightbox-attention-controls .token-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.lightbox-attention-controls .token-button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:.4rem .8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500}.lightbox-attention-controls .token-button:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.lightbox-attention-controls .token-button.selected{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);font-weight:600}.attention-video-indicator{position:absolute;top:1rem;left:1rem;background:rgba(0,0,0,.8);color:var(--accent);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent)}.main-controls{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:50;width:350px}#root{width:100%;height:100vh;margin:0;padding:0}.app{width:100%;height:100vh;display:flex;margin:0;padding:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007acc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{padding:2rem;text-align:center;color:#ff6b6b}.error-message h3{margin-bottom:1rem;color:#ff4757}.video-cell{position:relative}.video-cell:not(.loaded) .loading-spinner{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);transform:translate(-50%,-50%);width:20px;height:20px;border-width:2px;z-index:2}.hover-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.tooltip{position:fixed;background:#2a2a2a;color:#fff;padding:12px;border-radius:6px;font-size:14px;line-height:1.4;box-shadow:0 4px 12px #0000004d;max-width:300px;z-index:1000;pointer-events:none;white-space:pre-line}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}