:root{--paper:#fff;--desk:#f2f3f5;--ink:#17191e;--grey:#6a707b;--line:#dfe2e7;--mark:#ffd84d;--danger:#c62828;--font:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#1b1d22;--desk:#121316;--ink:#f1f2f4;--grey:#9aa0ab;--line:#2c2f36;--danger:#ff7b7b}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{font:400 15px/1.5 var(--font);color:var(--ink);background:var(--desk);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;color:var(--ink);font-weight:700;text-decoration:none}.file-name{color:var(--grey);text-overflow:ellipsis;white-space:nowrap;max-width:28ch;overflow:hidden}.file-name:not(:empty):before{content:"";background:var(--line);vertical-align:-2px;width:1px;height:14px;margin-right:12px;display:inline-block}.status{color:var(--grey);font-size:13px}.status.error{color:var(--danger)}.spacer{flex:1}.file-actions{gap:8px;display:flex}.app.empty .file-actions,.app.empty .open-btn{display:none}.btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.quiet{color:var(--grey);background:0 0;border-color:#0000}.btn.quiet:hover{color:var(--ink);border-color:#0000}.btn.small{padding:6px 12px}.btn:disabled{opacity:.4;cursor:not-allowed}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 20px 120px}.drop{border:1.5px dashed var(--line);background:var(--paper);cursor:pointer;border-radius:16px;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:48px;max-width:880px;margin:6vh auto 0;padding:48px;transition:border-color .15s;display:grid}.drop:hover,.drop.over{border-color:var(--ink)}.app:not(.empty) .drop{display:none}.sheet{aspect-ratio:1/1.3;background:var(--desk);border:1px solid var(--line);box-shadow:0 1px 0 var(--line);border-radius:4px;position:relative}.sheet:before{content:"";background:linear-gradient(var(--line) 0 0) 0 0 / 100% 3px no-repeat, linear-gradient(var(--line) 0 0) 0 14px / 70% 3px no-repeat, linear-gradient(var(--line) 0 0) 0 28px / 85% 3px no-repeat;height:34%;position:absolute;inset:14% 14% auto}.sheet:after{content:"";background:var(--mark);border-radius:2px;height:20px;position:absolute;bottom:20%;left:14%;right:38%}.drop-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.drop-title{letter-spacing:-.03em;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.1}.drop-sub{color:var(--grey);max-width:46ch}.drop-btn{margin-top:6px}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px;display:grid}.page{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0;position:relative}.thumb{background:var(--paper);border:1px solid var(--line);height:220px;color:var(--grey);border-radius:6px;justify-content:center;align-items:center;padding:10px;font-size:13px;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.thumb canvas{max-width:100%;max-height:100%;box-shadow:0 0 0 1px var(--line);background:#fff;transition:transform .18s}.page:hover .thumb{border-color:var(--grey)}.num{color:var(--grey);border-radius:3px;margin-top:8px;padding:1px 7px;font-size:13px;font-weight:500;display:inline-block}.page.selected .thumb{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.page.selected .num{background:var(--mark);color:#17191e}.selbar{background:var(--paper);border:1px solid var(--ink);z-index:6;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 24px);padding:6px 8px;animation:.16s ease-out rise;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.sel-count{white-space:nowrap;padding:0 10px;font-weight:600}.sep{background:var(--line);width:1px;height:22px;margin:0 4px}.tool{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-weight:500;display:inline-flex}.tool:hover{background:var(--desk)}.tool.danger:hover{color:var(--danger)}.hint{color:var(--grey);margin:0 0 16px;font-size:14px}.page.dragging{opacity:.35}.page.drop-before:before,.page.drop-after:after{content:"";background:var(--mark);z-index:1;border-radius:2px;width:4px;height:220px;position:absolute;top:0}.page.drop-before:before{left:-12px}.page.drop-after:after{right:-12px}.page:focus-visible{outline-offset:4px;border-radius:6px}.file-actions{flex-wrap:wrap;align-items:center}.tool svg,.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--grey);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--desk);color:var(--ink)}.dialog{border:1px solid var(--line);background:var(--paper);width:min(440px,100vw - 32px);color:var(--ink);border-radius:14px;padding:0}.dialog::backdrop{background:#0a0c1073}.dialog-body{padding:24px}.dialog h2{letter-spacing:-.02em;margin:0 0 4px;font-size:20px}.muted{color:var(--grey);margin:0 0 8px}.field{margin:20px 0 6px;font-size:14px;font-weight:600;display:block}.row{gap:8px;display:flex}input[type=text],input[type=number]{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex:1;min-width:0;padding:8px 12px}input[type=number]{flex:0 0 90px}input:focus-visible{outline-offset:0;border-color:var(--ink)}.split-msg{min-height:1.5em;color:var(--grey);margin:14px 0 0;font-size:13px}.split-msg.error{color:var(--danger)}.dialog-foot{justify-content:flex-end;margin-top:8px;display:flex}@media (width<=720px){.drop{grid-template-columns:1fr;gap:24px;padding:28px}.sheet{max-width:120px}.main{padding:16px 14px 120px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.thumb{height:190px}.header{flex-wrap:wrap;padding:10px 14px}.file-name{display:none}.tool{gap:0;padding:8px}.tool svg{width:20px;height:20px}.tool svg+span{display:none}.page.drop-before:before,.page.drop-after:after{height:190px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}