body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
#app { padding: 14px; }
.grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.col { min-width: 0; }
.panel { border: 1px solid #ddd; border-radius: 10px; padding: 12px; }
.list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.row { border: 1px solid #eee; border-radius: 10px; padding: 10px; display: flex; justify-content: space-between; cursor: pointer; }
.row.active { border-color: #bbb; }
.title { font-weight: 700; }
.sub { font-size: 12px; opacity: 0.7; }
.badge { display: inline-block; border: 1px solid #ddd; border-radius: 999px; padding: 2px 8px; font-size: 12px; margin-left: 6px; }
.code { max-height: 70vh; overflow: auto; background: #fafafa; padding: 10px; border-radius: 10px; border: 1px solid #eee; }
.loading { padding: 10px; }
.error { white-space: pre-wrap; color: #b00020; }
.hint { font-size: 12px; opacity: 0.75; }
.meta { display: grid; gap: 6px; margin: 10px 0; font-size: 13px; }