:root{--hb-primary:#1f5eff;--hb-surface:#fff;--hb-surface-alt:#f4f6fa;--hb-text:#1b2230;--hb-muted:#5b6475;--hb-border:#dde2ea;--hb-danger:#c62828;--hb-success:#2e7d32;--hb-radius:8px;--hb-font:system-ui, -apple-system, "Segoe UI", sans-serif}body{background:var(--hb-surface-alt);margin:0}.hb-root{font-family:var(--hb-font);color:var(--hb-text);box-sizing:border-box;padding:24px}.hb-standalone{background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:var(--hb-radius);max-width:640px;margin:48px auto;line-height:1.5}.hb-header h1{margin:0 0 4px;font-size:22px}.hb-header p{margin:0 0 12px}.hb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-top:16px;display:grid}.hb-panel{background:var(--hb-surface);border:1px solid var(--hb-border);border-radius:var(--hb-radius);min-width:0;padding:16px}.hb-panel h2{margin:0 0 4px;font-size:16px}.hb-note{color:var(--hb-muted);margin:2px 0 8px;font-size:13px}.hb-good{color:var(--hb-success);font-weight:600}.hb-bad{color:var(--hb-danger);font-weight:600}.hb-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:13px}.hb-table th,.hb-table td{text-align:left;vertical-align:top;border-top:1px solid var(--hb-border);padding:6px 8px 6px 0}.hb-table th{white-space:nowrap;width:1%;font-weight:600}.hb-table code,.hb-pre{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hb-pre{background:var(--hb-surface-alt);border-radius:var(--hb-radius);white-space:pre-wrap;margin:0;padding:12px;font-size:12px}.hb-button{font:inherit;border-radius:var(--hb-radius);border:1px solid var(--hb-primary);background:var(--hb-primary);color:#fff;cursor:pointer;margin-bottom:8px;padding:6px 12px;font-size:14px}