:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253a36;background:#f4f4ed}*{box-sizing:border-box}body{margin:0}header{padding:24px 32px;background:#173f39;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:6px 0;font-family:Georgia,serif;font-size:34px}h1 span{font:14px system-ui;color:#bad5c1}small{letter-spacing:2px;font-size:10px}nav{display:flex;gap:8px;flex-wrap:wrap}button,.upload{border:1px solid #bfc9c2;background:white;color:#173f39;padding:10px 14px;border-radius:6px;cursor:pointer;font:inherit;font-size:13px}button:hover,.upload:hover{background:#e3eee5}button:disabled{opacity:.5;cursor:wait}#save{background:#e0bd78}input,textarea,select{font:inherit;border:1px solid #c8d0c7;border-radius:4px;padding:8px;background:white;color:#213b34}textarea{width:100%;resize:vertical}label.field{display:block;margin:12px 0;font-size:13px;font-weight:600}.field input,.field textarea{width:100%;margin-top:5px;font-weight:400}.bar{padding:15px 32px;display:flex;gap:24px;align-items:center;background:#e7ebdf}.bar a{margin-left:auto;color:#234d44;font-size:13px}main{display:grid;grid-template-columns:minmax(330px, .85fr) minmax(500px,1.6fr);gap:24px;padding:24px 32px}.editor,.viewer{background:#fff;border:1px solid #d9dfd3;border-radius:10px;padding:22px;min-width:0}h2{font:24px Georgia,serif;margin:0 0 12px}h3{font-size:16px;margin-top:24px}p{color:#617169;font-size:13px;line-height:1.6}.scanhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scanhead h2{width:100%}.upload input{display:none}#thumbnails{display:flex;gap:8px;overflow:auto;margin:18px 0}#thumbnails button{flex-shrink:0;width:115px;padding:5px;font-size:11px}#thumbnails img{height:85px;width:100%;object-fit:contain}.selected{outline:2px solid #30776b}.tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}.tools button{font-size:12px;padding:7px}#imagewrap{height:610px;overflow:auto;background:#e7ebe3;margin-top:12px;display:block}canvas{display:block;touch-action:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}details{margin-top:20px}summary{cursor:pointer;font-size:13px}.suggestion,.ocrline{padding:9px;border-bottom:1px solid #e3e8df;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.suggestion span,.ocrline span{flex:1;min-width:150px}.suggestion small{letter-spacing:0}.approve{display:block;padding:18px 0;font-size:14px}dialog{width:min(800px,90vw);border:0;border-radius:12px;padding:30px}#status{font-size:13px;max-width:50%}@media(max-width:1000px){main{grid-template-columns:1fr;padding:15px}header{align-items:flex-start;flex-direction:column}.bar{flex-wrap:wrap}.bar a{margin-left:0}}@media print{header,main,.bar,#close{display:none}dialog{display:block;position:static;width:100%}}

.auth{display:block;max-width:750px;margin:20px auto}.auth form{margin:20px 0}.auth a{color:#173f39}

/* Keep every scan visible instead of hiding older photos in a horizontal strip. */
#thumbnails{flex-wrap:wrap;overflow:visible}#scan-count{font-weight:600}#reset-recognition{border-color:#9a6b3b}

#thumbnails{display:block}.scan-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.scan-gallery button{cursor:grab}.scan-gallery button:active{cursor:grabbing}.scan-gallery img{pointer-events:none}.scan-gallery:empty::after{content:"No images in this group";color:#617169;font-size:13px}

/* Photo-only thumbnails; selected image type is shown in the toolbar. */
#thumbnails button > span{display:block;margin-top:5px}

.scanhead{gap:6px}.scanhead h2{width:auto;margin:0 auto 0 0}.viewer{padding-top:16px}.scanhead + p{margin-top:10px}