.page-thumbnail-strip,.page-thumbnail-strip.extract-page-picker{min-width:0;margin:0;padding:8px 14px 6px;border:0;border-block-end:1px solid var(--line);border-radius:0;background:#eceef2}.page-thumbnail-strip .page-thumbnail-track{display:flex;gap:9px;margin:0;padding:5px 6px 9px;max-height:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.page-thumbnail-strip .utility-page,.page-thumbnail-strip .extract-pages-grid>li{flex:0 0 92px;min-width:0;min-height:0;height:122px;padding:8px 7px 7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,background .15s}.page-thumbnail-strip .utility-page{grid-template-rows:76px auto;gap:4px}.page-thumbnail-strip .utility-thumbnail{width:76px;height:76px;max-width:100%}.page-thumbnail-strip .utility-page:hover,.page-thumbnail-strip .extract-pages-grid>li:hover{border-color:var(--accent)}.page-thumbnail-strip .page-selection-marker{display:none;position:absolute;top:3px;inset-inline-end:3px;width:16px;height:16px;fill:currentColor;color:var(--muted);opacity:.65;pointer-events:none}.page-thumbnail-strip .is-current>.page-selection-marker{display:block}.page-thumbnail-strip .is-selected>.page-selection-marker,.page-thumbnail-strip .utility-page[aria-pressed=true]>.page-selection-marker{color:var(--accent);opacity:1}.page-thumbnail-strip .utility-page[aria-pressed=true],.page-thumbnail-strip .extract-pages-grid>li.is-selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.page-thumbnail-strip .utility-page:focus-visible,.page-thumbnail-strip .extract-thumb-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.page-thumbnail-strip .extract-thumb-preview{grid-template-rows:76px auto;gap:4px;min-height:0;height:105px;padding:0;border:0;background:transparent}.page-thumbnail-strip .extract-thumb-paper{display:block;width:76px;height:76px;border:0;background:transparent;box-shadow:none;overflow:visible}.page-thumbnail-strip .extract-thumb-paper canvas,.edit-preview-layout .page-thumbnail-image canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none;filter:drop-shadow(0 2px 4px #15233820)}.page-thumbnail-strip .page-thumbnail-number,.edit-preview-layout .page-thumbnail-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--line);font-size:11px}.page-thumbnail-strip .is-selected .page-thumbnail-number,.edit-preview-layout [aria-current=true] .page-thumbnail-number{color:#fff;background:var(--accent)}.edit-preview-layout{display:grid;grid-template-columns:108px minmax(0,1fr);min-width:0}.edit-preview-layout>.canvas-area{min-width:0}.edit-preview-layout .page-thumbnail-rail{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;height:775px;margin:0;padding:12px 8px;border:0;border-inline-end:1px solid #dadee7;background:#f3f3f7;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding-block:6px}.edit-preview-layout .page-thumbnail-rail button{flex:0 0 122px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:76px auto;justify-items:center;align-content:center;gap:4px;min-width:0;width:100%;padding:8px 7px 7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);transition:border-color .15s,background .15s}.edit-preview-layout .page-thumbnail-rail button:hover{border-color:var(--accent)}.edit-preview-layout .page-thumbnail-rail button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.edit-preview-layout .page-thumbnail-rail button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.edit-preview-layout .page-thumbnail-image{width:76px;max-width:100%;height:76px}.edit-preview-layout .page-thumbnail-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0}.edit-preview-layout .page-thumbnail-meta .page-thumbnail-number{flex-shrink:0}.edit-preview-layout .page-thumbnail-rail small{font-size:9px;line-height:12px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}:root[data-appearance=dark] .page-thumbnail-strip,:root[data-appearance=dark] .page-thumbnail-strip.extract-page-picker{background:color-mix(in srgb,var(--canvas) 60%,var(--surface))}:root[data-appearance=dark] .edit-preview-layout .page-thumbnail-rail{background:var(--canvas);border-inline-end-color:var(--line)}:root[data-appearance=dark] .page-thumbnail-strip .extract-pages-grid>li{background:var(--surface)}:root[data-appearance=dark] .page-thumbnail-strip .extract-pages-grid>li.is-selected,:root[data-appearance=dark] .edit-preview-layout .page-thumbnail-rail button[aria-current=true]{background:var(--accent-soft)}@media(max-width:680px){.page-thumbnail-strip,.page-thumbnail-strip.extract-page-picker{padding-inline:8px}.page-thumbnail-strip .utility-page,.page-thumbnail-strip .extract-pages-grid>li{flex-basis:84px}.page-thumbnail-strip .utility-thumbnail,.page-thumbnail-strip .extract-thumb-paper{width:66px}.edit-preview-layout{grid-template-columns:84px minmax(0,1fr)}.edit-preview-layout .page-thumbnail-rail{height:600px;padding:10px 5px}.edit-preview-layout .page-thumbnail-rail button{padding-inline:5px}.edit-preview-layout .page-thumbnail-number{width:22px;height:22px;font-size:10px}.edit-preview-layout .page-thumbnail-rail small{font-size:8px}}@media(prefers-reduced-motion:reduce){.page-thumbnail-strip .utility-page,.page-thumbnail-strip .extract-pages-grid>li,.edit-preview-layout .page-thumbnail-rail button{transition:none}}.extract-pages-from-pdf-page .editor-grid{align-items:start}.extract-pages-from-pdf-page .document-column{padding-bottom:18px}.extract-pages-from-pdf-page .crop-settings{padding-top:22px}.extract-pages-from-pdf-page .settings-heading h2{margin-bottom:18px}.extract-current-toggle{position:absolute;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #d9d9e2;border-radius:18px;background:#fffefeee;color:var(--muted);line-height:1;font-size:11px;box-shadow:0 2px 9px #292a3e18}.extract-current-toggle .icon{width:15px;height:15px}.extract-current-toggle.is-selected{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.extract-range-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#extract-range{width:100%;height:42px;direction:ltr;text-align:start}.extract-range-row .button{padding-inline:12px}.extract-controls .settings-note{margin:7px 0 18px}.extract-quick-actions{display:flex;flex-wrap:wrap;gap:7px}.extract-quick-actions button:hover{border-color:var(--accent)}.extract-selection-count{margin:16px 0 19px;padding:10px 12px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600}.extract-pages-grid{list-style:none}.extract-pages-grid>li{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.extract-pages-grid>li.is-dragging{opacity:.45}.extract-thumb-preview{display:grid;place-items:center;width:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.extract-thumb-paper{position:relative;display:grid;place-items:center}.extract-drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:rotate(3deg) scale(1.04);border:2px solid var(--accent);background:#fff;box-shadow:0 8px 24px rgba(var(--accent-rgb),.22)}.extract-drag-ghost canvas{width:100%;height:100%;object-fit:contain}