/* Render & Export Cluster */
.render-export-cluster .status-line { font-size: 0.75rem; color: var(--pfse-text-muted); }
.render-export-cluster button.btn { display: inline-flex; align-items: center; }
.render-export-cluster .status-line { white-space: nowrap; }
/* Component: Render controls */
.spinner {
	width: 16px;
	height: 16px;
	border: 2px solid var(--pfse-border-secondary);
	border-top-color: var(--pfse-text-high);
	border-radius: 50%;
	animation: spin var(--pfse-toast-slide-duration, 0.8s) linear infinite;
	transition:
		border-color var(--pfse-anim-micro) var(--pfse-ease-standard);
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.render-preview { max-width: 100%; border: 1px solid var(--pfse-border-primary); }
.render-placeholder { width: 100%; height: 160px; display: flex; align-items: center; justify-content: center; background: var(--pfse-surface-secondary); color: var(--pfse-text-muted); font-size: 12px; }
.postbox { display: flex; flex-direction: column; gap: var(--pfse-spacing-1); max-height: 240px; overflow: auto; font-size: 11px; }
.args-entry { padding: 4px; border: 1px solid var(--pfse-border-secondary); background: var(--pfse-surface-primary); }
.args-empty { padding: 4px; color: var(--pfse-text-muted); }

/* Scale Section (Task 63) */
.scale-section { display: flex; flex-direction: column; gap: var(--pfse-spacing-3); }
.scale-section .controls-group { display: flex; align-items: center; gap: var(--pfse-spacing-2); flex-wrap: wrap; }
/* Radius constant for consistent small rounded corners */
:root { --pfse-radius-xs: 4px; }
.scale-section .section-heading { font-size: var(--pfse-font-size-h3); font-weight: 600; color: var(--pfse-text-high); }
.scale-section label.label { font-size: var(--pfse-font-size-body); color: var(--pfse-text-high); }
.scale-section .hint { font-size: 12px; color: var(--pfse-text-muted); }
.scale-section select.input--select, .scale-section input.input--numeric { height: var(--pfse-control-height-sm); padding: 0 var(--pfse-spacing-2); border: 1px solid var(--pfse-border-secondary); background: var(--pfse-surface-secondary); color: var(--pfse-text-high); border-radius: var(--pfse-radius-sm); }
.scale-section select.input--select:focus, .scale-section input.input--numeric:focus {
	outline: none;
	border-color: var(--pfse-accent-primary);
	box-shadow: 0 0 0 var(--pfse-focus-ring-width) var(--pfse-focus-ring-color);
	transition:
		border-color var(--pfse-anim-micro) var(--pfse-ease-standard),
		box-shadow var(--pfse-anim-micro) var(--pfse-ease-standard);
}
.scale-section input.input--invalid { border-color: var(--pfse-danger); }