.image-pdf-tool .panel{margin:24px 0}.ip-drop{padding:28px;text-align:center;border:2px dashed var(--border-strong);border-radius:12px;background:var(--surface-2)}.ip-drop strong{display:block;margin-bottom:16px}.ip-drop.drag-over{border-color:var(--brand-primary);background:var(--brand-tint)}.ip-files{max-width:100%}.ip-photos{display:flex;gap:12px;overflow-x:auto;padding:12px 0}.ip-photo{display:flex;flex:0 0 110px;flex-direction:column;gap:5px;max-width:110px}.ip-photo>span{font-size:12px;overflow-wrap:anywhere}.ip-pick{padding:3px;border:2px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer}.ip-pick[aria-pressed=true]{border-color:var(--brand-primary)}.ip-pick img{display:block;width:100%;height:78px;object-fit:contain}.ip-photo .btn{font-size:12px;padding:6px}.ip-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:20px}.ip-layout>.panel{margin-top:0}.ip-layout h2{font-size:18px;margin-bottom:18px}.ip-settings label,.ip-controls label{display:block;font-size:13px;margin-bottom:14px}.ip-settings input,.ip-settings select,.ip-controls select{display:block;width:100%;padding:9px;margin-top:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.ip-settings input[type=color]{height:40px;padding:4px}.ip-size{display:flex;gap:10px}.ip-size label{min-width:0;flex:1}.ip-canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;border:1px solid var(--border);touch-action:none;cursor:move}.ip-canvas[hidden]{display:none}.ip-controls input[type=range]{display:block;width:100%;margin-top:10px}.ip-controls{margin:20px 0}.ip-dimensions,.ip-status{font-size:14px;overflow-wrap:anywhere}.ip-pages{display:flex;flex-wrap:wrap;align-items:flex-start}.ip-page{padding:8px;max-width:140px;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:8px;cursor:pointer}.ip-page canvas{display:block;width:100%;height:auto}.ip-page span{display:block;margin-top:6px;font-size:12px}.image-pdf-tool .help-note{line-height:1.8}.image-pdf-tool li{line-height:1.9}@media(max-width:720px){.ip-layout{grid-template-columns:1fr}}
.ocr-thumbnails{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none}.ocr-thumbnails li{display:flex;flex-direction:column;gap:6px;width:110px;font-size:12px}.ocr-thumb-pick{padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:zoom-in}.ocr-thumb-pick img{display:block;width:100%;height:80px;object-fit:contain}.image-inspect{max-width:95vw;max-height:95vh;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.image-inspect::backdrop{background:#0009}.image-inspect img{display:block;max-width:85vw;max-height:80vh;object-fit:contain;margin-top:12px}