.img2pdf{width:100%;display:flex;flex-direction:column;gap:16px}.img2pdf[data-state=empty]{--loft-fp-shell-empty-cap: 720px}.img2pdf__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-wrap:wrap}.img2pdf__info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem}.img2pdf__info i{font-size:1.1rem;color:var(--accent-violet)}.img2pdf__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:20px;align-items:start}@container tool (max-width: 60rem){.img2pdf__body{grid-template-columns:minmax(0,1fr)}}.img2pdf__list-panel{display:flex;flex-direction:column;gap:8px}.img2pdf__list{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;padding:2px}.img2pdf__item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:grab;transition:border-color var(--duration-base),background var(--duration-base);user-select:none}.img2pdf__item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.img2pdf__item:active{cursor:grabbing}.img2pdf__grip{display:flex;align-items:center;color:var(--text-muted);font-size:1rem;flex-shrink:0;opacity:.5;transition:opacity var(--duration-base)}.img2pdf__item:hover .img2pdf__grip{opacity:1}.img2pdf__thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background:#0003}.img2pdf__item-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.img2pdf__item-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img2pdf__item-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.img2pdf__btn-action{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:4px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--duration-base)}.img2pdf__btn-action:hover{color:var(--accent-cyan)}.img2pdf__btn-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:4px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--duration-base),background var(--duration-base)}.img2pdf__btn-remove:hover{color:var(--color-error);background:var(--bg-card-hover)}.img2pdf__settings-panel{display:flex;flex-direction:column;gap:16px}.img2pdf__settings{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.img2pdf__setting-group{display:flex;flex-direction:column;gap:4px}.img2pdf__label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.img2pdf__custom-margin{display:flex;align-items:center;gap:6px;margin-top:4px}.img2pdf__num-input{width:70px;background:#0003;border:1px solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:5px 8px;color:var(--text-primary);font-size:.82rem;font-family:var(--font-mono);outline:none;transition:border-color var(--duration-base)}.img2pdf__num-input:focus{border-color:var(--border-glow)}.img2pdf__unit{font-size:.72rem;color:var(--text-muted)}.img2pdf__slider{width:100%;accent-color:var(--accent-violet)}.img2pdf__preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.img2pdf__preview-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.img2pdf__preview-canvas{max-width:100%;border-radius:4px;box-shadow:0 2px 12px #0000004d}.img2pdf__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:8px}.img2pdf__complete{display:flex;flex-direction:column;align-items:center;gap:24px}.img2pdf__processing{padding:40px 20px}.img2pdf__error{text-align:center;padding:32px 16px;color:var(--color-error);font-size:.9rem}.img2pdf__error button{margin-top:16px}@container tool (max-width: 768px){.img2pdf__body{grid-template-columns:1fr}.img2pdf__settings-panel{order:-1}.img2pdf__list{max-height:300px}.img2pdf__footer{flex-direction:column}.img2pdf__footer button{width:100%}}@container tool (max-width: 480px){.img2pdf__toolbar{flex-direction:column;align-items:flex-start}.img2pdf__grip{display:none}.img2pdf__thumb{width:36px;height:36px}}