Update index.html

index.html

@@ -50,7 +50,7 @@
       font-size: 1.02rem;
     }
     main { padding-bottom: 16px; }
-    .workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
+    .workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
     .panel {
       min-width: 0;
       padding: 16px 19px;
@@ -111,7 +111,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      min-height: 299px;
+      min-height: 235px;
       border: 1px dashed var(--line);
       border-radius: 10px;
       text-align: center;
@@ -128,8 +128,8 @@
       line-height: 1.17;
       letter-spacing: -.04em;
     }
-    .continuum { margin-top: 11px; }
-    .continuum-label { font-size: .85rem; font-weight: 650; color: var(--navy-dark); margin-bottom: 9px; }
+    .continuum { margin-top: 19px; }
+    .continuum-label { font-size: .85rem; font-weight: 650; color: var(--navy-dark); margin-bottom: 11px; }
     .scale {
       position: relative;
       height: 13px;
@@ -173,12 +173,12 @@
     .scale-ticks small { display: block; font-size: .72rem; font-weight: 500; color: var(--muted); }
     .scale-caption { margin: 7px 0 0; color: #67768A; font-size: .72rem; line-height: 1.4; }
     .outside { display: none; color: #805D25; font-weight: 650; margin-top: 9px; font-size: .78rem; }
-    .divider { border: 0; border-top: 1px solid var(--line); margin: 10px 0 8px; }
+    .divider { border: 0; border-top: 1px solid var(--line); margin: 17px 0 11px; }
     .secondary-label { font-size: .86rem; color: var(--muted); font-weight: 650; }
-    .secondary-value { color: var(--navy-dark); font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 2px; }
+    .secondary-value { color: var(--navy-dark); font-size: 1.35rem; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 5px; }
     .interpretation { margin: 8px 0 0; font-size: .85rem; line-height: 1.43; color: #526174; }
     .model-info {
-      margin-top: 12px;
+      margin-top: 20px;
       padding: 15px 20px 16px;
       background: var(--white);
       border: 1px solid var(--line);
@@ -209,8 +209,8 @@
       .intro { font-size: 1.02rem; margin-top: 7px; }
       .dropzone { min-height: 195px; }
       .preview { height: 182px; }
-      .empty-result { min-height: 278px; }
-      .model-info { margin-top: 12px; padding-top: 14px; padding-bottom: 16px; }
+      .empty-result { min-height: 225px; }
+      .model-info { margin-top: 18px; padding-top: 14px; padding-bottom: 16px; }
       .model-info p { font-size: .85rem; line-height: 1.45; }
     }
     @media (prefers-reduced-motion: reduce) {