.pdf-image-page .workspace-header{margin-bottom:28px}.pdf-image-icon{display:grid;place-items:center;font-size:1.45rem;font-weight:800;background:#e0f2fe;color:#137bec}.pdf-image-upload{padding:56px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.pdf-image-upload h2{margin:14px 0 8px;font-size:1.25rem}.pdf-image-upload p,.pdf-image-upload small{color:var(--text-secondary)}.pdf-image-upload .btn-primary{margin:20px 0 12px}.pdf-image-workspace{margin-top:28px}.pdf-image-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.pdf-image-toolbar h2{margin:4px 0;font-size:1.2rem;overflow-wrap:anywhere}.pdf-image-toolbar p{margin:0;color:var(--text-muted);font-size:var(--text-small)}.eyebrow{color:var(--accent);font:600 var(--text-caption)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.pdf-image-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px}.pdf-image-preview-panel,.pdf-image-controls{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-heading h3{margin:0;font-size:1rem}.panel-heading span{color:var(--text-muted);font-size:var(--text-small)}.page-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;max-height:620px;overflow:auto;padding:2px}.page-card{position:relative;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);cursor:pointer;transition:var(--motion-fast)}.page-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--color-primary-soft)}.page-card img{display:block;width:100%;aspect-ratio:.707;object-fit:contain;background:#fff;border:1px solid var(--border-subtle)}.page-card-label{display:flex;justify-content:space-between;padding:8px 2px 1px;color:var(--text-secondary);font-size:var(--text-caption)}.page-card input{position:absolute;inset:8px auto auto 8px;accent-color:var(--accent)}.pdf-image-controls{display:flex;flex-direction:column;gap:16px;align-self:start}.pdf-image-controls label{display:grid;gap:7px;color:var(--text-secondary);font-size:var(--text-small);font-weight:600}.pdf-image-controls input,.pdf-image-controls select{min-height:40px;width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);font:inherit}.pdf-image-controls small{font-weight:400;color:var(--text-muted)}.pdf-image-note{padding:12px;background:var(--bg-surface-dim);border-left:3px solid var(--accent);color:var(--text-secondary);font-size:var(--text-caption);line-height:1.55}.pdf-image-progress{display:grid;gap:8px;color:var(--text-secondary);font-size:var(--text-small)}@media(max-width:820px){.pdf-image-grid{grid-template-columns:1fr}.pdf-image-controls{order:-1}}@media(max-width:520px){.pdf-image-toolbar{align-items:flex-start;flex-direction:column}.pdf-image-toolbar .btn-secondary{width:100%}.page-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pdf-image-upload.is-dragging{border-color:var(--accent);background:var(--color-primary-soft)}
.pdf-image-icon{background:rgba(225,29,72,.10);color:#e11d48}