html, body { background: var(--surface); }
body { margin: 0; overflow-x: hidden; }
.embed { padding: 14px 0 0; }
.embed-header { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 0 16px 10px; }
.embed-header strong { font-size: 15px; font-weight: 600; letter-spacing: -.3px; }
.embed-header span { color: var(--text-muted); font-size: 11px; }
.embed-reset { margin-left: auto; border: 1px solid var(--border); border-radius: 5px; background: none; color: var(--text-secondary); font-size: 11px; padding: 3px 8px; }
.embed-reset:hover { border-color: var(--accent-border); color: var(--accent); }
.embed .spatial-container { padding-inline: 16px; }
.embed .chart-card { padding-inline: 16px; }
.embed .chart-point { cursor: default; }
.embed-table .table-scroll { max-height: none; }
.embed-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; padding: 10px 16px 12px; border-top: 1px solid var(--border); color: var(--text-muted); font-size: 10px; }
.embed-footer a { color: var(--accent); }
.embed-footer a:hover { text-decoration: underline; }
.embed-state { padding: 40px 16px; text-align: center; color: var(--text-muted); font-size: 12px; }
.embed-footer a { display: inline; margin: 0; }
.embed th button { padding: 11px 10px; }
.embed td { padding: 11px 10px; }
.embed th:first-child button, .embed td:first-child { padding-left: 16px; }
.embed td:last-child, .embed th:last-child button { padding-right: 16px; }
.embed .model-sub { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.embed .provider-avatar { display: none; }