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