*{box-sizing:border-box}:root{--bg: #f3f5f8;--bg-grid: #eceff3;--surface: #ffffff;--surface-2: #f7f9fc;--line: #e3e8ef;--line-strong: #d4dbe5;--text: #121826;--text-2: #3a4457;--muted: #697586;--accent: #3b82f6;--accent-ink: #0a50c8;--accent-soft: #eff6ff;--violet: #8b5cf6;--ok: #10b981;--ok-soft: #ecfdf5;--bad: #d92d20;--bad-soft: #fef3f2;--r: 10px;--shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);--shadow-md: 0 4px 12px rgba(16,24,40,.06), 0 2px 4px rgba(16,24,40,.04)}:root[data-theme=dark]{--bg: #0b1120;--bg-grid: #0f172a;--surface: #151f33;--surface-2: #1b2740;--line: #273449;--line-strong: #334155;--text: #e8edf6;--text-2: #c2ccda;--muted: #93a0b5;--accent-soft: #16233f;--ok-soft: #0e2a1d;--bad-soft: #2a1414}html,body{margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,ui-sans-serif,sans-serif;background:linear-gradient(var(--bg-grid) 1px,transparent 1px) 0 0 / 100% 72px,var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.1px}.app{max-width:820px;margin:0 auto;padding:28px 18px 72px}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.logo{width:42px;height:42px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,var(--accent),var(--violet));border:none;border-radius:10px;color:#fff;box-shadow:0 2px 8px #3b82f659}.brand h1{font-size:18px;margin:0;font-weight:700}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted);font-variant:tabular-nums}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.badge.ok{color:var(--ok);border-color:#abefc6;background:var(--ok-soft)}.badge.ok .badge-dot{background:var(--ok);box-shadow:0 0 0 3px #06764726}.badge.bad{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:14px;box-shadow:var(--shadow)}.download-card{border-color:#c7d7fe;background:linear-gradient(180deg,var(--accent-soft),var(--surface))}.dl-head{display:flex;gap:14px;align-items:flex-start}.dl-ico{width:42px;height:42px;flex:none;display:grid;place-items:center;font-size:20px;color:#fff;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 2px 8px #3b82f659}.dl-head h2{margin:0;font-size:16px}.dl-head p{margin:4px 0 0;font-size:13px;color:var(--muted);max-width:520px}.dl-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.dl-others{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dl-others a{color:var(--accent-ink);font-weight:600;text-decoration:none}.dl-others a:hover{text-decoration:underline}.setup-card{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,var(--surface))}:root[data-theme=dark] .setup-card{background:var(--surface)}.setup-body{display:flex;gap:14px;align-items:flex-start}.setup-ico{width:42px;height:42px;flex:none;display:grid;place-items:center;font-size:20px;color:#fff;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706)}.setup-body h2{margin:0;font-size:16px}.setup-body p{margin:4px 0 0;font-size:13px;color:var(--muted)}.setup-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.setup-note{font-size:13px;color:var(--muted)}.status-card{display:flex;align-items:center;gap:16px}.status-ring{width:48px;height:48px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:700;color:#fff}.status-ring.on{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}.status-ring.off{background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}.status-body{flex:1;min-width:0}.status-body h2{margin:0;font-size:16px;font-weight:650}.status-name{margin:3px 0 9px;font-size:13px;color:var(--muted);word-break:break-word}.status-meta{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:11px;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);padding:3px 9px;border-radius:6px;font-variant:tabular-nums}.field{display:flex;flex-direction:column;gap:6px;min-width:120px}.field.grow{flex:1;min-width:200px}.field label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field select,.field input,.row input{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;width:100%;transition:border-color .12s,box-shadow .12s}.field select:hover,.field input:hover{border-color:var(--muted)}.field select:focus,.field input:focus,.row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.row{display:flex;gap:8px}.scan-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;padding-bottom:9px}.toggle input{width:16px;height:16px;accent-color:var(--accent)}.scan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}.btn{border:1px solid transparent;cursor:pointer;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;color:#fff;background:var(--surface-2);transition:background .14s,border-color .14s,transform .04s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);box-shadow:0 1px 2px #2563eb40}.btn.primary:hover:not(:disabled){background:var(--accent-ink)}.btn.danger{background:var(--bad)}.btn.ghost{background:var(--surface);border-color:var(--line-strong);color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.btn.big{padding:12px 30px;font-size:15px}.btn.tiny{padding:4px 10px;font-size:12px;background:var(--surface);border-color:var(--line-strong);color:var(--text-2)}.line{margin-top:16px;padding:10px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px;font-weight:500}.line.info{background:var(--accent-soft);color:var(--accent-ink);border:1px solid #c7d7fe}.line.err{background:var(--bad-soft);color:var(--bad);border:1px solid #fecdca}.spin{width:14px;height:14px;border-radius:50%;flex:none;border:2px solid currentColor;border-right-color:transparent;opacity:.6;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:0}.chev{color:var(--muted);font-size:11px}.settings-body{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.gallery-head{margin:24px 2px 12px;display:flex;align-items:center}.gallery-head h3{margin:0;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.empty{grid-column:1 / -1;text-align:center;padding:52px 20px;border:1px dashed var(--line-strong);border-radius:var(--r);color:var(--muted);background:var(--surface)}.empty-ico{font-size:32px;opacity:.5}.empty-title{font-size:15px;font-weight:600;color:var(--text);margin:12px 0 4px}.empty-sub{font-size:13px;max-width:380px;margin:0 auto}.page-card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.page-card img{width:100%;display:block;background:#fff;border-bottom:1px solid var(--line)}.page-card figcaption{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:13px;font-weight:600;color:var(--text-2)}.ocr{border-top:1px solid var(--line);padding:10px 12px}.ocr-pending{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.ocr textarea{width:100%;min-height:100px;resize:vertical;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:8px;font-size:12px;line-height:1.45;font-family:ui-monospace,Menlo,monospace}.ocr-actions{display:flex;gap:8px;margin-top:8px}.app-footer{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--muted)}.app-footer a{color:var(--accent-ink);font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer .fdot{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--violet))}