.loft-extract-pages{width:100%;container-type:inline-size;container-name:tool;display:flex;flex-direction:column;gap:16px}.loft-extract-pages__editor{display:flex;flex-direction:column;gap:16px}.loft-extract-pages__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#ffffff08;border:1px solid var(--color-overlay-soft);border-radius:var(--radius-xl);flex-wrap:wrap}.loft-extract-pages__info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem}.loft-extract-pages__info i{font-size:1.1rem;color:var(--accent-violet)}.loft-extract-pages__badge{padding:2px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:#06b6d41f;color:var(--accent-cyan)}.loft-extract-pages__actions{display:flex;gap:8px}.loft-extract-pages__btn-text{background:none;border:none;color:var(--text-muted);font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--duration-base),background var(--duration-base)}.loft-extract-pages__btn-text:hover{color:var(--text-primary);background:var(--color-overlay-faint)}.loft-extract-pages__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:480px;overflow-y:auto;padding:4px}.loft-extract-pages__thumb{position:relative;background:#ffffff08;border:2px solid var(--color-overlay-soft);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--duration-base),transform var(--duration-quick);display:flex;flex-direction:column;align-items:center}.loft-extract-pages__thumb:hover{border-color:var(--color-overlay-strong);transform:translateY(-1px)}.loft-extract-pages__thumb--selected,.loft-extract-pages__thumb--selected:hover{border-color:var(--accent-cyan)}.loft-extract-pages__thumb img{width:100%;height:auto;display:block;pointer-events:none}.loft-extract-pages__page-num{display:block;padding:4px 0;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-align:center}.loft-extract-pages__thumb--selected .loft-extract-pages__page-num{color:var(--accent-cyan)}.loft-extract-pages__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-cyan-bg-soft);pointer-events:none}.loft-extract-pages__overlay i{font-size:2rem;color:var(--accent-cyan);opacity:.9}.loft-extract-pages__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:8px}.loft-extract-pages__complete{display:flex;flex-direction:column;align-items:center;gap:24px}.loft-extract-pages__result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid var(--color-overlay-soft);border-radius:var(--radius-xl);flex-wrap:wrap}.loft-extract-pages__file-info{display:flex;align-items:center;gap:14px}.loft-extract-pages__file-icon{font-size:1.5rem;color:var(--accent-violet)}.loft-extract-pages__filename{font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--text-primary)}.loft-extract-pages__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:2px}.loft-extract-pages__savings{display:inline-flex;align-items:center;gap:3px;color:var(--color-success);font-weight:600}.loft-extract-pages__result-actions{display:flex;gap:10px}.loft-extract-pages__error{text-align:center;padding:32px 16px;color:var(--color-error);font-family:var(--font-ui);font-size:.9rem}.loft-extract-pages__error button{margin-top:16px}@container tool (max-width: 768px){.loft-extract-pages__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:360px}.loft-extract-pages__result{flex-direction:column;align-items:flex-start}.loft-extract-pages__result-actions{width:100%}.loft-extract-pages__result-actions button{flex:1}.loft-extract-pages__footer{flex-direction:column}.loft-extract-pages__footer button{width:100%}}@container tool (max-width: 480px){.loft-extract-pages__grid{grid-template-columns:repeat(2,1fr);gap:8px}.loft-extract-pages__toolbar{flex-direction:column;align-items:flex-start}}