/* Quantum-Like Lab by Ethan Dickey. Developed under his guidance. */
[hidden].edit-display-controls,
[hidden].view-options,
[hidden]#network-state-overlay {
  display: none !important;
}
.view-toolbar {
  flex-wrap: wrap;
  gap: 8px;
}
.view-options {
  flex-wrap: wrap;
}
#encoded-state {
  flex-wrap: wrap;
}
#encoded-state b {
  overflow-wrap: anywhere;
}
#community-controls {
  margin: 10px 0;
}
#community-size-controls {
  border: 1px solid var(--line, #29424e);
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(12, 28, 40, 0.65);
}
#community-size-controls summary {
  cursor: pointer;
  font-size: 0.85rem;
}
#community-size-controls p {
  max-width: 75ch;
  font-size: 0.86rem;
  line-height: 1.55;
}
#resize-form {
  display: flex;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
}
#resize-form .field {
  flex: 1;
  min-width: 130px;
  max-width: 280px;
}
#resize-form .small-note {
  align-self: center;
}
.size-warning {
  font-size: 0.78rem;
  color: #c4b79e;
  line-height: 1.5;
  margin: 8px 2px;
}
#target-form {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}
#target-form textarea {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 720px) {
  .register .segmented button {
    padding: 6px 9px;
  }
  .view-options {
    gap: 5px;
  }
  .view-options select {
    max-width: 160px;
  }
}

.target-amplitudes {
  flex-basis: 100%;
  font-size: 0.78rem;
}
.target-amplitudes p {
  line-height: 1.7;
  overflow-wrap: anywhere;
}