.pdf-image .mode-switch{margin:0 0 18px}
.pdf-image .mode-switch button{min-height:42px;padding:8px 20px;font-size:.95rem}
.pdf-image .small{font-size:.8rem;margin:4px 0 0}
.pdf-image .small-btn{min-height:38px;padding:6px 14px}
.pdf-image .file-line{margin:0 0 14px;font-weight:650;overflow-wrap:anywhere}
.pdf-image .preview-strip{display:flex;gap:10px;align-items:flex-end;overflow-x:auto;padding:18px 2px 6px;scrollbar-width:thin}
.pdf-image .preview-strip canvas{flex:none;width:110px;height:auto;border-radius:4px;box-shadow:0 0 0 1px #0002,0 4px 14px #1d2b281f;background:#fff}
.pdf-image .preview-strip .more{flex:none;display:grid;place-items:center;width:60px;height:80px;border-radius:8px;background:var(--soft);color:var(--green);font-weight:700}
.pdf-image .list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pdf-image .list-head .file-line{margin:0}
.pdf-image .img-list{display:grid;gap:8px;margin:14px 0 18px;padding:0;list-style:none;max-height:460px;overflow:auto}
.pdf-image .img-list li{display:grid;grid-template-columns:28px 56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.pdf-image .img-list canvas{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#f1f3ee}
.pdf-image .idx{font-weight:700;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.pdf-image .img-info{display:flex;flex-direction:column;min-width:0}
.pdf-image .img-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.9rem}
.pdf-image .dims{font-size:.78rem}
.pdf-image .img-acts{display:flex;gap:4px}
.pdf-image .icon{min-height:34px;min-width:34px;padding:4px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.pdf-image .icon:hover:not(:disabled){border-color:var(--green);color:var(--green);background:var(--soft)}
.pdf-image .icon:disabled{opacity:.35}
.pdf-image #status{margin:0 0 8px}
@media(max-width:700px){.pdf-image .img-list li{grid-template-columns:22px 48px minmax(0,1fr);}.pdf-image .img-acts{grid-column:2/-1}.pdf-image .img-list canvas{width:48px;height:48px}.pdf-image #convert,.pdf-image #build{width:100%}}