*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:ui-sans-serif,system-ui,sans-serif;background:#0a0e14;color:#c8d0da}#stage-wrap{position:fixed;inset:0 0 0 300px;overflow:hidden}#view{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#view:active{cursor:grabbing}#panel{position:fixed;left:0;top:0;bottom:0;width:300px;padding:12px 14px;border-right:1px solid #1e2a38;overflow:auto;background:#0d1219}h1{font-size:1.1rem;margin:0 0 8px;font-weight:600}h2{font-size:.85rem;margin:16px 0 6px;color:#8fa3b8;font-weight:600}.muted{font-size:.75rem;color:#6b7c90;line-height:1.4;margin:0 0 12px}#meta{font-size:.8rem;line-height:1.5;font-variant-numeric:tabular-nums}#detail{margin:0;font-size:.75rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:#a8b8c8}.conn-status{margin:0 0 8px;font-size:.7rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#7a8fa3}.chronicle-feed{margin:0;height:320px;overflow-y:auto;font-size:.7rem;line-height:1.35;white-space:nowrap;word-break:normal;color:#9aaab8;padding:6px 8px;background:#0a1018;border:1px solid #1e2a38;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#chronicle-block h2{margin-top:12px}.chronicle-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px}.chronicle-field{display:flex;flex-direction:column;gap:4px;font-size:.68rem;color:#7f92a7}.chronicle-field select,.chronicle-field input{width:100%;background:#0a1018;color:#c8d0da;border:1px solid #1e2a38;border-radius:4px;padding:4px 6px;font-size:.72rem}.chronicle-types{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:8px}.chronicle-types label{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;color:#7f92a7}.chronicle-actions{display:flex;gap:6px;margin-bottom:8px}.chronicle-actions button{background:#182332;color:#c8d0da;border:1px solid #2a3b4d;border-radius:4px;padding:3px 6px;font-size:.68rem;cursor:pointer}.chronicle-actions button:hover{background:#233246}.chronicle-status{margin-bottom:6px;font-size:.65rem;line-height:1.3;color:#6f8296;min-height:18px}.chronicle-row{height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis}