:root{--bg: #f5f7f6;--card: #fff;--text: #17201d;--muted: #5d6b66;--line: #dde3e0;--accent: #1f6f5c;--accent-text: #fff;--danger: #b3261e;--warn-bg: #fff4d6;--warn: #7a5600;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #101513;--card: #1a2120;--text: #e6ece9;--muted: #9aa8a3;--line: #2c3633;--accent: #4fbf9f;--accent-text: #08130f;--danger: #f2827a;--warn-bg: #3a3014;--warn: #f3d27a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#root{max-width:640px;margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom))}button,.button,input{font:inherit;color:inherit;border-radius:10px;border:1px solid var(--line);background:var(--card);padding:10px 14px;min-height:44px}button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.big{width:100%;padding:16px;font-size:18px;margin:12px 0}.link{background:none;border:none;color:var(--accent);padding:8px 4px}.link.danger{color:var(--danger);display:block;margin:24px auto 0}input{width:100%;background:var(--card)}label{display:block;font-size:14px;color:var(--muted);margin:10px 0}label input{margin-top:4px;color:var(--text);font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.status{color:var(--muted);text-align:center}.badge{display:inline-block;margin-left:8px;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--warn-bg);color:var(--warn)}.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;gap:8px}.bar>:first-child{justify-self:start}.bar>:last-child{justify-self:end}.login{padding-top:15vh}.login h1{text-align:center;color:var(--accent)}.search{margin-bottom:12px}.docs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.doc{width:100%;justify-content:flex-start;text-align:left;padding:8px;gap:12px;position:relative}.doc img,.doc .noimg{width:52px;height:68px;object-fit:cover;border-radius:6px;background:var(--line);flex:none}.doc-text{display:flex;flex-direction:column;min-width:0}.doc .name{font-weight:600;overflow-wrap:anywhere}.dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.empty{text-align:center;padding-top:10vh}.empty button:not(.big){width:100%}.pages{list-style:none;margin:0;padding:0 0 96px;display:grid;gap:10px}.page{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px}.thumb{padding:0;border:none;position:relative;width:96px;flex:none;background:none}.thumb img{width:96px;height:124px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid var(--line)}.num{position:absolute;left:4px;top:4px;background:var(--accent);color:var(--accent-text);border-radius:99px;font-size:12px;padding:1px 7px}.page-actions{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.page-actions .row{display:flex;gap:6px}.page-actions .row button{flex:1;padding:8px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions>*{flex:1 1 auto}.sticky{position:fixed;left:0;right:0;bottom:0;background:var(--bg);padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);max-width:640px;margin:0 auto}.editor{display:flex;flex-direction:column;min-height:100dvh;gap:8px;padding-bottom:8px}.editor-top{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:8px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:none;border-radius:0;min-height:36px;padding:6px 12px}.seg .on{background:var(--accent);color:var(--accent-text)}.stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.crop{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;line-height:0}.crop img{display:block;max-width:100%;max-height:62dvh}.overlay{position:absolute;left:0;top:0;pointer-events:none}.handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;touch-action:none;background:radial-gradient(circle,var(--accent) 0 9px,rgba(255,255,255,.9) 9px 12px,transparent 12px)}.handle.active{background:radial-gradient(circle,var(--accent) 0 5px,rgba(255,255,255,.9) 5px 7px,transparent 7px)}.loupe{position:absolute;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 10px #00000080;background-repeat:no-repeat;pointer-events:none}.loupe:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border:2px solid var(--accent);border-radius:50%}.preview img{display:block;max-width:100%;max-height:62dvh;background:#fff;box-shadow:0 1px 6px #00000040}.chips{display:flex;gap:6px;overflow-x:auto}.chip{flex:1;padding:8px 10px;min-height:40px}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tools{display:flex;gap:8px}.tools button{flex:1}.doc-preview{display:block;text-align:center;margin:4px 0 8px}.doc-preview img{max-width:60%;max-height:40dvh;background:#fff;border:1px solid var(--line);border-radius:6px}.summary{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}