:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--accent: light-dark(#6abea7, #88cbb9);--accent-contrast: #1a2030;--accent-hover: light-dark(#4e9f8a, #a5d8ca);--accent-strong: light-dark(#2e7263, #88cbb9);--border: light-dark(#cac8cf, #3a4252);--control-border: light-dark(#6f6d7a, #7a8496);--surface: light-dark(#f5f5f7, #151a24);--card: light-dark(#ffffff, #1a2030);--text: light-dark(#2c3341, #e8eef0);--text-muted: light-dark(#66646f, #a5afbc);--error: light-dark(#b33636, #f37a7a);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 24rem),var(--surface);color:var(--text);line-height:1.5}.app{max-width:64rem;margin:0 auto;padding:2rem 1.25rem 3rem}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}#theme-toggle{font-size:.85rem;color:var(--text-muted);background:transparent}#theme-toggle:hover{color:var(--text)}.brand{display:inline-block}.logo{height:28px;width:auto;display:block}.logo-dark{display:none}@media(prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}:root[data-theme=light] .logo-light{display:block}:root[data-theme=light] .logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}header h1{margin:0 0 .35rem;font-size:2.1rem;letter-spacing:-.02em}.tagline{margin:0 0 1.75rem;max-width:42rem;color:var(--text-muted)}.tagline strong{color:inherit}.muted{color:var(--text-muted)}.small{font-size:.85rem}.drop-zone{border:2px dashed var(--accent-strong);border-radius:1rem;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--card) 55%,transparent);transition:border-color .15s,background-color .15s,box-shadow .15s}.drop-zone p{margin:.25rem 0 0}.drop-icon{width:2.5rem;height:2.5rem;color:var(--accent-strong)}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragging{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,var(--card));box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.drop-zone.compact{padding:.9rem 1.5rem}.drop-zone.compact .drop-icon,.drop-zone.compact .drop-hint{display:none}.file-info{display:flex;gap:.75rem;align-items:baseline;margin:1.25rem 0 .5rem;font-weight:600}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.grid-and-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,32rem);gap:.75rem;align-items:start}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:44rem;overflow-y:auto;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card)}.preview-pane{position:sticky;top:.75rem;max-height:44rem;overflow-y:hidden;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card);text-align:center}.preview-pane figure{margin:0}.preview-pane canvas{display:block;margin:0 auto;max-width:100%;height:auto;box-shadow:0 2px 8px #00000040;border-radius:2px}.preview-pane figcaption{margin-top:.5rem}@media(max-width:56rem){.grid-and-preview{grid-template-columns:1fr}.preview-pane{position:static;order:-1;max-height:none}}.page-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:2px solid var(--control-border);border-radius:.5rem;background:var(--card);cursor:pointer;transition:border-color .1s}.page-card:hover{border-color:var(--accent-strong)}.page-card.selected{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,var(--card))}.page-card.previewed{outline:2px dotted var(--accent-strong);outline-offset:2px}.page-card canvas{max-width:100%;height:auto;box-shadow:0 1px 3px #0003}.page-number{font-size:.8rem;color:var(--text-muted)}.page-card.selected .page-number:before{content:"✓ "}.page-card.selected .page-number{color:var(--accent-strong);font-weight:700}.thumb-error{padding:2rem .5rem;font-size:.8rem;color:var(--text-muted)}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.25rem}.action-group{padding:1.1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card);box-shadow:0 1px 3px #0000000f}.action-group h2{margin:0 0 .7rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.action-group button{display:block;width:100%;margin-bottom:.5rem}button{padding:.5rem .9rem;border:1px solid var(--control-border);border-radius:.55rem;background:var(--card);font:inherit;font-weight:500;cursor:pointer;transition:background-color .1s,box-shadow .1s,border-color .1s}button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,var(--card));border-color:var(--accent-strong)}button:focus-visible,.drop-zone:focus-visible,.page-card:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}#extract-selected,#split-ranges{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:0 1px 4px color-mix(in srgb,var(--accent) 45%,transparent)}#extract-selected:hover:not(:disabled),#split-ranges:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}#extract-selected:disabled{background:var(--card);border-color:var(--border);color:inherit}.range-row{display:flex;gap:.5rem}.range-row input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--control-border);border-radius:.5rem;background:var(--surface);font:inherit;color:inherit}.range-row input::placeholder{color:var(--text-muted);opacity:1}.range-row button{width:auto;margin-bottom:0}#status{min-height:2.2rem;margin-top:1rem}#status[data-kind]{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));font-size:.9rem}#status[data-kind=error]{color:var(--error);font-weight:600;background:color-mix(in srgb,var(--error) 8%,var(--card));border-color:color-mix(in srgb,var(--error) 30%,var(--border))}#status[data-kind=busy]:after{content:"";display:inline-block;width:.85em;height:.85em;margin-left:.4rem;border:2px solid var(--accent-strong);border-top-color:transparent;border-radius:50%;vertical-align:-.1em;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{margin-top:2.5rem;border-top:1px solid var(--border);padding-top:1rem}footer a{color:var(--accent-strong)}