/* ===================== Container ===================== */

	.zs-container {
	  background: white;
	  border-radius: 12px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	  width: 90vw;
	  margin: 0 auto 10px;
	  padding: 16px 20px 0;
	  position: relative;
	  overflow: hidden;
	}

	/* Override main.css */
	#zahlenstrahl {
	  width: 100% !important;
	  height: 340px;
	  border: 0;
	  box-shadow: none !important;
	  background: #fff;
	}

	/* ===================== Werkzeugleiste oben ===================== */

	/* ID-Selektor nötig, um main.css UND main_v2.css
	   #zahlenstrahl-toolbar zu überschreiben */
	#zahlenstrahl-toolbar.top-toolbar {
	  display: flex;
	  gap: 6px;
	  margin: 0 0 8px 0 !important;
	  padding: 0 !important;
	  justify-content: flex-start !important;
	  flex-wrap: nowrap;
	  max-width: none !important;
	}

	/* Buttons: all:unset + !important, um main.css .toolbar button und
	   #zahlenstrahl-toolbar button.active zu neutralisieren */
	#zahlenstrahl-toolbar button.tool-icon {
	  all: unset;
	  font-size: 16px;
	  cursor: pointer;
	  padding: 2px 4px;
	  filter: grayscale(1);
	  opacity: 0.3;
	  transition: opacity 0.2s, filter 0.2s;
	  line-height: 1;
	  border: none !important;
	  box-shadow: none !important;
	  background: transparent !important;
	  min-width: auto !important;
	  margin: 0 !important;
	  border-radius: 0 !important;
	}

	#zahlenstrahl-toolbar button.tool-icon:hover {
	  opacity: 0.7;
	  filter: grayscale(0.5);
	  box-shadow: none !important;
	  border: none !important;
	}

	#zahlenstrahl-toolbar button.tool-icon.active {
	  opacity: 0.7;
	  filter: grayscale(0);
	  box-shadow: none !important;
	  border: none !important;
	  border-color: transparent !important;
	}

	#zahlenstrahl-toolbar button.tool-icon-text {
	  filter: none;
	  font-size: 14px;
	  letter-spacing: -0.5px;
	}

	#zahlenstrahl-toolbar button.tool-icon-text:hover {
	  filter: none;
	}

	#zahlenstrahl-toolbar button.tool-icon-text.active {
	  filter: none;
	  opacity: 0.7;
	}

	/* ===================== Zahlenmengen-Toggles rechts oben ===================== */

	.set-toggles {
	  position: absolute;
	  top: 14px;
	  right: 20px;
	  display: flex;
	  flex-direction: column;
	  gap: 6px;
	  z-index: 2;
	}

	.set-toggle {
	  display: flex;
	  align-items: center;
	  gap: 6px;
	  cursor: pointer;
	  user-select: none;
	}

	.set-circle {
	  width: 16px;
	  height: 16px;
	  border-radius: 50%;
	  border: 1.5px solid #ccc;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  transition: border-color 0.2s;
	  flex-shrink: 0;
	}

	.set-circle .set-i {
	  font-size: 10px;
	  font-weight: bold;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #ccc;
	  line-height: 1;
	  display: inline-block;
	  transition: transform 0.3s, color 0.2s;
	  transform: rotate(90deg);
	}

	.set-toggle.on .set-circle {
	  border-color: #999;
	}

	.set-toggle.on .set-i {
	  color: #999;
	  transform: rotate(0deg);
	}

	.set-toggle:hover .set-circle {
	  border-color: #666;
	}

	.set-toggle:hover .set-i {
	  color: #666;
	}

	.set-label {
	  font-family: serif;
	  font-size: 15px;
	  font-weight: bold;
	  color: #bbb;
	  letter-spacing: 0;
	  transition: color 0.2s;
	}

	.set-label sub {
	  font-size: 0.65em;
	  vertical-align: baseline;
	  position: relative;
	  top: 0.3em;
	}

	.set-toggle.on .set-label {
	  color: #555;
	}

	.set-toggle:hover .set-label {
	  color: #666;
	}

	/* ===================== Beschriftungs-Umschalter unten Mitte ===================== */

	.label-switch {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	  padding: 6px 0 10px;
	  cursor: pointer;
	  user-select: none;
	}

	.label-switch-text {
	  font-size: 13px;
	  font-weight: 500;
	  color: #ccc;
	  letter-spacing: 0.5px;
	}

	.label-switch-track {
	  width: 32px;
	  height: 14px;
	  border-radius: 7px;
	  background: transparent;
	  border: 1.5px solid #ccc;
	  position: relative;
	  transition: border-color 0.2s;
	}

	.label-switch-thumb {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: transparent;
	  border: 1.5px solid #ccc;
	  position: absolute;
	  top: 50%;
	  left: 2px;
	  transform: translateY(-50%);
	  transition: left 0.25s, border-color 0.2s;
	}

	.label-switch.numbers .label-switch-thumb {
	  left: 19px;
	}