.dcv-toggle-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 1.25rem;
	padding: 5px 8px;
	background: #333;
	border-radius: 8px;
	width: fit-content;
	font-family: inherit;
}

.dcv-toggle-label {
	font-size: 0.8rem;
	color: #cfcfcf;
	opacity: 0.7;
	margin-right: 4px;
	user-select: none;
}

.dcv-tab {
	padding: 5px 16px;
	font-size: 0.85rem;
	font-weight: 500;
	text-transform: capitalize;
	border: 1px solid transparent !important;
	border-radius: 6px;
	cursor: pointer;
	background: transparent !important;
	color: #cfcfcf !important;
	transition: background 0.15s, color 0.15s;
	line-height: 1.4;
	font-family: inherit;
	box-shadow: none !important;
}

.dcv-tab:hover {
	background: rgba(213, 218, 235, 0.15) !important;
	color: #fff !important;
}

.dcv-tab--active,
.dcv-tab[aria-selected="true"] {
	background: #111 !important;
	color: #fff !important;
	border-color: #3c3c3c !important;
	box-shadow: none !important;
}

.dcv-panel[hidden] {
	display: none !important;
}

.dcv-panel .boomdevs-toc,
.dcv-panel #boomdevs-toc-container {
    display: none !important;
}

.dcv-panel p:empty,
.dcv-panel br {
    display: none !important;
}

.dcv-panel p {
    margin-bottom: 1.2em;
    line-height: 1.6;
}

.dcv-markdown-output {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 1.25rem 1.5rem;
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 0.82rem;
	line-height: 1.7;
	color: #333;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-x: auto;
}

@media (prefers-color-scheme: dark) {
	.dcv-markdown-output {
		background: #1e1e1e;
		border-color: #3a3a3a;
		color: #ccc;
	}
}

.ai-summary-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 2rem;
	padding: 1rem 0;
}

.ai-summary-label {
	font-size: 13px;
	font-weight: 500;
	color: #333 !important;
	margin-right: 4px;
	white-space: nowrap;
}

.ai-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 400 !important;
	padding: 7px 14px;
	border-radius: 999px;
	background-color: #ffffff !important;
	border: 1.5px solid #e0e0e0 !important;
	color: #333333 !important;
	cursor: pointer;
	text-decoration: none !important;
	white-space: nowrap;
	font-family: inherit;
	line-height: 1;
	transition: opacity 0.12s, transform 0.1s, border-color 0.15s;
}

.ai-btn:hover {
    opacity: 0.8;
    border-color: #cccccc !important;
}

.ai-btn:active {
    transform: scale(0.97);
}

.ai-btn img,
.ai-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

@media (prefers-color-scheme: dark) {
	.ai-summary-label { color: #333 !important; }
	.ai-btn {
		background-color: #ffffff !important;
		border-color: #e2e2e2 !important;
		color: #333 !important;
	}
}