:host {
	display: block;
}

.revision-preview {
	display: grid;
	gap: var(--space-4, 1rem);
	margin-block-start: var(--space-4, 1rem);
	padding-block-start: var(--space-4, 1rem);
	border-block-start: 1px solid var(--border, #dce5df);
}

.revision-preview h3,
.revision-preview h4,
.revision-preview p {
	margin: 0;
}

.revision-preview header p,
.source-label {
	color: var(--text-muted, #687670);
	font-size: 0.8rem;
}

fieldset,
.manual-indices,
.preview-result {
	display: grid;
	gap: var(--space-3, 0.75rem);
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.advanced-options,
.manual-indices,
.preview-result {
	padding: var(--space-3, 0.75rem);
	border-radius: var(--radius-md, 0.8125rem);
	background: var(--surface-soft, #e9efeb);
}

.advanced-options summary {
	cursor: pointer;
	font-weight: 700;
}

.advanced-options label,
.manual-indices label {
	display: grid;
	gap: var(--space-2, 0.5rem);
	margin-block-start: var(--space-3, 0.75rem);
	font-size: 0.8rem;
	font-weight: 700;
}

select,
input[type='number'] {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	padding-inline: var(--space-3, 0.75rem);
	border: 1px solid var(--border-strong, #aebbb4);
	border-radius: var(--radius-sm, 0.5rem);
	background: var(--surface, #fff);
	color: var(--text, #17211e);
	font: inherit;
}

.attestation {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	font-weight: 500;
}

.field-grid,
.preview-result dl {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
	gap: var(--space-3, 0.75rem);
}

.preview-result dl {
	margin: 0;
}

.preview-result dd {
	margin: var(--space-1, 0.25rem) 0 0;
	overflow-wrap: anywhere;
}

.preview-result dt,
.preview-warnings span {
	color: var(--text-muted, #687670);
	font-size: 0.72rem;
}

.formula {
	padding: var(--space-2, 0.5rem);
	overflow-wrap: anywhere;
	font-weight: 700;
	text-align: center;
}

.preview-warnings,
.operation-error {
	color: var(--danger, #b42318);
}

.field-error,
.stale-preview {
	color: var(--danger, #b42318);
	font-size: 0.75rem;
}

.preview-warnings ul {
	display: grid;
	gap: var(--space-2, 0.5rem);
	margin-block-end: 0;
	padding-inline-start: 1.1rem;
}

.preview-warnings span {
	display: block;
}

.preview-submit {
	justify-self: start;
}