.up-input-row { margin-bottom: 14px; }
.up-input-row label { font-weight: bold; display: block; margin-bottom: 6px; }
.up-input-group { display: flex; gap: 8px; align-items: center; }
.up-input { flex: 1; font-family: monospace; font-size: 12px; }
.up-section-title { font-size: 14px; font-weight: bold; margin: 18px 0 8px; border-left: 4px solid #337ab7; padding-left: 8px; }
.up-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 14px; }
.up-table th, .up-table td { padding: 7px 10px; border: 1px solid #ddd; vertical-align: top; word-break: break-all; }
.up-table th { background: #f5f5f5; font-weight: bold; white-space: nowrap; }
.up-struct-table th { width: 130px; }
.up-struct-table td, .up-key, .up-val, .up-raw { font-family: monospace; }
.up-badge { font-size: 12px; color: #555; font-weight: normal; }
.up-msg { color: #888; font-size: 13px; }
.up-error { color: #c0392b; }
@media (max-width: 600px) { .up-input-group { flex-direction: column; align-items: stretch; } }