v0

1 files changed, 153 insertions, 0 deletions

diff --git a/frontend/src/components/Stage2.css b/frontend/src/components/Stage2.css
new file mode 100644
index 0000000..99c460a
--- /dev/null
+++ b/frontend/src/components/Stage2.css
@@ -0,0 +1,153 @@
+.stage2 {
+  background: #fafafa;
+}
+
+.stage2 h4 {
+  margin: 20px 0 8px 0;
+  color: #333;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.stage2 h4:first-of-type {
+  margin-top: 0;
+}
+
+.stage-description {
+  margin: 0 0 12px 0;
+  color: #666;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.aggregate-rankings {
+  background: #f0f7ff;
+  padding: 16px;
+  border-radius: 8px;
+  margin-bottom: 20px;
+  border: 2px solid #d0e7ff;
+}
+
+.aggregate-rankings h4 {
+  margin: 0 0 12px 0;
+  color: #2a7ae2;
+  font-size: 15px;
+}
+
+.aggregate-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.aggregate-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px;
+  background: #ffffff;
+  border-radius: 6px;
+  border: 1px solid #d0e7ff;
+}
+
+.rank-position {
+  color: #2a7ae2;
+  font-weight: 700;
+  font-size: 16px;
+  min-width: 35px;
+}
+
+.rank-model {
+  flex: 1;
+  color: #333;
+  font-family: monospace;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.rank-score {
+  color: #666;
+  font-size: 13px;
+  font-family: monospace;
+}
+
+.stage2 .tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+}
+
+.stage2 .tab {
+  padding: 8px 16px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 6px 6px 0 0;
+  color: #666;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.stage2 .tab:hover {
+  background: #f0f0f0;
+  color: #333;
+  border-color: #4a90e2;
+}
+
+.stage2 .tab.active {
+  background: #ffffff;
+  color: #4a90e2;
+  border-color: #4a90e2;
+  border-bottom-color: #ffffff;
+  font-weight: 600;
+}
+
+.stage2 .tab-content {
+  background: #ffffff;
+  padding: 16px;
+  border-radius: 6px;
+  border: 1px solid #e0e0e0;
+  margin-bottom: 20px;
+}
+
+.ranking-model {
+  color: #888;
+  font-size: 12px;
+  font-family: monospace;
+  margin-bottom: 12px;
+}
+
+.ranking-content {
+  color: #333;
+  line-height: 1.6;
+  font-size: 14px;
+}
+
+.parsed-ranking {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 2px solid #e0e0e0;
+}
+
+.parsed-ranking strong {
+  color: #2a7ae2;
+  font-size: 13px;
+}
+
+.parsed-ranking ol {
+  margin: 8px 0 0 0;
+  padding-left: 24px;
+  color: #333;
+}
+
+.parsed-ranking li {
+  margin: 4px 0;
+  font-family: monospace;
+  font-size: 13px;
+}
+
+.rank-count {
+  color: #999;
+  font-size: 12px;
+}