:root{--bg:#f1f5f9;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-dark:#1d4ed8;--danger:#dc2626;--thumb:170px;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}h1,h2,h3{line-height:1.25}a{color:var(--brand-dark)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--brand);color:#fff;padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}:focus-visible{outline-offset:2px;outline:3px solid #0ea5e9}.topbar{color:#e2e8f0;z-index:30;background:#0f172a;align-items:center;gap:1rem;padding:.7rem 1.1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.02rem;font-weight:650;display:flex}.privacy-badge{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.4rem;margin:0 auto 0 0;padding:.2rem .6rem;font-size:.84rem;display:flex}.icon-btn{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:50%;width:30px;height:30px;font-weight:700}.icon-btn:hover{background:#334155}main{flex:1;width:100%}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);background:var(--panel);padding:1.1rem;font-size:.85rem}.footer p{margin:0 0 .4rem}.footer nav{justify-content:center;gap:1.2rem;display:flex}#dropzone{text-align:center;background:var(--panel);max-width:640px;color:var(--ink);border:2px dashed #cbd5e1;border-radius:16px;margin:3.5rem auto;padding:2.6rem 1.6rem}#dropzone svg{color:var(--brand)}#dropzone h1{letter-spacing:-.02em;margin:.8rem 0 .5rem;font-size:1.55rem}.lede{color:var(--muted);max-width:46ch;margin:0 auto 1.5rem}.fineprint{color:var(--muted);margin:1.1rem 0 0;font-size:.82rem}.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.42rem .8rem}.btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn.big{padding:.7rem 1.4rem;font-size:1rem}.btn.icon{padding:.42rem .6rem;font-size:1.05rem;line-height:1}.toolbar{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;display:flex;position:sticky;top:47px}.group{align-items:center;gap:.35rem;display:flex}.group.grow{flex:1;min-width:130px}.muted{color:var(--muted)}.small{font-size:.82rem}#zoom{width:100%;max-width:160px;accent-color:var(--brand)}#filename{font:inherit;border:1px solid var(--line);border-radius:8px;width:11rem;min-width:6rem;padding:.4rem .55rem}.menu{position:relative}.menu>summary{list-style:none;display:inline-block}.menu>summary::-webkit-details-marker{display:none}.menu-panel{background:var(--panel);border:1px solid var(--line);z-index:40;border-radius:10px;width:270px;padding:.3rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0f172a29}.menu-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.5rem .6rem;display:block}.menu-item:hover{background:#f1f5f9}.menu-item small{color:var(--muted);font-size:.78rem;display:block}.legend{flex-wrap:wrap;gap:.45rem;padding:.6rem 1rem 0;display:flex}.legend-item{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.45rem;max-width:100%;padding:.2rem .35rem .2rem .6rem;font-size:.82rem;display:flex}.legend-swatch{border-radius:3px;flex:none;width:10px;height:10px}.legend-name{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;overflow:hidden}.legend-count{color:var(--muted)}.progress{align-items:center;gap:.7rem;padding:.6rem 1rem 0;display:flex}.progress-track{background:var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-bar{background:var(--brand);width:0;height:100%;transition:width .15s}.progress-label{color:var(--muted);min-width:12ch;font-size:.82rem}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--thumb), 1fr));align-items:start;gap:.85rem;padding:1rem;display:grid}.grid:focus{outline:none}.page-card{background:var(--panel);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;transition:border-color .12s,box-shadow .12s,opacity .15s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a12}.page-card:hover{box-shadow:0 4px 14px #0f172a21}.page-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb2e}.page-card.deleted{opacity:.32}.page-card.deleted .page-thumb img{filter:grayscale()}.source-stripe{width:100%;height:4px}.page-thumb{height:var(--thumb);background:#f8fafc;justify-content:center;align-items:center;display:flex;overflow:hidden}.page-thumb img{max-width:calc(var(--thumb) - 24px);max-height:calc(var(--thumb) - 24px);background:#fff;transition:transform .18s;box-shadow:0 1px 4px #0f172a38}.page-thumb .skeleton{background:linear-gradient(100deg,#eef2f7 30%,#e2e8f0 50%,#eef2f7 70%) 0 0/300% 100%;border-radius:3px;width:46%;height:62%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.page-thumb .skeleton{animation:none}.page-thumb img{transition:none}}.page-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.76rem;display:flex}.page-num{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.page-src{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.page-tools{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:6px}.page-card:hover .page-tools,.page-card:focus-within .page-tools{opacity:1}@media (hover:none){.page-tools{opacity:1}}.page-tools button{cursor:pointer;background:#ffffffed;border:1px solid #0f172a1f;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;font-size:.85rem;line-height:1;display:grid}.page-tools button:hover{background:#fff;border-color:#94a3b8}.page-tools button.del:hover{color:var(--danger);border-color:var(--danger)}.rot-badge{color:#fff;background:#0f172ac7;border-radius:5px;padding:.1rem .35rem;font-size:.68rem;position:absolute;top:8px;left:6px}.sortable-ghost{opacity:.25}.sortable-drag{box-shadow:0 14px 34px #0f172a4d!important}.drop-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#2563eb1f;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{background:var(--panel);border:3px dashed var(--brand);border-radius:16px;padding:1.6rem 2.4rem;font-size:1.15rem;font-weight:600}body.dragging #dropzone{border-color:var(--brand);background:#eff6ff}.toasts{z-index:80;flex-direction:column;gap:.5rem;width:min(560px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast{color:#f1f5f9;background:#0f172a;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.65rem .9rem;font-size:.88rem;display:flex;box-shadow:0 10px 30px #0f172a4d}.toast.error{background:#7f1d1d}.toast.warn{background:#78350f}.toast.ok{background:#14532d}.toast button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;margin-left:auto;font-size:1.05rem;line-height:1}.dialog{border:0;border-radius:14px;width:calc(100vw - 2rem);max-width:560px;padding:1.6rem;box-shadow:0 24px 60px #0f172a59}.dialog::backdrop{background:#0f172a80}.dialog h2{margin:1.2rem 0 .6rem;font-size:1.05rem}.dialog h2:first-of-type{margin-top:0}.dialog-close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:.7rem;right:.7rem}.shortcuts{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem;display:grid}.shortcuts dt{text-align:right}.shortcuts dd{color:var(--muted);margin:0}kbd{font:inherit;border:1px solid var(--line);background:#f1f5f9;border-bottom-width:2px;border-radius:5px;padding:.05rem .35rem;font-size:.8em}.notes{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.88rem}.notes li{margin-bottom:.4rem}.topbar nav{align-items:center;gap:1.1rem;margin-left:auto;display:flex}.topbar nav a{color:#cbd5e1;font-size:.88rem;text-decoration:none}.topbar nav a:hover{color:#fff}.topbar nav a.nav-cta{background:var(--brand);color:#fff;border-radius:7px;padding:.35rem .8rem;font-weight:600}.topbar nav a.nav-cta:hover{background:#3b82f6}.topbar .privacy-badge.in-nav{margin:0}.hero{background:radial-gradient(60rem 30rem at 50% -10rem, #dbeafe 0%, transparent 70%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);border-bottom:1px solid var(--line);text-align:center;padding:4rem 1.2rem 3.4rem}.hero h1{letter-spacing:-.03em;max-width:18ch;margin:0 auto .9rem;font-size:clamp(1.9rem,5vw,3rem)}.hero .sub{color:#475569;max-width:52ch;margin:0 auto 1.8rem;font-size:clamp(1rem,2.2vw,1.15rem)}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1.6rem;display:flex}.btn.ghost{background:0 0;border-color:#94a3b8}.btn.ghost:hover{background:#fff}.trust-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:0;padding:0;font-size:.87rem;list-style:none;display:flex}.trust-row li{align-items:center;gap:.4rem;display:flex}.trust-row svg{color:#10b981;flex:none}.section{max-width:68rem;margin:0 auto;padding:3.2rem 1.2rem}.section-head{text-align:center;margin-bottom:2rem}.section-head h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,1.8rem)}.section-head p{color:var(--muted);max-width:52ch;margin:0 auto}.section.alt{background:var(--panel);border-block:1px solid var(--line);max-width:none}.section.alt>*{max-width:68rem;margin-inline:auto}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:14px;padding:1.3rem;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:block}.card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1a}.card .card-icon{width:40px;height:40px;color:var(--brand);background:#eff6ff;border-radius:10px;place-items:center;margin-bottom:.9rem;display:grid}.card h3{margin:0 0 .35rem;font-size:1.02rem}.card p{color:var(--muted);margin:0;font-size:.89rem}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.why-grid h3{margin:0 0 .5rem;font-size:1.05rem}.why-grid p{color:var(--muted);margin:0 0 .6rem;font-size:.92rem}.why-grid .why-mark{color:#059669;background:#ecfdf5;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:.8rem;display:grid}.steps{counter-reset:step;gap:1.4rem;max-width:44rem;margin:0 auto;display:grid}.step{align-items:flex-start;gap:1rem;display:flex}.step-num{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:grid}.step h3{margin:.25rem 0 .3rem;font-size:1rem}.step p{color:var(--muted);margin:0;font-size:.92rem}.faq{max-width:44rem;margin:0 auto}.faq-item{border-bottom:1px solid var(--line);padding:.2rem 0}.faq-item summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.9rem .2rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--muted);font-size:1.3rem;font-weight:400;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);margin:0 .2rem 1rem;font-size:.92rem}.closing{text-align:center;color:#e2e8f0;background:#0f172a;padding:3rem 1.2rem}.closing h2{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.3rem,3vw,1.7rem)}.closing p{color:#94a3b8;max-width:46ch;margin:0 auto 1.5rem}.prose{max-width:42rem;margin:0 auto;padding:2rem 1.2rem 3rem}.prose h1{letter-spacing:-.02em;font-size:1.7rem}.prose h2{margin-top:2rem;font-size:1.12rem}.prose code{background:#e2e8f0;border-radius:4px;padding:.1rem .3rem;font-size:.88em}.prose .updated{color:var(--muted);font-size:.85rem}@media (max-width:640px){.privacy-badge{padding:.15rem .45rem;font-size:.74rem}.brand span{display:none}.toolbar{gap:.4rem .6rem;padding:.5rem .6rem;top:47px}.grid{gap:.6rem;padding:.6rem}#filename{width:8rem}.group.grow{order:10}#dropzone{margin:1.5rem .8rem;padding:2rem 1rem}#dropzone h1{font-size:1.25rem}}