Sync from GitHub via hub-sync

frontend/index.html

@@ -40,6 +40,7 @@
   .scan-prev-pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);width:320px;max-width:80vw;border-radius:12px;box-shadow:0 14px 34px rgba(20,18,10,.22);opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:40;pointer-events:none;background:#fff;border:1px solid #e7e3d9;overflow:hidden}
   .scan-prev:hover .scan-prev-pop,.scan-prev:focus-within .scan-prev-pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
   .scan-prev-pop img{display:block;width:100%}
+  .scan-prev-text{display:block;padding:14px 15px;font-size:12px;line-height:1.55;color:#3b3a32;text-align:left;max-height:190px;overflow:auto}
   .scan-prev-cap{font-family:'Spline Sans Mono',monospace;font-size:10px;color:#9a9789;letter-spacing:.03em;padding:7px 10px;border-top:1px solid #efece4;background:#faf9f6;text-align:left}
   .diff-easier:hover{border-color:#1f8a5b !important;color:#1f8a5b !important;}
   .diff-harder:hover{border-color:#e8590c !important;color:#c2410c !important;}
@@ -173,10 +174,16 @@ function renderUpload(){
     <div onclick="if(!S.sample&&!S.fileName)document.getElementById('fileInput').click()" style="border:1.5px dashed #cfcabb;border-radius:18px;padding:28px 22px;text-align:center;background:#faf9f6;cursor:pointer">
       <div style="font-family:'Spline Sans Mono',monospace;font-size:12px;color:#9a9789;letter-spacing:.04em">DROP A PDF HERE — OR TRY A SAMPLE</div>
       <div style="display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap">
-        <button class="pick" onclick="event.stopPropagation();pickBio()" style="display:flex;align-items:center;gap:9px;appearance:none;border:1px solid #e7e3d9;background:#fff;cursor:pointer;padding:9px 13px;border-radius:12px">
-          <span style="font-family:'Spline Sans Mono',monospace;font-size:9px;font-weight:500;color:#fff;background:#3b5bdb;padding:3px 5px;border-radius:4px;letter-spacing:.04em">PDF</span>
-          <span style="font-size:13px;font-weight:600;color:#17160f">biology-notes.pdf</span>
-        </button>
+        <span class="scan-prev">
+          <button class="pick" onclick="event.stopPropagation();pickBio()" style="display:flex;align-items:center;gap:9px;appearance:none;border:1px solid #e7e3d9;background:#fff;cursor:pointer;padding:9px 13px;border-radius:12px">
+            <span style="font-family:'Spline Sans Mono',monospace;font-size:9px;font-weight:500;color:#fff;background:#3b5bdb;padding:3px 5px;border-radius:4px;letter-spacing:.04em">PDF</span>
+            <span style="font-size:13px;font-weight:600;color:#17160f">biology-notes.pdf</span>
+          </button>
+          <span class="scan-prev-pop" aria-hidden="true">
+            <span class="scan-prev-text">Photosynthesis happens in the chloroplast. The light-dependent reactions occur in the thylakoid membranes, where water is split, ATP and NADPH are produced, and oxygen is released. The Calvin cycle takes place in the stroma, where the enzyme RuBisCO fixes CO2 onto RuBP. Cellular respiration occurs in the mitochondria; most ATP is made during oxidative phosphorylation.</span>
+            <span class="scan-prev-cap">plain-text notes · chunked into a deck</span>
+          </span>
+        </span>
         <span class="scan-prev">
           <button class="pick" onclick="event.stopPropagation();pickScan()" style="display:flex;align-items:center;gap:9px;appearance:none;border:1px solid #e7e3d9;background:#fff;cursor:pointer;padding:9px 13px;border-radius:12px">
             <span style="font-family:'Spline Sans Mono',monospace;font-size:9px;font-weight:500;color:#fff;background:#3b5bdb;padding:3px 5px;border-radius:4px;letter-spacing:.04em">IMG</span>