:root{--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.brand{letter-spacing:.5px;font-size:20px;font-weight:700}.brand span{color:var(--primary)}.header-note{color:var(--muted);font-size:13px}main{max-width:1280px;margin:0 auto;padding:24px 20px}.screen[hidden]{display:none}.screen-center{text-align:center;max-width:560px;margin:40px auto}.muted{color:var(--muted)}.spacer{flex:1}button{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:7px 14px}button:hover{background:#f1f5f9;border-color:#cbd5e1}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.primary:hover{background:var(--primary-dark)}button.danger{color:var(--danger)}button.danger:hover{background:#fef2f2;border-color:#fecaca}button:disabled{opacity:.5;cursor:default}input[type=text],select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:6px 10px}.dropzone{background:var(--surface);text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;padding:60px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:#eff6ff}.dropzone-icon{width:56px;height:56px;color:var(--primary)}.dropzone-title{margin:12px 0 4px;font-size:18px;font-weight:600}.dropzone-sub{color:var(--muted);margin:0}.privacy-note{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.status-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:10px 14px}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:10;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:10px}.toolbar-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.toolbar-sep{background:var(--border);width:1px;height:24px}.checkbox-label{cursor:pointer}.insert-hint{border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.thumb-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:grab;-webkit-user-select:none;user-select:none;padding:8px;position:relative}.thumb-card.selected{border-color:var(--primary);background:#eff6ff}.thumb-card.dragging{opacity:.4}.thumb-card.drop-target{border-color:var(--primary);border-style:dashed}.thumb-image{background:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.thumb-image img{max-width:100%;max-height:220px;display:block}.thumb-footer{justify-content:space-between;align-items:center;gap:4px;margin-top:6px;display:flex}.thumb-num{color:var(--muted);font-size:12px}.thumb-actions{gap:2px;display:flex}.thumb-actions button{background:0 0;border:none;padding:2px 6px;font-size:13px;line-height:1.4}.thumb-actions button:hover{background:#e2e8f0}.thumb-check{cursor:pointer;width:18px;height:18px;position:absolute;top:4px;left:4px}.gap{display:none}.insert-mode .gap{border:2px dashed var(--primary);border-radius:var(--radius);min-height:60px;color:var(--primary);cursor:pointer;background:#eff6ff;justify-content:center;align-items:center;font-size:22px;display:flex}.insert-mode .gap:hover{background:#dbeafe}.progress{background:#e2e8f0;border-radius:999px;width:100%;height:10px;margin:20px 0 10px;overflow:hidden}.progress-bar{background:var(--primary);border-radius:999px;width:0;height:100%;transition:width .2s}.status-text{color:var(--muted);min-height:1.4em}.ocr-warnings{text-align:left;border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a;max-height:160px;margin:14px 0;padding:8px 12px;font-size:13px;overflow:auto}.ocr-warnings p{margin:4px 0}.ocr-warnings .warn-error{color:var(--danger)}.export-form{text-align:left;flex-direction:column;gap:14px;margin:20px 0;display:flex}.export-form label{flex-direction:column;gap:4px;font-weight:600;display:flex}.export-form .primary{align-self:flex-start}.restart{margin-top:8px}.ocr-settings{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:640px;max-height:85vh;padding:24px;overflow:auto;box-shadow:0 20px 50px #0f172a40}.modal h3{margin-top:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-wide{max-width:960px}.modal .thumb-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.preview-image{max-width:100%;max-height:70vh;margin:0 auto;display:block}