.pdf-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.pdf-item{display: grid;grid-template-columns: auto auto minmax(0,1fr) auto;gap: 10px;align-items: center;padding: 8px 10px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface)}.pdf-item.is-over{border-color: var(--brand);box-shadow: 0 0 0 2px var(--brand-soft)}.pdf-item.is-dragging{opacity: 0.5}.pdf-grip{cursor: grab;color: var(--text-3);display: inline-flex;padding: 4px 0}.pdf-thumb{width: 44px;height: 56px;border-radius: 6px;border: 1px solid var(--border);background: var(--surface-2);display: grid;place-items: center;overflow: hidden;color: var(--t-pdf);flex-shrink: 0}.pdf-thumb img{width: 100%;height: 100%;object-fit: cover}.pdf-thumb .icon{width: 22px;height: 22px}.pdf-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.92rem}.pdf-name small{display: block;color: var(--text-3);font-size: 0.8rem}.pdf-btns{display: inline-flex;gap: 4px}.pdf-rot{display: inline-block;transition: transform 0.2s}@media (max-width: 560px){.pdf-item{grid-template-columns: auto auto minmax(0,1fr)}.pdf-btns{grid-column: 1 / -1;justify-content: flex-end}}.pdf-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(132px,1fr));gap: 12px}.pdf-page{position: relative;display: flex;flex-direction: column;gap: 6px;padding: 8px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);cursor: pointer;user-select: none;transition: border-color 0.15s,box-shadow 0.15s,opacity 0.15s}.pdf-page:hover{border-color: var(--border-strong)}.pdf-page.is-selected{border-color: var(--brand);box-shadow: 0 0 0 2px var(--brand-soft)}.pdf-page.is-deleted{opacity: 0.35}.pdf-page.is-deleted .pdf-canvas-wrap::after{content: "";position: absolute;inset: 0;background: repeating-linear-gradient(45deg,transparent 0 8px,rgba(220,38,38,0.18) 8px 10px)}.pdf-page.is-over{border-color: var(--brand)}.pdf-canvas-wrap{position: relative;aspect-ratio: 3 / 4;display: grid;place-items: center;background: var(--surface-2);border-radius: 6px;overflow: hidden}.pdf-canvas-wrap canvas,.pdf-canvas-wrap img{max-width: 100%;max-height: 100%;box-shadow: 0 1px 4px rgba(0,0,0,0.18);background: #fff;transition: transform 0.2s}.pdf-page .pdf-n{font-size: 0.8rem;color: var(--text-2);display: flex;align-items: center;justify-content: space-between;gap: 4px}.pdf-page .pdf-check{position: absolute;top: 12px;left: 12px;width: 22px;height: 22px;border-radius: 6px;background: var(--surface);border: 1px solid var(--border-strong);display: grid;place-items: center;color: #fff}.pdf-page.is-selected .pdf-check{background: var(--brand);border-color: var(--brand)}.pdf-page .pdf-check .icon{width: 14px;height: 14px;opacity: 0}.pdf-page.is-selected .pdf-check .icon{opacity: 1}.pdf-page .pdf-tools{display: inline-flex;gap: 2px}.pdf-page .pdf-tools .btn{padding: 4px;min-height: 0;height: 28px;width: 28px}.op-grid{grid-template-columns: repeat(auto-fill,minmax(150px,1fr))}.op-toolbar{gap: 6px}button.pdf-check{padding: 0;cursor: pointer;z-index: 1}button.pdf-page{font: inherit;color: inherit;text-align: left}