@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#252620;background:#f3eee5;font-synthesis:none;--ink: #24251f;--paper: #fbf8f1;--sage: #556b5d;--line: #d8d0c3;--coral: #d76f51}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}header{height:78px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fbf8f1d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-family:Fraunces,serif;font-size:21px;line-height:1}.brand small{display:block;font-family:DM Sans;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#7b786f;margin-top:5px}.brand-mark{width:37px;height:42px;display:grid;place-items:center;color:#fff;background:var(--sage);border-radius:3px 3px 11px;box-shadow:4px 4px #c9bda9}.privacy{margin:auto;color:var(--sage);font-size:12px;font-weight:700;letter-spacing:.02em}.privacy span{color:#888278;font-weight:400;margin-left:7px}.header-actions{display:flex;gap:9px;margin-left:auto}.button{border:0;padding:11px 17px;border-radius:5px;cursor:pointer;font-weight:700}.button.dark{background:var(--ink);color:#fff}.button.ghost{background:transparent}main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px}.workspace{padding:54px max(4vw,34px) 80px;min-width:0}.workspace-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:var(--coral)}.workspace h1{font:700 clamp(32px,4vw,52px)/1.05 Fraunces,serif;margin:0 0 11px}.workspace-heading p:last-child{margin:0;color:#77736c}.count{display:flex;flex-direction:column;text-align:right}.count strong{font:600 34px Fraunces}.count span{color:#888278;font-size:12px}.empty-state{width:100%;min-height:390px;border:1.5px dashed #b9afa0;border-radius:12px;background:#fbf8f185;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.empty-state:hover{background:var(--paper);border-color:var(--sage);transform:translateY(-2px)}.empty-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--sage);color:#fff;font-size:34px;margin-bottom:22px}.empty-state strong{font:600 25px Fraunces}.empty-state>span:not(.empty-icon){color:#77736c;margin:7px 0 30px}.empty-state em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#969087}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;align-items:start}.page-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 10px #322d240f;overflow:hidden;transition:.2s}.page-card:hover,.page-card.selected{border-color:var(--sage);box-shadow:0 6px 20px #322d241f}.page-card.dragging{opacity:.55}.page-preview{height:220px;margin:9px;position:relative;background:#e8e2d9;display:grid;place-items:center;overflow:hidden}.page-preview img{max-width:88%;max-height:88%;object-fit:contain;box-shadow:0 3px 12px #70695d55;transition:transform .2s}.drag-handle{position:absolute;top:6px;left:6px;border:0;background:#23241fc7;color:#fff;border-radius:4px;padding:5px 7px;cursor:grab}.page-number{position:absolute;right:7px;bottom:7px;background:var(--coral);color:#fff;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.page-meta{padding:6px 12px 10px;min-width:0}.page-meta strong,.page-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta strong{font-size:12px}.page-meta span{color:#8b857b;font-size:10px;margin-top:4px}.page-actions{display:flex;border-top:1px solid #e5dfd5}.page-actions button{flex:1;border:0;border-right:1px solid #e5dfd5;background:transparent;padding:8px;cursor:pointer}.page-actions button:hover,.page-actions .active{background:#e5ece6;color:var(--sage)}.page-actions .danger:hover{background:#f8e5df;color:#ad4428}.add-card{min-height:318px;border:1.5px dashed #b9afa0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#77736c;cursor:pointer}.add-card span{font-size:28px}.zoom-page{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;border-radius:50%;background:#fbf8f1f0;color:var(--ink);font-size:21px;cursor:pointer;opacity:0;transform:translateY(-3px);transition:.18s;box-shadow:0 2px 8px #37322933}.page-preview:hover .zoom-page,.zoom-page:focus-visible{opacity:1;transform:translateY(0)}.zoom-page:hover{background:var(--sage);color:#fff}.export-panel{border-left:1px solid var(--line);background:var(--paper);padding:50px 31px;box-shadow:-12px 0 30px #413a300a}.export-panel h2{font:600 27px Fraunces;margin:0 0 30px}.export-panel>label,fieldset{display:block;margin:0 0 23px;border:0;padding:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.export-panel select,.filename{margin-top:8px;width:100%;background:#fff;border:1px solid var(--line);border-radius:5px}.export-panel select{padding:11px}.segmented{margin-top:8px;display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.segmented button{flex:1;border:0;border-right:1px solid var(--line);background:#fff;padding:9px 3px;font-size:10px;text-transform:capitalize;cursor:pointer}.segmented button:last-child{border:0}.segmented .active{background:var(--sage);color:#fff}.quality{position:relative;display:flex;align-items:center;gap:10px;background:#fff;padding:10px;border:1px solid var(--line);border-bottom:0;text-transform:none;letter-spacing:0;cursor:pointer}.quality:first-of-type{margin-top:8px;border-radius:5px 5px 0 0}.quality:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 5px 5px}.quality.selected{border-color:var(--sage);background:#f1f5f0}.quality span{flex:1}.quality strong,.quality small{display:block}.quality small{color:#8b857b;font-weight:400;margin-top:2px}.quality em{font-size:8px;font-style:normal;color:var(--sage);text-transform:uppercase}.quality input{accent-color:var(--sage)}.filename{display:flex;align-items:center;overflow:hidden}.filename input{width:100%;min-width:0;border:0;padding:11px;outline:none}.filename span{padding:0 10px;color:#888278;font-weight:400;text-transform:none}.summary{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#77736c;font-size:11px}.export-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:5px;background:var(--coral);color:#fff;padding:15px 17px;font-weight:700;cursor:pointer;box-shadow:0 5px #a84b34}.export-button:disabled{filter:grayscale(.65);opacity:.55;cursor:not-allowed;box-shadow:none}.export-button b{font-size:20px}.local-note{text-align:center;color:#858076;font-size:9px;margin-top:18px}.notice{display:flex;justify-content:space-between;gap:12px;background:#f8e5df;color:#8c3822;border:1px solid #e9b5a6;padding:11px 14px;margin-bottom:20px;border-radius:5px;font-size:12px}.notice button{border:0;background:transparent;cursor:pointer}.drop-overlay{position:fixed;inset:12px;z-index:100;display:grid;place-items:center;background:#556b5deb;border:3px dashed white;color:#fff;font:600 34px Fraunces;border-radius:13px;pointer-events:none}.viewer-backdrop{position:fixed;inset:0;z-index:200;padding:18px;display:grid;place-items:center;background:#141512db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:viewer-in .16s ease-out}.viewer{width:min(1500px,100%);height:min(940px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#282923;color:#fff;border:1px solid #ffffff24;border-radius:11px;box-shadow:0 24px 80px #0008;outline:none}.viewer-header{position:static;z-index:3;height:auto;min-height:68px;padding:10px 18px;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);gap:16px;align-items:center;background:#20211df2;border-bottom:1px solid #ffffff1a;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.viewer-title{min-width:0}.viewer-title strong,.viewer-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-title strong{font-size:13px}.viewer-title span{color:#aaa99f;font-size:10px;margin-top:4px}.viewer-tools{display:flex;justify-self:center;border:1px solid #ffffff20;border-radius:6px;overflow:hidden}.viewer-tools button,.viewer-close,.viewer-footer button{border:0;background:transparent;color:#e8e7e0;cursor:pointer}.viewer-tools button{min-width:42px;padding:9px 10px;border-right:1px solid #ffffff1a;font-size:12px}.viewer-tools button:last-child{border:0}.viewer-tools button:hover,.viewer-tools .active{background:#ffffff18}.viewer-tools .zoom-value{min-width:61px;font-variant-numeric:tabular-nums}.viewer-close{justify-self:end;width:40px;height:40px;border-radius:50%;font-size:27px}.viewer-close:hover{background:#ffffff18}.viewer-stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background-color:#33342e;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:18px 18px;touch-action:none;-webkit-user-select:none;user-select:none}.viewer-stage.pannable{cursor:grab}.viewer-stage.pannable:active{cursor:grabbing}.viewer-page-position{position:absolute;top:50%;left:50%;transform-origin:center;pointer-events:none}.viewer-page-position img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;box-shadow:0 8px 38px #0009;transition:filter .2s}.viewer-loading{position:absolute;z-index:2;top:18px;left:50%;transform:translate(-50%);padding:8px 13px;border-radius:20px;background:#20211ddd;color:#d7d5cc;font-size:10px}.viewer-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:46px;height:64px;border:0;border-radius:6px;background:#20211dcc;color:#fff;font-size:38px;cursor:pointer}.viewer-nav.previous{left:14px}.viewer-nav.next{right:14px}.viewer-nav:hover:not(:disabled){background:var(--sage)}.viewer-nav:disabled{opacity:.18;cursor:default}.viewer-footer{min-height:62px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#20211d;border-top:1px solid #ffffff1a;color:#fff}.viewer-footer div{display:flex;gap:6px}.viewer-footer button{padding:9px 13px;border-radius:5px;font-size:11px}.viewer-footer button:hover,.viewer-footer button.active{background:#ffffff17}.viewer-footer .viewer-delete{color:#f2a28b}.viewer-footer .viewer-delete:hover{background:#762f22;color:#fff}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}footer{border-top:1px solid var(--line);min-height:78px;padding:0 4vw;display:flex;gap:20px;align-items:center;color:#7c776e;font-size:11px}.footer-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.footer-brand>span{font:600 16px/1.2 Fraunces;color:var(--ink)}.footer-brand small,footer>p,footer>small{margin-top:0;margin-bottom:0;font-size:10px;line-height:1.2}.footer-brand small{color:#8d8585}.footer-brand a{color:var(--sage);text-decoration:none}.footer-brand a:hover{text-decoration:underline}footer>small:last-child{margin-left:auto}@media(max-width:850px){header{padding:0 18px}.privacy{display:none}main{grid-template-columns:1fr}.export-panel{border-left:0;border-top:1px solid var(--line)}.workspace{padding:35px 18px 55px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.page-preview{height:190px}.zoom-page{opacity:1;transform:none}.viewer-backdrop{padding:0}.viewer{height:100%;border:0;border-radius:0}.viewer-header{grid-template-columns:minmax(100px,1fr) auto}.viewer-tools{grid-row:2;grid-column:1 / -1;width:100%}.viewer-tools button{flex:1}.viewer-close{grid-column:2;grid-row:1}.viewer-footer{overflow-x:auto}.viewer-footer,.viewer-footer div{flex-shrink:0}}@media(max-width:520px){.brand small,.button.ghost,footer small{display:none}.button{padding:10px 12px}.workspace-heading{align-items:start}.workspace h1{font-size:34px}.page-grid{grid-template-columns:1fr 1fr;gap:10px}.page-preview{height:165px;margin:6px}.page-actions button{padding:7px 2px}.add-card{min-height:263px}footer p{margin-left:auto;text-align:right}.viewer-header{gap:8px;padding:8px 10px}.viewer-nav{width:38px;height:54px}.viewer-footer{padding:8px}.viewer-footer button{padding:8px;font-size:0}.viewer-footer button:first-letter{font-size:18px}}.history-button{width:38px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:20px;cursor:pointer}.history-button:disabled{opacity:.3;cursor:default}.drag-handle{cursor:grab}.drag-handle:active,.app-shell.sorting-page,.app-shell.sorting-page *{cursor:grabbing!important}.page-check{position:absolute;top:7px;left:7px;z-index:2;cursor:pointer}.page-check input{position:absolute;opacity:0}.page-check span{width:25px;height:25px;display:grid;place-items:center;border:2px solid white;border-radius:5px;background:#24251f99;color:transparent;box-shadow:0 1px 5px #0004}.page-check input:checked+span{background:var(--sage);color:#fff}.page-check input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}.drag-handle{top:auto;bottom:6px}.document-toolbar{min-height:52px;margin:-14px 0 22px;padding:8px 10px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.document-toolbar>div{display:flex;align-items:center;gap:8px}.document-toolbar button{border:0;border-radius:4px;padding:7px 9px;background:#ebe5db;cursor:pointer;font-size:11px}.document-toolbar span{color:#77736c;font-size:10px}.document-toolbar .batch-actions{margin-left:auto}.document-toolbar .batch-actions button{background:#e4ebe5}.document-toolbar .batch-actions .danger{background:#f5e1da;color:#9c3f26}.grid-picker{margin-left:auto;border-left:1px solid var(--line);padding-left:10px}.grid-picker button.active{background:var(--sage);color:#fff}.page-grid.grid-small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.page-grid.grid-small .page-preview{height:155px}.page-grid.grid-small .page-meta span{display:none}.page-grid.grid-large{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.page-grid.grid-large .page-preview{height:330px}.page-grid.grid-small .add-card{min-height:249px}.page-grid.grid-medium .add-card{min-height:318px}.page-grid.grid-large .add-card{min-height:422px}.recovery-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#1c1d19c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.recovery-dialog{width:min(430px,100%);padding:38px;text-align:center;background:var(--paper);border-radius:12px;box-shadow:0 25px 80px #0007}.recovery-dialog .recovery-icon{width:62px;height:62px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#e3ebe4;color:var(--sage);font-size:31px}.recovery-dialog h2{margin:0;font:600 29px Fraunces}.recovery-dialog>p:not(.eyebrow){margin:14px 0 27px;color:#77736c;line-height:1.6;font-size:13px}.recovery-dialog>div{display:flex;justify-content:center;gap:9px}.undo-toast{position:fixed;z-index:350;left:50%;bottom:24px;transform:translate(-50%);min-width:300px;padding:11px 12px 11px 16px;display:flex;align-items:center;gap:16px;border-radius:7px;background:#24251f;color:#fff;box-shadow:0 12px 35px #0005;font-size:12px}.undo-toast span{flex:1}.undo-toast button{border:0;background:transparent;color:#f0a38c;font-weight:700;cursor:pointer}@media(max-width:850px){.document-toolbar{flex-wrap:wrap}.document-toolbar .batch-actions{order:3;width:100%;margin:0;overflow-x:auto}}@media(max-width:520px){.history-button,.document-toolbar span{display:none}.page-grid.grid-large{grid-template-columns:1fr}.undo-toast{min-width:0;width:calc(100% - 24px);bottom:12px}}:root{--ink: #17201b;--paper: #fff;--sage: #36705a;--line: #e3e8e4;--coral: #e76f51;background:#f5f7f5}body{background:radial-gradient(circle at 20% 0%,#eaf1ec 0,transparent 34%),#f6f7f6}button,select,input{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #73a79166;outline-offset:2px}header{height:72px;padding:0 clamp(20px,4vw,60px);background:#ffffffdb;border-color:#e5eae6;box-shadow:0 1px #fff inset}.brand{font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#39785f,#285744);box-shadow:0 7px 16px #2f69503b}.brand small{letter-spacing:.13em;margin-top:4px}.privacy{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #dfe8e2;border-radius:999px;background:#f5faf6;letter-spacing:0}.privacy span{margin-left:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px}.button.dark{background:#1d2822;box-shadow:0 6px 14px #1d282226}.button.dark:hover{background:var(--sage);transform:translateY(-1px)}.button.ghost:hover{background:#f0f3f1}.history-button{display:grid;place-items:center;border-radius:9px;background:#fff}.history-button:hover:not(:disabled){border-color:#a9bdb0;background:#f2f7f3;color:var(--sage)}main{grid-template-columns:minmax(0,1fr) 370px;gap:24px;max-width:1680px;width:100%;margin:0 auto;padding:28px clamp(18px,3vw,46px) 52px}.workspace{padding:25px 0 55px}.workspace-heading{margin-bottom:28px}.workspace h1{font-family:DM Sans,sans-serif;font-size:clamp(30px,3.3vw,48px);letter-spacing:-.055em}.eyebrow{color:var(--sage);letter-spacing:.15em}.count{min-width:76px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:#ffffffa8;text-align:center}.count strong{font-family:DM Sans,sans-serif;font-size:27px}.count span{font-size:10px}.export-panel{position:sticky;top:100px;align-self:start;padding:28px;border:1px solid var(--line);border-radius:16px;background:#ffffffeb;box-shadow:0 14px 38px #28382f12}.export-panel h2{font-family:DM Sans,sans-serif;letter-spacing:-.035em}.export-panel select,.filename{border-radius:9px;border-color:#dce3de}.segmented{border-radius:9px}.quality:first-of-type{border-radius:9px 9px 0 0}.quality:last-of-type{border-radius:0 0 9px 9px}.quality.selected{background:#eff7f1}.export-button{border-radius:10px;background:linear-gradient(135deg,#e7795c,#d95f42);box-shadow:0 7px 18px #d15b3d36}.export-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #d15b3d45}.export-button b,.local-note{display:flex;align-items:center;justify-content:center}.local-note{gap:5px}.document-toolbar{min-height:58px;padding:9px 12px;border-radius:12px;background:#ffffffe6;box-shadow:0 6px 20px #26372d0b}.document-toolbar button{display:inline-flex;align-items:center;gap:6px;border-radius:7px;background:#f2f4f2}.document-toolbar button:hover{background:#e6eee8;color:var(--sage)}.grid-picker button{width:32px;justify-content:center}.page-grid{gap:16px}.page-card{border-radius:13px;box-shadow:0 5px 18px #28382f0c}.page-card:hover,.page-card.selected{transform:translateY(-2px);box-shadow:0 13px 28px #26372d18}.page-card.selected{border-color:#73a087;box-shadow:0 0 0 2px #73a08722,0 13px 28px #26372d18}.page-preview{margin:7px;border-radius:8px;background:linear-gradient(145deg,#edf0ed,#e4e8e5)}.page-preview img{border-radius:2px}.page-actions button{display:grid;place-items:center}.drag-handle{display:grid;place-items:center;border-radius:7px}.zoom-page{display:grid;place-items:center;border-radius:8px}.page-number{background:#24312a}.add-card{border-radius:13px;background:#ffffff5e}.add-card:hover{border-color:var(--sage);background:#fff;color:var(--sage)}.empty-state{border-radius:18px;background:#ffffff9e;box-shadow:inset 0 1px #fff}.empty-icon{background:linear-gradient(145deg,#3b7b62,#285a46);box-shadow:0 10px 25px #31684f38}.empty-state strong{font-family:DM Sans,sans-serif;letter-spacing:-.03em}.viewer{border-radius:16px}.viewer-tools button,.viewer-footer button,.viewer-nav,.viewer-close{display:inline-flex;align-items:center;justify-content:center;gap:6px}.viewer-nav{border-radius:12px}.viewer-footer{min-height:64px}.viewer-footer div{display:flex}.recovery-dialog{border-radius:18px}.recovery-dialog h2{font-family:DM Sans,sans-serif;letter-spacing:-.04em}footer{background:#fff8}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding-inline:20px}.export-panel{padding:22px}}@media(max-width:850px){main{display:grid;grid-template-columns:1fr;padding:0}.workspace{padding:35px 18px 55px}.export-panel{position:static;max-height:none;margin:0 14px 30px;border:1px solid var(--line);border-radius:16px}.viewer{border-radius:0}}.language-switch{display:flex;margin-left:10px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f3f6f4}.language-switch button{min-width:34px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#68736c;font-size:10px;font-weight:700;cursor:pointer}.language-switch button.active{background:#fff;color:var(--sage);box-shadow:0 2px 7px #1c2c2218}.quality .quality-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f0f3f1;color:#77827b}.quality.selected .quality-icon{background:#dcebe1;color:var(--sage)}.quick-tutorial{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:12px;color:#68736c;font-size:12px}.quick-tutorial span{display:inline-flex;align-items:center;gap:7px}.quick-tutorial i{display:inline-flex;align-items:center;color:var(--sage);font-style:normal;pointer-events:none}.quick-tutorial b{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;border-radius:50%;background:var(--sage);color:#fff;font-size:10px;line-height:1}.feature-summary{margin-top:18px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;color:#68736c;font-size:12px}.feature-summary>strong{color:var(--ink)}.feature-list{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px 18px;list-style-position:inside;line-height:1.45}.feature-list li::marker{color:var(--sage)}.empty-state .file-formats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 14px}.empty-state .file-formats span{display:inline-flex;align-items:center;gap:5px;color:#69746d}.empty-state .file-formats svg{color:var(--sage)}.empty-state .file-formats small{flex-basis:100%;color:#969087;font-size:9px}.add-card-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:5px}.add-card-formats small{display:inline-flex;align-items:center;gap:3px;color:#918688;font-size:8px;font-weight:600}.add-card-formats svg{color:var(--sage)}.add-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:#fff}@media(max-width:850px){.language-switch{margin-left:auto}.privacy{display:none}}@media(max-width:520px){.language-switch button{min-width:29px;padding-inline:6px}.header-actions{margin-left:6px}}.thumbnail-skeleton{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(100deg,#e4e9e5 30%,#f3f6f4,#e4e9e5 70%);background-size:220% 100%;animation:thumbnail-pulse 1.4s linear infinite;color:#a84d38;font-size:28px}.thumbnail-skeleton.failed{animation:none;background:#f6e8e4}.import-progress{margin:-10px 0 20px;padding:11px 14px;display:flex;align-items:center;gap:14px;border:1px solid #cddfd3;border-radius:10px;background:#f1f8f3;color:var(--sage);font-size:12px}.import-progress span{flex:1}.import-progress button{border:0;border-radius:7px;padding:7px 11px;background:#e6eee8;color:var(--sage);cursor:pointer}@keyframes thumbnail-pulse{to{background-position:-220% 0}}.thumbnail-page{position:relative;container-type:inline-size;box-shadow:0 3px 12px #70695d55;transform-origin:center}.thumbnail-page.landscape{width:88%}.thumbnail-page.portrait{height:88%}.thumbnail-page img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;box-shadow:none}.thumbnail-text-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.thumbnail-text-layer>div{position:absolute;overflow:hidden;white-space:pre-wrap;line-height:1.25}.thumbnail-page{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.thumbnail-page:active{cursor:grabbing}.viewer{position:relative}.viewer-page-position{pointer-events:auto;container-type:inline-size}.viewer-page-position>img{pointer-events:none}.text-overlay-layer{position:absolute;inset:0}.text-overlay-box{position:absolute;border:1px solid transparent;cursor:text}.text-overlay-box.selected{border-color:#64a9ff;box-shadow:0 0 0 1px #fff8}.text-overlay-box textarea{display:block;width:100%;height:100%;padding:2px;border:0;outline:0;resize:none;overflow:hidden;line-height:1.25;background:transparent;direction:inherit}.text-overlay-box textarea::placeholder{color:#5a85b5;opacity:.7}.text-move-handle{position:absolute;z-index:2;top:-25px;left:-1px;height:23px;padding:0 7px;display:grid;place-items:center;border:0;border-radius:5px 5px 0 0;background:#3385df;color:#fff;cursor:move}.text-resize-handle{position:absolute;z-index:2;right:-6px;bottom:-6px;width:13px;height:13px;padding:0;border:2px solid white;border-radius:50%;background:#3385df;cursor:nwse-resize}.viewer-stage.text-mode{cursor:crosshair}.viewer-stage.text-mode .viewer-page-position{box-shadow:0 0 0 2px #69aef099}.text-format-toolbar{position:absolute;z-index:8;left:50%;bottom:75px;transform:translate(-50%);width:min(760px,calc(100% - 30px));min-height:48px;padding:7px;display:flex;align-items:center;gap:5px;border:1px solid #ffffff22;border-radius:10px;background:#171914ee;color:#fff;box-shadow:0 12px 30px #0007}.text-format-toolbar select,.text-format-toolbar input{height:32px;border:1px solid #ffffff20;border-radius:6px;background:#2c2e29;color:#fff}.text-format-toolbar select{padding:0 25px 0 9px}.text-format-toolbar label{display:flex;align-items:center;gap:5px;color:#b9b9b1;font-size:10px}.text-format-toolbar label input{width:55px;padding:0 6px}.text-format-toolbar>input[type=color]{width:35px;padding:3px}.text-format-toolbar button{width:33px;height:33px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#ddd;cursor:pointer}.text-format-toolbar button:hover,.text-format-toolbar button.active{background:#ffffff1a;color:#fff}.text-format-toolbar button.danger{color:#f19278}.text-toolbar-spacer{flex:1}@media(max-width:650px){.text-format-toolbar{bottom:66px;overflow-x:auto;justify-content:flex-start}.text-format-toolbar>*{flex-shrink:0}.viewer-footer>div{overflow-x:auto}.viewer-footer>div button{flex-shrink:0}}.thumbnail-text-layer>div,.text-overlay-box{box-sizing:border-box}.text-overlay-box textarea{padding:0}.viewer-stage.color-pick-mode,.viewer-stage.color-pick-mode *{cursor:crosshair!important}.toolbar-divider{width:1px;height:25px;flex:0 0 1px;background:#ffffff20}.text-format-toolbar .opacity-slider{width:76px;padding:0;accent-color:#6ca88d}.page-overlay-layer{position:absolute;inset:0}.image-overlay-box{position:absolute;overflow:hidden;border:1px solid transparent;cursor:move}.image-overlay-box.selected{overflow:visible;border-color:#64a9ff;box-shadow:0 0 0 1px #fff8}.image-overlay-box>img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.image-overlay-box.selected>img{clip-path:inset(0)}.image-move-handle{position:absolute;z-index:3;top:-25px;left:-1px;height:23px;padding:0 7px;display:grid;place-items:center;border:0;border-radius:5px 5px 0 0;background:#3385df;color:#fff;cursor:move}.image-resize-handle{position:absolute;z-index:3;right:-7px;bottom:-7px;width:14px;height:14px;padding:0;border:2px solid white;border-radius:50%;background:#3385df;cursor:nwse-resize}.thumbnail-image-overlay{position:absolute;overflow:hidden;padding:0!important}.thumbnail-image-overlay img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;box-shadow:none}.image-format-toolbar button{width:auto;min-width:33px;padding:0 9px;display:inline-flex;gap:6px}.image-format-toolbar strong{padding:0 5px;font-size:11px}.image-format-toolbar .crop-slider{width:72px;padding:0;accent-color:#6ca88d}.image-overlay-box.selected{overflow:hidden}.image-move-handle{top:3px;left:3px;border-radius:5px}.image-resize-handle{right:2px;bottom:2px}.image-overlay-box.cropping{cursor:grab;touch-action:none;border:2px solid white;box-shadow:0 0 0 9999px #1118}.image-overlay-box.cropping:active{cursor:grabbing}.crop-grid{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#fff9 33.2%,#fff9 33.6%,transparent 33.7%,transparent 66.3%,#fff9 66.4%,#fff9 66.8%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#fff9 33.2%,#fff9 33.6%,transparent 33.7%,transparent 66.3%,#fff9 66.4%,#fff9 66.8%,transparent 66.9%)}.crop-frame-resize{position:absolute;z-index:4;right:2px;bottom:2px;width:16px;height:16px;padding:0;border:2px solid white;border-radius:3px;background:#3385df;cursor:nwse-resize}.crop-ratios{display:flex;gap:3px}.image-format-toolbar .crop-ratios button{padding-inline:7px;font-size:10px}.image-format-toolbar .crop-zoom-slider{width:105px;padding:0;accent-color:#6ca88d}:root{--ink: #2b1719;--sage: #c62828;--line: #eadedf;--coral: #e53935;background:#fff8f8}body{background:radial-gradient(circle at 20% 0%,#ffe5e7 0,transparent 34%),snow}.brand-mark,.empty-icon,.button.dark,.segmented .active,.grid-picker button.active,.page-check input:checked+span,.page-number,.viewer-nav:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#991b1b)}.brand-mark{box-shadow:0 7px 16px #b91c1c3b}.empty-icon{box-shadow:0 10px 25px #b91c1c38}.button.dark{box-shadow:0 6px 14px #991b1b2b}.button.dark:hover{background:linear-gradient(135deg,#dc2626,#7f1d1d)}.export-button{background:linear-gradient(135deg,#f05252,#a9141e);box-shadow:0 7px 18px #b91c1c36}.export-button:hover:not(:disabled){box-shadow:0 10px 22px #991b1b45}.quality.selected{border-color:#dc5b62;background:#fff0f1;box-shadow:inset 0 -1px #dc5b62}.quality .quality-icon{background:#fff3f3;color:#9a7376}.quality.selected .quality-icon{background:#ffdadd;color:var(--sage)}.document-toolbar .batch-actions button,.document-toolbar button:hover{background:#fff0f1}.history-button:hover:not(:disabled){border-color:#dc858a;background:#fff1f2}.page-actions button:hover,.page-actions .active{background:#fff0f1}.page-card.selected{border-color:#d65b63;box-shadow:0 0 0 2px #d65b6322,0 13px 28px #4a202018}.import-progress{border-color:#efc4c7;background:#fff3f4}.import-progress button,.recovery-dialog .recovery-icon{background:#ffe2e4}.thumbnail-skeleton{background:linear-gradient(100deg,#f3e5e6 30%,#fff6f6,#f3e5e6 70%);background-size:220% 100%}.drop-overlay{background:linear-gradient(135deg,#b91c1ceb,#7f1d1deb)}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#dc262666}.text-format-toolbar .opacity-slider,.image-format-toolbar .crop-slider,.image-format-toolbar .crop-zoom-slider{accent-color:var(--sage)}@media(max-width:700px){.app-shell>header{height:62px;min-height:62px;padding:8px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.app-shell>header .brand{grid-column:1;grid-row:1;min-width:0;gap:9px;font-size:17px}.app-shell>header .brand-mark{width:34px;height:34px;flex:0 0 34px;border-radius:9px}.app-shell>header .brand>span:last-child{min-width:0}.app-shell>header .brand small{display:block;margin-top:3px;color:#8d7476;font-size:7px;line-height:1;letter-spacing:.02em;text-transform:none;white-space:nowrap}.app-shell>header .language-switch{grid-column:2;grid-row:1;justify-self:end;margin-left:0}.app-shell>header .header-actions{grid-column:3;grid-row:1;width:auto;margin-left:0;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px}.app-shell>header .header-actions .button{padding:9px 12px}.app-shell>header .header-actions .button{display:none}.app-shell>header .history-button{width:36px;height:36px}}@media(max-width:520px){.app-shell>header .header-actions .button{flex:0 1 auto}.app-shell>header .history-button{display:grid}}@media(max-width:380px){.app-shell>header{padding-inline:10px}.app-shell>header .brand{font-size:15px}.app-shell>header .brand-mark{width:31px;height:31px;flex-basis:31px}.app-shell>header .brand small{font-size:6px;letter-spacing:0}.app-shell>header .language-switch button{min-width:27px;padding-inline:5px}.app-shell>header .history-button{width:33px;height:33px}}