:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#111827;background:#fff;min-width:320px;margin:0}:root{--bg:#0f172a;--panel:#111827;--panel-light:#1f2937;--border:#374151;--primary:#6366f1;--primary-hover:#4f46e5;--text:#e5e7eb;--text-muted:#9ca3af}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top,#1e293b,#020617);margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b3;padding:24px}.topbar h1{margin:0;font-size:1.8rem}.topbar p{color:var(--text-muted);margin-top:6px}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;gap:12px;padding:16px;display:flex}button{background:var(--panel-light);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px;transition:all .2s}button:hover,button.active{background:var(--primary);border-color:var(--primary)}.file-input span{background:var(--primary);cursor:pointer;border-radius:10px;padding:10px 14px;display:inline-block}.file-input input{display:none}.controls{flex-wrap:wrap;gap:10px;display:flex}.controls.compact label{color:var(--text-muted);flex-direction:column;font-size:.8rem;display:flex}.controls input[type=range]{width:120px}.status{padding:10px 16px;font-size:.9rem}.status.error{color:#f87171}.viewer{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.page{background:#000;border-radius:16px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}.page img{width:100%;height:auto;display:block}.annotation-layer{width:100%;height:100%;position:absolute;top:0;left:0}.annotation-layer.blocked{pointer-events:none}.pdf-text-layer{position:absolute;inset:0}.pdf-text-hitbox{cursor:pointer;background:#6366f126;border:1px dashed #6366f180;transition:all .2s;position:absolute}.pdf-text-hitbox:hover{background:#6366f14d}.placeholder{text-align:center;color:var(--text-muted);margin-top:60px;font-size:1.2rem}