/* Preview styles for Puti Contents */
body { margin: 0; padding: 20px; background-color: #f0f0f0; }
.preview-container { 
	background-color: #fff; padding: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); 
	&::after { content: ""; display: block; clear: both; }
	&::before { content: ""; display: block; clear: both; }
}
.preview-loading { text-align: center; padding: 50px; }
.preview-header {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	gap:1em;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.preview-header-title { margin: 0; font-size: 1.5em; }
.preview-header-code { margin: 0; font-size: 0.9em; color: #666; }