.preview-toolbar .segmented button { padding: 9px 11px; }
.relief-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 24px 6px; min-height: 38px; }
.relief-controls label { display: flex; align-items: center; gap: 12px; color: #596a50; font-size: 10px; }
.relief-controls input { width: 130px; min-height: 28px; margin: 0; accent-color: #385640; cursor: ew-resize; }
.relief-controls output { min-width: 30px; font-variant-numeric: tabular-nums; }
.relief-caption { color: #6d7964; font-size: 9px; line-height: 1.5; text-align: right; }
.relief-controls.is-frontal label { opacity: .45; }
.relief-controls.is-frontal input { cursor: default; }
@media (max-width: 800px) {
 .preview-toolbar { gap: 8px; }
 .preview-toolbar .segmented button { padding: 8px; font-size: 9px; }
 .relief-controls { gap: 10px; padding: 0 15px 4px; }
 .relief-controls label { gap: 6px; font-size: 9px; }
 .relief-controls input { width: 86px; }
 .relief-caption { max-width: 135px; font-size: 9px; }
}