html.web,html.web body{background:#f7f7f5}@media(prefers-color-scheme:dark){html.web,html.web body{background:#1c1c1e}}:root{color-scheme:dark light;--surface: #ffffff;--ink: rgba(255, 255, 245, .92);--ink-soft: rgba(255, 255, 245, .6);--ink-faint: rgba(255, 255, 245, .4);--hairline: rgba(255, 255, 255, .14);--accent: rgba(255, 255, 245, .92);--accent-ink: #1a1a1c;--accent-hover: #ffffff;--select: #4479ff;--hover: rgba(255, 255, 255, .08);--group-bg: rgba(255, 255, 255, .05);--control: rgba(255, 255, 255, .12);--overlay: rgba(18, 18, 20, .72);--overlay-strong: #131316;--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--radius: 10px;--page-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .36)}@media(prefers-color-scheme:light){:root{--surface: #ffffff;--ink: #16161a;--ink-soft: #55555c;--ink-faint: #8e8e94;--hairline: #e6e6e2;--accent: #16161a;--accent-ink: #ffffff;--accent-hover: #2e2e34;--select: #4479ff;--hover: rgba(22, 22, 26, .06);--group-bg: rgba(20, 20, 24, .045);--control: rgba(255, 255, 255, .92);--overlay: rgba(247, 247, 245, .7);--overlay-strong: #f4f4f2;--scrollbar-thumb: rgba(22, 22, 26, .16);--scrollbar-thumb-hover: rgba(22, 22, 26, .32);--page-shadow: 0 1px 2px rgba(20, 20, 24, .07), 0 6px 20px rgba(20, 20, 24, .06)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}.app{position:relative;display:flex;flex-direction:column;height:100%}.toolbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:14px;height:56px;padding:0 20px;-webkit-app-region:drag}.toolbar.mac{--traffic-lights-end: 72px;--traffic-lights-clearance: 32px;padding-left:calc(var(--traffic-lights-end) + var(--traffic-lights-clearance))}.toolbar button{-webkit-app-region:no-drag}.toolbar-meta{margin-left:16px;font-size:12.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.toolbar-meta .dot{margin:0 6px}.toolbar-spacer{flex:1}.zoom-cluster{display:flex;align-items:center;gap:1px;margin-right:8px}.zoom-value{font-family:inherit;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-soft);background:transparent;border:none;border-radius:6px;min-width:46px;padding:5px 4px;text-align:center;cursor:pointer;transition:background-color .15s ease}.zoom-value:hover{background:var(--hover)}.btn{font-family:inherit;font-size:13px;font-weight:500;border:none;border-radius:8px;padding:7px 16px;cursor:pointer;transition:background-color .15s ease,opacity .15s ease,transform .05s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}a.btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.btn .star-count{color:#d3ac53;font-variant-numeric:tabular-nums}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline)}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.glass{position:relative;border-radius:999px;color:var(--ink);background:transparent;transition:none;-webkit-app-region:no-drag}.btn.glass:hover:not(:disabled){background:var(--hover)}.btn.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(to bottom left,#ffffff4d,#ffffff0d,#fff3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(prefers-color-scheme:light){.btn.glass{box-shadow:0 10px 28px #14141829,0 2px 6px #14141814}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:default}.findbar{position:absolute;top:60px;right:20px;z-index:40;display:flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;border-radius:999px;background:var(--overlay-strong);box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px var(--hairline);-webkit-app-region:no-drag;animation:findbar-in .16s ease}@keyframes findbar-in{0%{opacity:0;transform:translateY(-6px)}}.findbar-icon{display:flex;color:var(--ink-faint)}.findbar-input{font-family:inherit;font-size:13px;color:var(--ink);background:transparent;border:none;outline:none;width:200px;padding:0}.findbar-input::placeholder{color:var(--ink-faint)}.findbar-count{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.findbar-status{font-size:12px;color:var(--ink-faint);white-space:nowrap;animation:findbar-pulse 1.4s ease-in-out infinite}@keyframes findbar-pulse{50%{opacity:.45}}.findbar-lang{font-family:inherit;font-size:12px;color:var(--ink-soft);background:var(--hover);border:none;border-radius:6px;padding:3px 6px;cursor:pointer;outline:none}.findbar .icon-btn{width:24px;height:24px}.doc-row,.page{transition:opacity .15s ease,filter .15s ease}.doc-row.dimmed,.page.dimmed{opacity:.3;filter:grayscale(1)}.find-layer{position:absolute;inset:0;z-index:3;overflow:clip;line-height:1;text-align:initial;transform-origin:0 0;pointer-events:none;mix-blend-mode:multiply;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size))}.find-layer>span{position:absolute;color:transparent;white-space:pre;transform-origin:0 0;--font-height: 0;--scale-x: 1;--rotate: 0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.find-hit{border-radius:1px;background-color:#ffd54a}.ocr-highlight-layer{position:absolute;inset:0;z-index:3;overflow:clip;pointer-events:none;mix-blend-mode:multiply}.ocr-highlight{position:absolute;border-radius:1px;background-color:#ffd54a}.canvas-viewport{position:relative;flex:1;overflow:hidden;cursor:grab;mask-image:linear-gradient(to bottom,#0000001a 0 28px,#00000024 34px,#0000003d,#00000063,#0000008c,#000000b8,#000000db,#000000f5,#000 76px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 28px,rgba(0,0,0,.14) 34px,rgba(0,0,0,.24) 40px,rgba(0,0,0,.39) 46px,rgba(0,0,0,.55) 52px,rgba(0,0,0,.72) 58px,rgba(0,0,0,.86) 64px,rgba(0,0,0,.96) 70px,#000 76px)}.canvas-viewport.panning{cursor:grabbing}.canvas-world{position:absolute;top:0;left:0;transform-origin:0 0}.canvas-doc{position:absolute;transition:transform .2s cubic-bezier(.2,0,0,1)}.app.committing .canvas-doc{transition:none}.doc-row{width:100%;padding:52px 16px 20px;background:var(--group-bg);border-radius:24px}.canvas-overlay{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.overlay-header-slot{position:absolute;transition:transform .2s cubic-bezier(.2,0,0,1)}.doc-header{display:flex;align-items:center;gap:10px;padding:4px 6px;pointer-events:auto;transform:scale(calc(1/max(var(--k, 1),1)));transform-origin:bottom left;white-space:nowrap}.doc-index{font-size:17px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums;letter-spacing:.08em}.doc-name{font-size:17px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;padding:2px 6px;border-radius:6px;cursor:text}.doc-name:hover{background:var(--hover)}.doc-name-input{font-family:inherit;background:var(--hover);border:none;outline:none;min-width:80px}.doc-pages{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}@media(prefers-color-scheme:light){.doc-index,.doc-pages{color:var(--ink-soft)}}.doc-actions{display:flex;align-items:center;gap:2px;margin-left:auto;align-self:center;opacity:0;transition:opacity .15s ease}.doc-header .icon-btn{width:26px;height:26px;border-radius:6px}.doc-header .icon-btn svg{width:14px;height:14px}.doc-header:hover .doc-actions{opacity:1}.page-strip{overflow:visible}.page-strip-inner{display:flex;gap:18px;padding:0 6px;width:max-content}.page{position:relative;flex-shrink:0;background:var(--surface);border-radius:10px;box-shadow:var(--page-shadow);overflow:hidden;cursor:pointer}.page.selected{outline:3px solid var(--select);outline-offset:2px}.page.collapsing{box-shadow:none}.page.ghost{background:var(--hover);border:1.5px dashed var(--ink-faint);box-shadow:none;cursor:default;pointer-events:none}.page.ghost.grow{animation:ghost-grow .18s cubic-bezier(.2,0,0,1)}@keyframes ghost-grow{0%{width:0;opacity:0}}.dashed-border{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.dashed-border rect{stroke:var(--ink-faint);transition:stroke .15s ease}.add-ghost{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;font-family:inherit;color:var(--ink-faint);background:var(--hover);border:none;border-radius:10px;overflow:hidden;cursor:pointer}.add-label{font-size:13px;font-weight:500}.page.add-page{box-shadow:none;pointer-events:auto;opacity:0;transition:opacity .15s ease,color .15s ease}.doc-row:hover .page.add-page{opacity:1}.add-ghost:hover{color:var(--ink)}.add-ghost:hover .dashed-border rect{stroke:var(--ink-soft)}.app.dragging .page.add-page{display:none}.add-doc-row{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:52px 22px 20px;background:transparent;border:none;cursor:pointer}.add-doc-row:hover .dashed-border rect{stroke:var(--ink-soft)}.add-doc-page{transition:color .15s ease}.add-doc-row:hover .add-doc-page{color:var(--ink)}.app.dragging .add-doc-row{display:none}.ghost-doc{pointer-events:none;animation:ghost-row-in .2s ease;transition:top .2s cubic-bezier(.2,0,0,1)}.doc-row.ghost{padding:42px 16px 14px}.ghost-strip{display:flex;gap:18px;padding:0 6px;width:max-content}@keyframes ghost-row-in{0%{opacity:0}}.page-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.page-canvas.visible{opacity:1}.pageview{position:absolute;inset:0}.pageview-base{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}.pageview-base.ready{opacity:1}.pageview-detail{position:absolute;top:0;left:0}.page-number{position:absolute;bottom:6px;right:8px;font-size:10px;font-weight:500;color:#28282d8c;background:#ffffffd9;border-radius:4px;padding:1px 5px;opacity:0;transition:opacity .15s ease;font-variant-numeric:tabular-nums}.page:hover .page-number{opacity:1}.doc-list.compact{gap:10px;padding-top:80px}.doc-list.compact .doc-row{margin:0 16px;padding:6px 10px 8px;border-radius:16px}.doc-list.compact .doc-header{padding:2px 4px 6px}.doc-list.compact .doc-index{display:none}.doc-list.compact .doc-name{font-size:11px}.doc-list.compact .doc-pages{font-size:10px}.doc-list.compact .page-strip-inner{gap:8px;padding:2px 6px 8px}.doc-list.compact .page{border-radius:5px;box-shadow:0 1px 3px #1414181a}.doc-list.compact .page-number{display:none}.page-strip::-webkit-scrollbar{height:8px}.content::-webkit-scrollbar{width:10px}.page-strip::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;background-clip:padding-box;border:2px solid transparent}.page-strip::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.page-strip::-webkit-scrollbar-track,.content::-webkit-scrollbar-track{background:transparent}.add-row{margin:4px 14px 0;padding:14px;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-faint);background:transparent;border:1.5px dashed var(--hairline);border-radius:var(--radius);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.add-row:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint);background:var(--hover)}.add-row:disabled{opacity:.4;cursor:default}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.empty-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:64px 72px;max-width:480px}.empty-glyph{color:var(--ink-faint)}.empty-card h1{font-size:30px;font-weight:600;letter-spacing:-.02em}.empty-card .btn{margin-top:6px}.empty-drop-stage{position:absolute;inset:56px 0 0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-card{transition:opacity .15s ease}.empty-card.drag-active{opacity:0}.full-view{position:fixed;inset:0;z-index:30;--ink: rgba(255, 255, 245, .92);--ink-soft: rgba(255, 255, 245, .6);--ink-faint: rgba(255, 255, 245, .4);--hover: rgba(255, 255, 255, .08);--control: rgba(255, 255, 255, .12);--overlay-strong: #131316;--scrim: rgba(19, 19, 22, .55);--scrim-hover: rgba(19, 19, 22, .75)}.full-backdrop{position:absolute;inset:0;background:var(--overlay-strong);transition:opacity .3s ease}.full-chrome{position:absolute;inset:0;pointer-events:none;transition:opacity .3s ease}.full-chrome .icon-btn,.full-chrome .full-nav{pointer-events:auto}.full-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 16px}.full-bar.mac{padding-left:84px}.full-title{font-size:13px;font-weight:600;background:var(--scrim);border-radius:999px;padding:5px 12px}.full-bar .icon-btn{margin-left:auto;width:30px;height:30px;color:var(--ink);background:var(--scrim)}.full-bar .icon-btn:hover:not(:disabled){background:var(--scrim-hover)}.full-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.full-scroll::-webkit-scrollbar{width:0;height:0}.full-scroll.locked,.full-scroll.locked .full-doc{overflow:hidden;scroll-snap-type:none}.full-scroll.pannable{cursor:grab}.full-doc{position:relative;height:100%;display:flex;gap:24px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-snap-align:start;overscroll-behavior-x:contain;scrollbar-width:none}.full-doc::-webkit-scrollbar{width:0;height:0}.full-doc:not(:last-child){margin-bottom:24px}.full-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.full-page{position:relative;flex:none;background:var(--surface);border-radius:4px;overflow:hidden;box-shadow:0 10px 40px #00000059}.full-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--scrim);color:var(--ink);box-shadow:0 2px 10px #14141824;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.full-view:hover .full-nav{opacity:1}.full-nav:hover{background:var(--scrim-hover)}.full-nav:disabled{opacity:0!important;cursor:default}.full-nav.prev{left:18px}.full-nav.next{right:18px}.full-count{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:2;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-soft);background:var(--control);border-radius:999px;padding:4px 12px;box-shadow:0 1px 6px #1414181a}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;font-size:13px;font-weight:500;background:var(--accent);color:var(--accent-ink);padding:9px 18px;border-radius:999px;box-shadow:0 8px 28px #1414184d;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}