:root{--bg: #0f1115;--panel: #171a21;--border: #2a2f3a;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f9cf9;--ok: #3ecf8e;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border)}h1{font-size:20px;margin:0}.badge{font-size:11px;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 8px;vertical-align:middle;margin-left:8px}.sub{margin:4px 0 0;color:var(--muted);font-size:13px}.controls{display:flex;align-items:center;gap:10px;font-size:13px}select,button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}.status{color:var(--muted);font-size:13px}main{max-width:1200px;margin:0 auto;padding:24px 28px 60px}#drop-zone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--border);border-radius:14px;padding:44px 20px;cursor:pointer;color:var(--muted);transition:border-color .15s,background .15s}#drop-zone strong{color:var(--text);font-size:16px}#drop-zone.dragover,#drop-zone:hover{border-color:var(--accent);background:#4f9cf90f}#actions{display:flex;align-items:center;gap:10px;margin:18px 0 6px}.page-card{display:grid;grid-template-columns:minmax(280px,45%) 1fr;gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-top:18px}.page-card h3{margin:0 0 10px;font-size:14px;color:var(--muted);font-weight:600}.page-card .metrics{color:var(--ok);font-weight:400;float:right}.preview{position:relative}.preview canvas{width:100%;height:auto;border-radius:8px;display:block}.preview canvas.overlay{position:absolute;inset:0;pointer-events:none}.page-text{white-space:pre-wrap;font-size:13.5px;line-height:1.55;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;max-height:560px;overflow-y:auto}.page-text .low{color:#e0aa50}.page-text .meta{color:var(--muted);opacity:.55;font-style:italic}@media(max-width:860px){.page-card{grid-template-columns:1fr}}