ui: collapsible raw-model-output section

static/app.js

@@ -260,6 +260,7 @@ function renderSeedCard(s, rank) {
       </div>
     </div>
 
+    <div class="seed-section-title">Concept</div>
     <div class="seed-concept">${escapeHtml(seed.concept)}</div>
 
     <div class="seed-section-title">Pixar Story Spine · ${seed.duration}s · ${seed.beats.length} beats</div>
@@ -279,6 +280,8 @@ function renderSeedCard(s, rank) {
       `).join('')}
     </div>
 
+    ${renderRawDetails(seed)}
+
     <div class="scores-section">
       <div class="radar-wrap"><canvas></canvas></div>
       <div class="scores-table">
@@ -330,6 +333,27 @@ function renderSeedCard(s, rank) {
   return card;
 }
 
+function renderRawDetails(seed) {
+  const parts = [];
+  if (seed.raw_collision) {
+    parts.push(`
+      <details class="raw-details">
+        <summary>📝 모델 원본 출력 · Concept (참고자료)</summary>
+        <pre class="raw-body">${escapeHtml(seed.raw_collision)}</pre>
+      </details>
+    `);
+  }
+  if (seed.raw_spine) {
+    parts.push(`
+      <details class="raw-details">
+        <summary>📝 모델 원본 출력 · Pixar Spine (참고자료)</summary>
+        <pre class="raw-body">${escapeHtml(seed.raw_spine)}</pre>
+      </details>
+    `);
+  }
+  return parts.join('');
+}
+
 function renderBeatBar(beats, duration) {
   return beats.map((b, i) => {
     const pct = ((b.time_range[1] - b.time_range[0]) / duration) * 100;

static/styles.css

@@ -538,6 +538,34 @@ input[type="range"] { padding: 0; width: 100%; accent-color: var(--primary); }
   font-variant-numeric: tabular-nums;
 }
 
+/* Raw model output (collapsible reference) */
+.raw-details {
+  margin-top: 14px;
+  border: 1px dashed var(--border-strong);
+  border-radius: var(--radius-sm);
+  background: #fbfbfd;
+  padding: 10px 14px;
+}
+.raw-details summary {
+  cursor: pointer; font-weight: 600;
+  color: var(--text-muted); font-size: 12px;
+  letter-spacing: 0.02em;
+  user-select: none;
+}
+.raw-details[open] summary { margin-bottom: 10px; color: var(--primary); }
+.raw-body {
+  font-family: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: 11.5px; line-height: 1.55;
+  color: var(--text);
+  white-space: pre-wrap; word-break: break-word;
+  max-height: 320px; overflow-y: auto;
+  padding: 10px 12px;
+  background: #ffffff;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  margin: 0;
+}
+
 /* Beat color palette (6 beats, indigo → rose) */
 .beat-color-0 { background: #6366f1; }
 .beat-color-1 { background: #8b5cf6; }